首先引入express框架和ejs模块。
const express=require("express");
//引入ejs模板
const ejs=require("ejs");
//创建框架的实例
const app=express();
修改后缀为html
//设置express框架使用ejs模板引擎
//修改ejs模板后缀为html
app.engine(".html",ejs.__express);
或者为app.engine('html', require('ejs').renderFile);
//views 文件为模板引擎的目录
app.set("view engine",'html');
//设置模板文件的目录
app.set("views",__dirname+"/view");
文件为view 里面包含index.html文件
index.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>首页</title>
</head>
<body>
<% for(var i=0;i<list.length;i++){
%>
<h4><%=list[i]%></h4>
<%}%>
</body>
</html>
router.js路由文件代码为:
注意:路径也要加上html后缀
const express = require("express");
const router = express.Router();
const ejs = require("ejs");
router.get("/", (req, res) => {
//路径也要加上html后缀
ejs.renderFile("view/index.html", {
list: [1, 2, 3] }, (err, html) => {
if (err)
throw err;
res.send(html);
});
});
moudle.exports=router;
最后,在页面上显示