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]%>> <%}%>

選項 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中的設置，以及用戶提供的變量值。

 

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()%>>