Node.js 手冊查詢-5-Ejs 方法

ejs 手冊

標籤（空格分隔）： ejs

---

express 中使用

//設置模板目錄 app.set('views', path.join(__dirname, 'views')); //設置模板引擎 app.set('view engine', 'html'); //設置引擎後綴. index.html 中的內容能夠是 ejs 代碼 app.engine('.html', require('ejs').__express);

ejs的特性： 一、緩存功能，可以緩存已經解析好的html模版； 二、<% code %>用於執行其中javascript代碼； 三、<%= code %>會對code進行html轉義； 四、<%- code %>將不會進行轉義； 五、支持自定義標籤，好比’<%‘可使用’{{’，’%>‘用’}}'代替； 六、提供一些輔助函數，用於模版中使用 七、利用<%- include filename %>加載其餘頁面模版；

ejs 函數/運算符

1. 引入模板 不指定後綴就尋找 layout.ejs. (注意:若是沒有定義模板目錄,則 include無效)

<% include layout.html%> <%- include layout.html%>

1. 靜態編譯模板,沒有 IO 操做，會很是快，並且能夠公用本地變量.

<% users.forEach(function(user){ %> <% include user/show %> <% }) %>

意思就是模板名是動態的

1. 自定義 閉合標籤. 厭倦了 <% %> ?

//設置閉合標籤 var ejs = require('ejs'); ejs.open = '{{'; ejs.close = '}}';

express中全局設定

app.set("view options",{ "open":"{{", "close":"}}" });

1. 變量

//傳遞 index 模板引擎參數 res.render('index',{'title':'haha'); //使用參數 <title><%= title %></title>

1. 運行js代碼

<%for(var i=p.length-1; i>=0; i--){%> <input type="button" value=<%=p[i]%>> <%}%>

1. 選項 express中 經過 res.redirect(‘login’, [options]); 來對模板進行訪問,options就能夠設置模板引擎的一些選項 其中options的一些參數爲： 一、cache：是否緩存解析後的模版，須要filename做爲key； 二、filename：模版文件名； 三、scope：complile後的Function執行所在的上下文環境； 四、debug：標識是不是debeg狀態，debug爲true則會輸出生成的Function內容； 五、compileDebug：標識是不是編譯debug，爲true則會生成解析過程當中的跟蹤信息，用於調試； 六、client，標識是否用於瀏覽器客戶端運行，爲true則返回解析後的能夠單獨運行的Function函數； 七、open，代碼開頭標記，默認爲’<%’； 八、close，代碼結束標記，默認爲’%>’； 九、其餘的一些用於解析模版時提供的變量。 在express中使用時，options參數將由response.render進行傳入，其中包含了一些express中的設置，以及用戶提供的變量值。

1. f輔助函數 此外ejs還提供了一些輔助函數，用於代替使用javascript代碼，使得更加方便的操縱數據。 一、first，返回數組的第一個元素； 二、last，返回數組的最後一個元素； 三、capitalize，返回首字母大寫的字符串； 四、downcase，返回字符串的小寫； 五、upcase，返回字符串的大寫； 六、sort，排序（Object.create(obj).sort()？）； 七、sort_by:‘prop’，按照指定的prop屬性進行升序排序； 八、size，返回長度，即length屬性，不必定非是數組才行； 九、plus:n，加上n，將轉化爲Number進行運算； 十、minus:n，減去n，將轉化爲Number進行運算； 十一、times:n，乘以n，將轉化爲Number進行運算； 十二、divided_by:n，除以n，將轉化爲Number進行運算； 1三、join:‘val’，將數組用’val’最爲分隔符，進行合併成一個字符串； 1四、truncate:n，截取前n個字符，超過長度時，將返回一個副本 1五、truncate_words:n，取得字符串中的前n個word，word以空格進行分割； 1六、replace:pattern,substitution，字符串替換，substitution不提供將刪除匹配的子串； 1七、prepend:val，若是操做數爲數組，則進行合併；爲字符串則添加val在前面； 1八、append:val，若是操做數爲數組，則進行合併；爲字符串則添加val在後面； 1九、map:‘prop’，返回對象數組中屬性爲prop的值組成的數組； 20、reverse，翻轉數組或字符串； 2一、get:‘prop’，取得屬性爲’prop’的值； 2二、json，轉化爲json格式字符串

輔助函數使用

//注意閉合標籤 <%=: %> <input type="button" value=<%=:p|first%>>

1. 給模板添加方法

app.locals[‘say’] = function(){ return ‘hello’; }; 在 app.locals 中定義的方法均可以在模板中引用 <input type=「button」 value=<%=say()%>>

 

資料參考：https://cnodejs.org/topic/548e55b257fd3ae46b233506