在pug模板中显示mongoose数据,你可以按照以下步骤进行操作:
const mongoose = require('mongoose');
const userSchema = new mongoose.Schema({
name: String,
age: Number,
email: String
});
const User = mongoose.model('User', userSchema);
app.get('/users', async (req, res) => {
try {
const users = await User.find();
res.render('users', { users });
} catch (error) {
console.error(error);
res.status(500).send('Internal Server Error');
}
});
html
head
title User List
body
h1 User List
ul
each user in users
li= user.name
在上面的例子中,我们使用了pug的模板语法来遍历"users"数组,并将每个用户的名称显示为列表项。
这样,当用户访问"/users"页面时,你的后端代码将从数据库中获取用户数据,并将其传递给pug模板进行渲染,最终在浏览器中显示用户列表。
推荐的腾讯云相关产品:腾讯云云服务器(https://cloud.tencent.com/product/cvm)和腾讯云云数据库MongoDB版(https://cloud.tencent.com/product/mongodb)。这些产品提供了稳定可靠的云计算基础设施和数据库服务,可满足你在开发过程中的需求。
原文地址 https://www.aiprose.com/blog/126 1 介绍 pug 是一种前端模板引擎,原名 jade 可用来生成 HTML,它的写法类似于 CSS 这里先简单举几个例子 #hello a.link-button Link Link 易理解,同时极大的简约了我们的代码。 2 安装 2.1 下载 npm i -D pug pug-html-loader pug-plain-l
领取专属 10元无门槛券
手把手带您无忧上云