Express模板引擎Ejs使用视频教程

EJS是一个JavaScript模板库,用来从JSON数据中生成HTML字符串。Express框架中ejs可以把数据库查询的数据渲染到模板上面,实现一个动态网站。



Express中ejs的安装:


npm install ejs --save
或者:

npm install ejs --save-dev



Express中ejs的使用:


var express = require("express");


var app = express();


app.set("view engine","ejs");


app.get("/",function(req,res){
    res.render("news",{
      "news" : ["我是小新闻啊","我也是啊","哈哈哈哈"]
    });
});


app.listen(3000);


指定模板位置 ,默认模板位置在views


app.set('views', __dirname + '/views');



Ejs引入模板


<%- include header.ejs %>

Ejs绑定数据


<%=h%>

Ejs绑定html数据


<%-h%>

Ejs模板判断语句


 <% if(true){ %>


   <div>true</div>


<%} else{ %>


<div>false</div>


    <%} %>

Ejs模板中循环数据


    <%for(var i=0;i<list.length;i++) { %>
<li><%=list[i] %></li>
    <%}%>


Ejs后缀修改为Html



这是一个小技巧,看着.ejs的后缀总觉得不爽,使用如下方法,可以将模板文件的后缀换成我们习惯的.html。


1.在app.js的头上定义ejs:,代码如下:


var ejs = require('ejs');




2.注册html模板引擎代码如下:


app.engine('html',ejs.__express);


3.将模板引擎换成html代码如下:


app.set('view engine', 'html');


4.修改模板文件的后缀为.html。