ejs基础语法

一.使用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>

你可能感兴趣的:(ejs,ejs)