gpt4 book ai didi

node.js - 在 Express 3.x 中使用布局

转载 作者:太空宇宙 更新时间:2023-11-04 01:13:41 25 4
gpt4 key购买 nike

我发现的所有指南似乎都引用了 Express 的早期版本,据我所知,此功能从 2.x 到 3.x 有所变化。我假设由于 npm install express 当前安装了 3.0.3 版本,因此 3.x 被认为是稳定的并且可以用于生产使用。 (难道不是这样吗?)

我想使用 EJS 或 Kiwi 模板,如果可能的话,我希望在模板中提供 Underscore。

但我的第一个障碍是获取一个围绕我的内容/部分进行渲染的布局。

给定:

$ express --ejs test

index.js:

exports.index = function(req, res){
res.render('index', { title: 'test' });
};

我已经创建了layout.ejs,但是当我查看源代码时我可以看到它没有被调用。

布局是否已完全传递给模板库来在 Express 3.x 中处理(因此,如果选择的模板库没有实现它们,那么您就是 SOL)?

如果它仍然是 Express 的一部分,我该如何配置它?如果它必须由模板库实现,我在 EJS 或 Kiwi 文档中都没有看到布局说明——这是否意味着它们根本不受支持?

最佳答案

使用 ejs-locals 获得布局支持(还提供 block 和部分)...因为布局已在 Express 3.x 中删除。

https://github.com/RandomEtc/ejs-locals

从示例中运行 node app.js 并打开 localhost:3000 以查看工作示例。

给定一个模板,index.ejs:

<% layout('boilerplate') -%>
<% script('foo.js') -%>
<% stylesheet('foo.css') -%>
<h1>I am the <%=what%> template</h1>
<% block('header', "<p>I'm in the header.</p>") -%>
<% block('footer', "<p>I'm in the footer.</p>") -%>

还有一个布局,boilerplate.ejs:

<!DOCTYPE html>
<html>
<head>
<title>It's <%=who%></title>
<%-scripts%>
<%-stylesheets%>
</head>
<body>
<header>
<%-blocks.header%>
</header>
<section>
<%-body -%>
</section>
<footer>
<%-blocks.footer%>
</footer>
</body>
</html>

关于node.js - 在 Express 3.x 中使用布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13434040/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com