当前位置: 技术文章>> 详细介绍nodejs中的渲染数据列表

文章标题:详细介绍nodejs中的渲染数据列表
  • 文章分类: 后端
  • 10793 阅读
文章标签: nodejs javascript

在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>标签显示。


推荐文章