ejs模板引擎

ejs-cli      ejs預先定義好 數據---將數據注入到模板中->|編譯 帶有數據的html頁面

爲何使用ejs

• 在web項目中渲染頁面，咱們不少時候，會用json或者拼接字符串的方式，不夠美觀，破壞原有html結構，大量的html拼接會使代碼難以閱讀。
• ejs是一個簡單高效的模板語言，經過數據和模板，能夠生成HTML標記文本。

標準的json字符串外面必須是單引號    $ ejs-cli -f   for.ejs    -o ../dist

EJS是一個javascript模板庫，用來從json數據中生成HTML字符串

• 緩存功能，可以緩存好的HTML模板；
• <% code %>用來執行javascript代碼

一、語法

聲明變量         <% title="EJS Template engine" %>

輸出變量

• <%= username %> 特殊字符將進行轉義

二、.變量定義標籤屬性

<h1 style="<%= style %>"></h1>

三、循環

<% users=["Jack","Rose","Alice","Ave"] %>  //數組

<ul> <% for(var i in users){ %> <li><%= users[i].username %>--<%= users[i].age %></li> <% } %> </ul>

四、if語句

<% if(isLogin){ %> <p><a href="#">Jerry</a> | <a href="#">退出</a></p> <% }else{ %> <p><a href="#">登陸</a> | <a href="#">註冊</a></p> <% } %>

五、模板嵌套 

<% include 嵌套模板路徑 %>