express-模板引擎

我们学习下模板引擎ejs在express 中的用法

首先指定模板引擎

app.set('views','./views') // 模板文件所在的目录
app.set('view engine','ejs') //要是用的模板引擎 view engine

app.get('/form/:name', function (req, res) {
  let person=req.params.name
  console.log(req.params)
  // res.sendFile(__dirname + '/form.html')
  res.render('form',{person})
})

在模板引擎中接收

<h2><%=person %></h2>

 

传递数组

let data={age:29,name:'小明',zhuanye:['1','2','3']}
  // res.sendFile(__dirname + '/form.html')
  res.render('form',{data})

<ul>
      <% data.zhuanye.forEach(function(item){ %>
        <li>
          <%=item %>
        </li>
      <% }) %>
    </ul>

 

模板共用问题

新建文件夹partials  在partials中新建文件header.ejs

<nav>
  <ul>
    <li><a href="">home</a></li>
    <li><a href="">about</a></li>
  </ul>
</nav>

引用（也可以传参数）

<%- include('partials/header.ejs',{user:"aaa"}) %>