yarn add ejs安装这个第三方的模块
<%=变量%> 转义输出
<%-变量%> 不转义输出
<%js代码%> 用来包裹js代码
路口文件:渲染的是 views目录下面的dong.js模板
const express =require("express"); var app =express(); //设置模板引擎为ejs,模板引擎默认的目录叫views //app.set("view","./template")把模板字符串的默认目录改为template app.set("view engine","ejs"); app.get("/test",(req,res)=>{ var k ="kkkkk"; var h ="<h2>哈哈哈</h2>"; var arr =["a","b","c"] res.render("dong",{ k:k, h:h, arr:arr });//渲染的是 views目录下面的dong.js模板 }) app.listen(3000,()=>{ console.log("listen 3000....") })
views目录下面的dong.js模板
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> 我的模板 <%=k%> <%-h%> <ul> <% for(var i =0;i<arr.length;i++){ %> <li><%=arr[i]%></li> <%}%> </ul> </body> </html>
yarn global add express-generator
npm i express-generator -g
两种方式安装自动生成项目
express --version
express --view=ejs +项目的名字
cd 项目的目录
yarn
npm start或者node ./bin/www