node.js中使用ejs渲染数据的代码实现
更新时间：2023年11月11日 16:13:31 作者：万物得其道者成
这篇文章主要介绍了node.js中使用ejs渲染数据,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧
用ejs模板引擎讲面的数据渲染到页面的表格中
[
{"pid":1,"pname":"小米1","price":2888},
{"pid":2,"pname":"小米2","price":3888},
{"pid":3,"pname":"小米3","price":4888},
{"pid":4,"pname":"小米4","price":5888},
{"pid":5,"pname":"小米5","price":6888},
]ejs模板引擎的使用
第一步 ： ejs的安装 npm i ejs
第二步 ： 导入ejs模块
第三步 ： 判断路由 根据访问不同的路由 渲染不同的ejs模板引擎
如何渲染ejs模板引擎?
ejs.renderFile( "路径" , {数据} ,(err,data)=>{
} )
代码实现：
js部分：
const http = require("http")
const url = require("url")
const ejs = require("ejs")
let arr = [
{"pid":1,"pname":"小米1","price":2888},
{"pid":2,"pname":"小米2","price":3888},
{"pid":3,"pname":"小米3","price":4888},
{"pid":4,"pname":"小米4","price":5888},
{"pid":5,"pname":"小米5","price":6888},
]
//创建服务器
http.createServer((req,res)=>{
//查找路由
let pathname = url.parse(req.url).pathname
if(pathname == "/home"){
//渲染ejs模板引擎
ejs.renderFile("./index.ejs",{arra:arr},(err,data)=>{
res.end(data)
})
}
}).listen(3002,()=>{ //启动服务器
console.log("服务器已经启动")
}) html部分：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table border="1" cellapdding="20" cellspacing="0">
<thead>
<tr>
<td>#</td>
<td>商品名称</td>
<td>商品价格</td>
</tr>
</thead>
<tbody>
<% arra.forEach(item=>{%>
<tr>
<td><%= item.pid%></td>
<td><%= item.pname%></td>
<td><%= item.price%></td>
</tr>
<%})%>
</tbody>
</table>
</body>
</html>到此这篇关于node.js中使用ejs渲染数据的文章就介绍到这了,更多相关node.js ejs渲染数据内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术，本文给大家介绍nodejs实现websocket的数据库接收与发送，小伙伴们一起学习吧2015-11-11
本篇文章主要是介绍了Nodejs之NET模块，net模块是同样是nodejs的核心模块，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2016-11-11
在 NodeJS 中,文件操作是常见的任务之一,然而,当处理大文件时,直接将整个文件加载到内存中可能会导致内存溢出或性能瓶颈,为了解决这一问题,NodeJS 提供了文件流（Stream）机制,本文将详细介绍文件流的优点、使用方法、应用场景,并探讨背压（Backpressure）的概念2025-01-01
morgan是express默认的日志中间件，这篇文章主要介绍了express默认日志组件morgan的方法,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-04-04
Node.js使用mysql2 库批量更新(Bulk Update)多条数据的方案
文章介绍了在Node.js中使用mysql2库批量更新多条数据的三种方法：使用CASEWHEN语句、INSERT...ONDUPLICATEKEYUPDATE和事务+循环更新,每种方法都有其适用场景和优缺点,建议根据数据量和更新逻辑选择合适的方法,感兴趣的朋友跟随小编一起看看吧2026-01-01
在现代前端开发中,Node.js 和 npm 是不可或缺的工具,然而,随着项目的迭代和依赖包的更新,我们常常会遇到依赖冲突、构建失败等问题,本文将通过一个实际案例,详细讲解如何解决 Node.js 项目中的依赖问题,包括升级 Node.js 和 npm、替换过时的依赖包、修复构建错误等2025-02-02
这篇文章主要介绍了nodejs对项目下所有空文件夹创建gitkeep的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-08-08
Node.js 中的流Stream模块简介及如何使用流进行数据处理
Node.js中的流（Stream）模块用于高效处理流式数据,包括可读流、可写流、双边流和转换流等,通过`fs.createReadStream`和`.pipe`方法可以方便地读取文件并写入控制台或处理网络请求,在实际开发中,需要注意错误处理、资源管理和性能优化等问题2025-03-03
这篇文章主要介绍了nodejs的请求路由概述,需要的朋友可以参考下2014-07-07
nodejs更新package.json中的dependencies依赖到最新版本的方法
今天小编就为大家分享一篇nodejs更新package.json中的dependencies依赖到最新版本的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-10-10
最新评论