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 绑定数据：

<%=data%> 

Ejs 绑定 html 数据 ：

<%-data%>

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。