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模板提供的注释方式,不会被作为模板内容编译输出

  • 相关阅读:
    rust 宏
    umi 调试
    rust 编译器工作流
    rust 神奇的特质
    rust 生命周期2
    rust 函数-生命周期
    rust 九九乘法表
    rust 代码生成选项
    rust 编码模式
    恢复到版本并销毁之后的git提交记录
  • 原文地址:https://www.cnblogs.com/jiashuhua/p/12038999.html
Copyright © 2011-2022 走看看