node.js - 创建一个包含用户信息的 jade 默认布局

Question

我正在创建一个使用 express.js 和 jade 的 node.js 项目。我正在尝试重新设计一个默认布局，当用户登录时将显示他们的头像、新消息和类似内容。这可能吗？我试过在谷歌上搜索，但一无所获，即使在用 django、rails 等替换了 jade 之后也是如此。感谢您的考虑。

Answer 1

是的，这是可能的。您可以创建自己的模板，甚至可以使用 jade 的 block 和 extend 关键字覆盖它们。

一个 block 只是一个 Jade 的“ block ”，可以在子模板中被替换，这个过程是递归的。

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

详情参见“模板继承”。 https://github.com/visionmedia/jade