一.使用ejs入口文件配置
1入口文件设置模板引擎:
app.set("view engine","ejs")
2.设置模板的存放位置,views为文件夹,前面的views是在路径前面补上views(默认会去找项目根目录下的views文件夹)
app.set("views",[path.jion(__dirname,"./views")])
3.告诉ejs将html文件作为模板文件来解析(渲染)
app.engine("html",require("ejs").__express)
二.ejs基础语法
1.显示变量
<%=name %>
2.引入公共组件
<% include ./header.html %>
3.js用路请求,跳转页面渲染时,(这里跳转到index页面,并传参data)
//res 为路由请求成功时的回调,参数为对象,可传多个
res.render("index.html",{data,msg:"你好",url:"/user"})
4.ejs for循环,index页面中,循环,并使用上面传过来的data
<%for(let i=0 ;i<data.length;i++){%>
<div>
<img src="/static/<%data[i].pic %>" />
<div>
<h2><%=data[i].title %></h2>
<%}%>
5.if语法
<%if (good.cate_id.toString()==cates[i]._id.toString()) {%>
<option value="<%= cates[i]._id %>" selected><%= cates[i].name %></option>
<%}else{%>
<option value="<%= cates[i]._id %>"><%= cates[i].name %></option>
<%}%>
6.三目运算表达式
<select name="status" id="">
<option value="">--请选择--</option>
<option value="0" <%= good.status==0?'selected':'' %>>热销</option>
<option value="1" <%= good.status==1?'selected':'' %>>新品</option>
</select>