EJS模板

   EJS是一套简单的模板语言，帮我们利用普通的 JavaScript代码生成的HTML页面。EJS没有复杂的语法规则，也没有再造一套迭代和控制语法，有的 只是普通的JavaScript代码而已

可以在浏览器环境中使用

 

1 
2 

可以在Node环境中使用

使用npm将EJS安装到当前项目中

npm install ejs --save-prod

将使用EJS模板语法写模板和一些要展示到页面的数据作为参数传递给EJS提供的编译方法，最后输出HTML。

 1 const ejs = require('ejs');
 2 
 3 //要展示到页面中的数据 
 4 const colors = ['red' , 'green' , 'blue'];
 5 
 6 //使用EJS语法编写的模板
 7 const template=`
 8     

 9          <% colors.forEach((value,index)=>{ %>
10                 
<%= value %>
11          <% }) %>
12     
13 `        
14 
15 //HTML代码=EJS模板+数据
16 const html = ejs.render(template,{colors});         

 EJS模板标签

 <% 脚本标签，用于书写流程控制语句，不输出任何内容。

<%= 将数据输出到模板（如果输出的数据是HTML，则会被转义）

<%- 将数据输出到模板（数据不会被转义）

<%# EJS模板提供的注释方式，不会被作为模板内容编译输出