模拟“布局”;使用 Mustache 时 Jade 的功能

发布于 2024-11-01 16:19:24 字数 928 浏览 0 评论 0原文

我设置了 Node 和 Express,然后按照本页上的说明集成了 Mustache.js 模板:

http://bitdrift.com/post/2376383378/using-mustache-templates-in-express

到目前为止一切顺利,除了我遇到了很多麻烦尝试设置 Mustache.js 使其具有与 Jade 的“布局”相同的功能。我基本上尝试设置 1 个主文件作为其他页面的 shell,类似于使用 Django 扩展模板。

前任。布局文件可以是这样的:

[html]

[title]我的标题[/title]

[body]{{content}}[/body]

[/html]

其中 {{content}} 被替换为我将在该页面的路由中以某种方式指定的文件的内容。

我只是不知道如何使用express进行设置,因为我仍然是一个巨大的新手,而且它与Jade的设置方式是自动的,这似乎只针对Jade。

使用 Jade,您只需要制作一个“layout.jade”文件,并使用类似这样的内容作为您的路线:

app.get('/', function(req, res) { res.render('home', { title: '我的主页' }); });

然后它会神奇地将 home.jade 的内容添加到您指定 body!= body 标记的layout.jade 文件中。

是的,我怎样才能用 Mustache 设置类似的东西呢?如果您知道答案,请逐步解释。

I setup node and express then integrated the mustache.js template by following the instructions on this page:

http://bitdrift.com/post/2376383378/using-mustache-templates-in-express

So far so good, except I'm having a lot of trouble trying to setup mustache.js to have the same functionality as Jade's "layout". I'm basically trying to setup 1 master file to serve as a shell for my other pages similar to extending a template with Django.

Ex. The layout file could have this:

[html]

[title]my title[/title]

[body]{{content}}[/body]

[/html]

Where {{content}} gets replaced with the contents of a file which I would specify somehow in the route for that page.

I just have no idea how to set this up with express because I'm still a huge newbie with it and the way it's setup with Jade is automagical which seems to be specific to Jade only.

With Jade you just need to make a "layout.jade" file and have something like this as your route:


app.get('/', function(req, res) { res.render('home', { title: 'My home page' }); });

Then it magically adds the contents of home.jade into your layout.jade file wherever you specified the body!= body tag.

So yeah, how can I set something like that up with Mustache? If you know the answer please explain it step by step.

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

千仐 2024-11-08 16:19:24

您可以为 stache 编写一个渲染器插件 docpad

You could write a stache renderer plugin for docpad

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文