node.js - ユーザー情報を持つjadeのデフォルトレイアウトを作成する

Question

express.jsとjadeを使用するnode.jsプロジェクトを作成しています。ユーザーがログインすると、アバターや新しいメッセージなどが表示されるデフォルトのレイアウトを再現しようとしています。これは可能ですか？ヒスイをジャンゴやレールなどに置き換えても、グーグルで検索してみましたが、何も返ってきませんでした。よろしくお願いします。

Answer 1

はい、これは可能です。独自のテンプレートを作成し、jadeのblockおよびextendキーワードを使用してそれらをオーバーライドすることもできます。

ブロックは、子テンプレート内で置き換えることができるJadeの単なる「ブロック」であり、このプロセスは再帰的です。

html
  head
    h1 My Site - #{title}
    block scripts
      script(src='/jquery.js')
  body
    block content
    block foot
      #footer
        p some footer content

次に、レイアウトを拡張するには、新しいファイルを作成し、以下に示すようにextendsディレクティブを使用して、パスを指定します。

extends extend-layout

    block scripts
      script(src='/jquery.js')
      script(src='/pets.js')

    block content
      h1= title
      each pet in pets
        include pet

For details see "Template inheritance". https://github.com/visionmedia/jade