木灵鱼儿

木灵鱼儿

阅读：885

最后更新：2020/07/28/ 16:40:19

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

安装

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的语法，所以混用时需要分割写

文章分类 Node
文章标签 ejs
木灵鱼儿

木灵鱼儿

发布了 569 篇文章获得点赞 0获得阅读 885

版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可，禁止转载。

one
two
three

关于作者

站点职位 博主
获得点赞 0
文章被阅读 885

相关文章

vue router 一个重定向页面的思路vue router 一个重定向页面的思路
关于 vue cli 的Network unavailable的问题分析以及修复方式关于 vue cli 的Network unavailable的问题分析以及修复方式
搞明白防抖与节流搞明白防抖与节流
宝塔和Gitte码云自动化部署教程宝塔和Gitte码云自动化部署教程
关于UIKit的抽屉 uk-offcanvas 只有黑色样式的问题关于UIKit的抽屉 uk-offcanvas 只有黑色样式的问题

目录树