ejs模板库安装配置基础高级语法

木灵鱼儿 2020-07-28 16:40 2754 阅读5分钟

安装

npm install ejs

使用

ejs的使用类似于php那种，html+变量的那种方式

const ejs = require("ejs");

ejs.renderFile("./views/1.ejs",{},function(err,data){
  console.log(data);
});

三个参数，第二个为模板变量，模板里使用的变量都要写在这里

基本语法

<%= name %> 变量，ejs里面空格不是必须的，只是好看而已，可以不用空格

<%= name %>
<%= json.arr[0].user %>
<%= 12+5 %>
<%= 'sadada' %>

for循环遍历

<% for(var i =0;i<json.arr.length;i++){ %>
  <div>用户名：<%=json.arr[i].user%> 密码：<%=json.arr[i].pass%></div>
<% } %>

ejs中的语法，和js的相同，不像jade会有不同。

-不转码输出

ejs里面也会默认将变量里的html转义输出以防恶意内容，但是如果我们要不让他转义，将变量里的=等于号换成-减号即可

<body>
  <%
    var str = "<p></p>";
  %>
  <%- str %>
</body>

渲染：

<body>
  <p></p>
</body>

include 引入

<% include ../a.txt %>

需要注意的是include引入地址参数，必须是字符，他不能识别变量，并且在和js混用的时候要分割写。

<% if(type=="admin") { %>
  <% include ../style/admin.css %>
<% } else { %>
  <% include ../style/user.css %>
<& } &>

因为include并不是js的语法，所以混用时需要分割写

目录