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渲染数据内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
相关文章
本篇文章主要介绍了Mongoose全面理解，详细的介绍了mongoose连接数据库，查找读取数据和数据验证等，有兴趣的可以了解一下。2017-01-01
Node.js是一个基于Chrome V8引擎的JavaScript运行时。类似于Java中的JRE，.Net中的CLR。本文将详细为大家介绍Node.js中的模块与npm包管理器的使用，需要的可以参考一下2022-03-03
这篇文章主要介绍了简述pm2常用命令集合及配置文件说明,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要给大家介绍了关于利用node.js如何爬取中关村的在线电瓶车信息的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用node.js具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-11-11
网上已经有很多关于模拟登陆正方教务的作品了，基于 PHP，Python，Java，.Net 加上NodeJs，这几门语言都可以实现模拟登陆，模拟登陆的技术点不是特别难，这里记录一下利用Node碰到的一些坑，以及一些解决思路。2017-04-04
nodejs版本过高导致vue-cli项目无法正常运行的几种解决方案
这篇文章主要给大家介绍了关于nodejs版本过高导致vue-cli项目无法正常运行的几种解决方案,在项目中你可能需要用到的node版本太低,但是你所下的node版本是最新的,这时候就会报错,需要的朋友可以参考下2023-07-07
Node.js是一个JavaScript运行环境,可以使JavaScript这类脚本语言编写出来的代码运行速度获得极大提升,下面这篇文章主要给大家介绍了关于Node.js卸载与重装及zip与msi安装的相关资料,需要的朋友可以参考下2023-01-01
使用Nodejs的开发者愈来越多，基于Nodejs的后台开发也多了起来，像短信验证码、短信群发、国际短信这些需求，完全可以采用第三方接口来实现，云片就提供了这样的接口2017-02-02
package-lock.json解决依赖的版本管理使用详解
这篇文章主要为大家介绍了package-lock.json解决依赖的版本管理使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
在项目开发中，统一团队的代码风格很重要，本文介绍如何用Node.js来自动审核，来提高您的开发速度。2016-07-07
最新评论