EJS模板

   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});         


















猜你喜欢

转载自www.cnblogs.com/jiashuhua/p/12038999.html
EJS