美文网首页
ejs模板引擎使用说明

ejs模板引擎使用说明

作者: Mr无愧于心 | 来源:发表于2018-04-25 15:21 被阅读0次

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%>

相关文章

网友评论

      本文标题:ejs模板引擎使用说明

      本文链接:https://www.haomeiwen.com/subject/lhfylftx.html