创建一个包含用户信息的翡翠默认布局

【问题标题】：Create a jade default layout that has user information创建一个包含用户信息的翡翠默认布局
【发布时间】：2023-03-09 04:34:02
【问题描述】：

我正在创建一个使用 express.js 和玉的 node.js 项目。我正在尝试创建一个默认布局，当用户登录时会显示他们的头像、新消息和类似的东西。这可能吗？即使用 django、rails 等替换了翡翠，我也尝试过搜索谷歌并没有得到任何回复。谢谢您的考虑。

【问题讨论】：

标签： node.js express pug

【解决方案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 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

【讨论】：