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

  • 相关阅读:
    CF1329A Dreamoon Likes Coloring(贪心)
    CF1330B Dreamoon Likes Permutations
    AcWing338 计数问题(数位dp)
    AcWing311 月之谜(数位dp)
    AcWing310 启示录(数位dp)
    CF1332E Height All the Same(数学)
    CF1332D Walk on Matrix(构造)
    CF1332C K-Complete Word(思维)
    js作用域
    js原型链笔记
  • 原文地址:https://www.cnblogs.com/jiashuhua/p/12038999.html
Copyright © 2011-2022 走看看