express - ExpressJS のレイアウトとは?

Question

Express のテンプレート エンジン (ejs/Jade) のガイドを読んでいます。

彼らはレイアウトやパーシャルをたくさん参照していますか?

彼らは何ですか？

Answer 1

レイアウトは基本的にページの全体的な構造です。したがって、たとえば、ページの構造を定義する開始htmlタグ、ヘッドセクション、本文など、領域やサイドバーなどはありません。

一方、パーシャルはマークアップの小さなスニペットです。ページの構成要素。したがって、トップナビゲーションバー、メインコンテンツ領域、およびサイドバーを備えたサイトがあるとします。あなたのナビゲーションはおそらくパーシャルであり、メインコンテンツエリアはパーシャルのいくつかのインスタンスで構成されています。ブログの場合、ホームページのメインコンテンツ領域には、同じ部分的にレンダリングされた複数のインスタンスがあります。

したがって、実際には、それらの名前は非常に文字通りです。レイアウトはページの全体的なレイアウトを定義し、パーシャルはページの一部（パーツ）です。

参照： http： //www.hacksparrow.com/express-js-jade-partials-how-to-use-them.html

そして、expressjsやノードとは関係ありませんが、概念は引き続き適用されます：https ://github.com/handlino/FireApp/wiki/Templates,-layouts,-and-partials

Answer 2

レイアウトはメイン クラスと考えることができ、すべての css ファイルはそれを拡張します。レイアウトは、css の基本構造です。例:-

レイアウト.ジェイド

doctype 5
html
  head
    title= title
    link(rel='stylesheet', href='/stylesheets/style.css')
  body
    block content

メインファイルは

index.jade

extends layout

block content
  #wrapper
    #img
      a(href='/')
        img(src='/images/img.png')
    #display
      #login
        form(method='post')
          | Enter your name
          div
            input(type='text', name='username')
            input(type='submit', value='Log In')

ただし、間隔には注意してください... ;)