EJS是一套简单的模板语言,帮我们利用普通的 JavaScript代码生成的HTML页面。EJS没有复杂的语法规则,也没有再造一套迭代和控制语法,有的 只是普通的JavaScript代码而已
可以在浏览器环境中使用
1 <script src="ejs.js"></script>
2 <script>
3 var people = ['geddy' , 'neil' , 'alex'],
4 html = ejs.render('<%= people.join(",");%>',{people:people});
5 </script>
可以在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 <ul>
9 <% colors.forEach((value,index)=>{ %>
10 <li><%= value %></li>
11 <% }) %>
12 </ul>
13 `
14
15 //HTML代码=EJS模板+数据
16 const html = ejs.render(template,{colors});