木灵鱼儿

木灵鱼儿

阅读：1679

最后更新：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
木灵鱼儿

木灵鱼儿

发布了 678 篇文章获得点赞 0获得阅读 1679

版权申明

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

one
two
three

关于作者

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

相关文章

使用howler.js封装一个网页游戏音乐管理器使用howler.js封装一个网页游戏音乐管理器
实现一个点击空白区域关闭显示的自定义指令实现一个点击空白区域关闭显示的自定义指令
使用vue2.7的一些踩坑事项使用vue2.7的一些踩坑事项
实现一个自动高度的输入框实现一个自动高度的输入框
解决Cocos Creator单屏开发改动脚本文件后还需要切换到Cocos Creator以触发脚本编译解决Cocos Creator单屏开发改动脚本文件后还需要切换到Cocos Creator以触发脚本编译

目录树