zoukankan      html  css  js  c++  java
  • 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});         

     EJS模板标签

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

    <%= 将数据输出到模板(如果输出的数据是HTML,则会被转义)

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

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

  • 相关阅读:
    bzoj4195 [Noi2015]程序自动分析
    bzoj4236 JOIOJI hash 模拟
    bzoj1012 [JSOI2008]最大数maxnumber
    day 4 名片管理系统 -函数版
    day 3 局部变量 全局变量
    day 2 函数的嵌套
    day1 函数 (独立功能代码块)
    day 14 元组
    day 13 字典dict 操作
    day 12 列表字典 补充
  • 原文地址:https://www.cnblogs.com/jiashuhua/p/12038999.html
Copyright © 2011-2022 走看看