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

发布于 2024-12-09 23:56:27 字数 139 浏览 0 评论 0原文

我正在创建一个使用express.js 和jade 的node.js 项目。我正在尝试重新创建一个默认布局，当用户登录时将显示他们的头像、新消息等。这可能吗？我尝试在谷歌上搜索，但没有得到任何结果，即使用 django、rails 等替换了jade。感谢您的考虑。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

堇年纸鸢 2024-12-16 23:56:27

是的，这是可能的。您可以创建自己的模板，甚至可以使用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

详细信息请参见“模板继承”。 https://github.com/visionmedia/jade

Yes, this is possible. you can create your own template and even override them using block and extend keywords of jade.

A block is simply a "block" of Jade that may be replaced within a child template, this process is recursive.

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

Now to extend the layout, simply create a new file and use the extends directive as shown below, giving the path.

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

回复收藏 0 原文

~没有更多了~