项目管理

嵌入式js，一种简单的模板语言，让你可以通过 js 生成 html 代码。无需纠结于如何组织内容，无需重新发明迭代和控制流，它只是纯粹的 JavaScript。

embedded javascript

官网：https://ejs.co/
Github：https://github.com/mde/ejs
Playground：https://ionicabizau.github.io/ejs-playground/

特性：

• 快速编译、渲染。
• 简单的模板标签 <% %> 。
• 自定义分隔符，[? ?] 代替 <% %> 。
• 可包含子模板。
• 客户端、服务器都支持。
• 中间JavaScript的静态缓存。
• 用Express系统编译。

let people = ['geddy', 'neil', 'alex'];
let html = ejs.render('<%= people.join(", "); %>', {people: people});

Tags

标签。

• <% : 没有任何输出，只是用于流程控制。<% if(isLogin) { %>
• <%_ : 删除前置的所有空白字符。<%_ if(isLogin) { %>
• <%= : 已转义html。<%= name { %>
• <%- : 未转义html。<%= htmlString { %>
• <%# : 注释。<%# This is a comment %>
• <%% : %字面量。 <%
• %> : 结束标签。
• -%> : 裁剪后续空行。
• _%> : 删除后续的所有空白字符。

Includes

引用其他文件。

<ul>
  <% users.forEach(function(user){ %>
    <%- include('user/show', {user: user}); %>
  <% }); %>
</ul>

流程控制

ejs支持循环和条件语句。

<% if (products.length > 0) { %>
    <ul>
        <% products.forEach(product => { %>
            <li><%= product.name %> - ₹<%= product.price %></li>
        <% }) %>
    </ul>
<% } else { %>
    <p>No products available</p>
<% } %>