ejs模板引擎使用说明

2018-04-25  本文已影响0人  Mr无愧于心

ejs模板,可以通过node和express配合,可以渲染页面。

在有express的情况下,不用单独安装,因为express本身依赖ejs模块,但是没有express的情况下需要单独安装,否则会报错。

ejs的模板语法

index.ejs文件

<% for(var i=0; i<supplies.length; i++) { %>  
        <li>  
            <a href='supplies/<%= supplies[i] %>'>  
                <%= data[i] %>  
            </a>  
        </li>  
    <% } %>  

规则

  1. js语句直接写在<% %>中
  2. 绑定的数据写在<%= %>中

ejs配合express

  1. 设置模板引擎
const app=express();
app.set('view engine','ejs');
  1. 渲染页面
app.get('请求地址',function(res,req){
  res.render('文件地址',{data:realData})
})

一般ejs文件存放在view文件中,写路径时可省略view和ejs后缀例如:

./view/index.ejs模板可以写成
res.render('index',{data:realData})

在模板中引入模板

引入header.ejs

<% include header.ejs%>
上一篇 下一篇

猜你喜欢

热点阅读