在Node.js中,可以使用各种模板引擎来渲染数据列表。以下是使用EJS模板引擎渲染数据列表的示例:
安装EJS模板引擎
首先需要安装EJS模板引擎,可以使用npm包管理工具进行安装:
npm install ejs
准备数据
准备需要渲染的数据,例如一个包含商品信息的数组:
var products = [ { id: 1, name: 'Product 1', price: 9.99 }, { id: 2, name: 'Product 2', price: 19.99 }, { id: 3, name: 'Product 3', price: 29.99 } ];
编写EJS模板
创建一个EJS模板文件,例如list.ejs,并将以下代码复制到文件中:
<ul> <% for(var i=0; i<products.length; i++) { %> <li><%= products[i].name %> - $<%= products[i].price %></li> <% } %> </ul>
渲染数据列表
在Node.js中,可以使用以下代码将数据渲染到EJS模板中:
var ejs = require('ejs'); var products = [ { id: 1, name: 'Product 1', price: 9.99 }, { id: 2, name: 'Product 2', price: 19.99 }, { id: 3, name: 'Product 3', price: 29.99 } ]; var html = ejs.render(fs.readFileSync('list.ejs').toString(), { products: products }); console.log(html);
上述代码中,使用fs模块读取EJS模板文件,然后使用ejs.render()方法将数据渲染到模板中,并将结果输出到控制台。渲染后的HTML代码会自动包含在<ul>和</ul>标签中,每个商品信息都会以<li>标签显示。