从路由器向Express Handlebars模板发送数据的步骤如下:
app.get()
方法创建一个路由处理程序,该处理程序将处理特定的URL请求。例如,你可以创建一个处理/data
路径的路由。app.get('/data', (req, res) => {
// 在这里处理数据并发送给模板
});
app.get('/data', (req, res) => {
// 从数据库中获取用户信息
const users = [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 30 },
];
// 将数据发送给模板
res.render('template', { users });
});
res.render()
方法用于渲染一个Handlebars模板,并将数据传递给模板。在这个例子中,我们将用户信息传递给名为template
的模板。template.handlebars
(或其他你喜欢的名称),并在其中定义模板的结构和数据的展示方式。<!-- template.handlebars -->
<h1>用户信息</h1>
<ul>
{{#each users}}
<li>{{name}}, {{age}}</li>
{{/each}}
</ul>
const exphbs = require('express-handlebars');
// 设置Handlebars作为模板引擎
app.engine('handlebars', exphbs());
app.set('view engine', 'handlebars');
app.set('views', path.join(__dirname, 'views'));
/data
路径时,Express将调用路由处理程序,并将用户信息传递给Handlebars模板进行渲染。渲染后的HTML将作为响应发送给客户端。这样,你就成功地从路由器向Express Handlebars模板发送了数据。
腾讯云相关产品推荐:
你可以在腾讯云官网了解更多关于这些产品的详细信息和使用方式。
技术创作101训练营
“中小企业”在线学堂
DB-TALK 技术分享会
云+社区技术沙龙[第6期]
DBTalk技术分享会
Techo Day
serverless days
腾讯云GAME-TECH游戏开发者技术沙龙
云+社区技术沙龙[第10期]
云+社区开发者大会(杭州站)
领取专属 10元无门槛券
手把手带您无忧上云