从路由器向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模板发送了数据。
腾讯云相关产品推荐:
你可以在腾讯云官网了解更多关于这些产品的详细信息和使用方式。
领取专属 10元无门槛券
手把手带您无忧上云