EJS

EJS是一個JavaScript模板庫,用來從JSON數據中生成HTML字元串。

概念簡介

EJS是一個JavaScript模板庫,用來從JSON數據中生成HTML字元串。

基本使用:

引入EJS

創建一個模板

使用視圖工具組件

1.

引入EJS

2.

創建一個模板

3.

使用視圖工具組件

與最初的JavaScript相比較,一些不太了解你的代碼的人可以更容易地通過EJS模板代碼看得懂你的代碼。 讓我們放鬆一下,一起來享受下令人激動的乾淨簡潔的感覺。

語法和功能:

1、快取功能,能夠快取已經解析好的html模版;

2、<% code %>用於執行其中javascript代碼。

3、<%= code %>會對code進行html轉義;

4、<%# code %>將不會進行轉義;,這一行代碼不會執行,像是被注釋了一樣,然後顯示原來的html。也不會影響整個頁面的執行。

5、支持自定義標籤,比如'<%'可以使用'{{','%>'用'}}'代替;

ejs 里,默認的閉合標記是 <% .. %>,我們也可以定義自己的標籤。例如:

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

6、提供一些輔助函式,用於模版中使用
1)、first,返回數組的第一個元素;
2)、last,返回數組的最後一個元素;
3)、capitalize,返回首字母大寫的字元串;
4)、downcase,返回字元串的小寫;
5)、upcase,返回字元串的大寫;
6)、sort,排序(Object.create(obj).sort()?);
7)、sort_by:'prop',按照指定的prop屬性進行升序排序;
8)、size,返回長度,即length屬性,不一定非是數組才行;
9)、plus:n,加上n,將轉化為Number進行運算;
10)、minus:n,減去n,將轉化為Number進行運算;
11)、times:n,乘以n,將轉化為Number進行運算;
12)、divided_by:n,除以n,將轉化為Number進行運算;
13)、join:'val',將數組用'val'最為分隔設定,進行合併成一個字元串;
14)、truncate:n,截取前n個字元,超過長度時,將返回一個副本
15)、truncate_words:n,取得字元串中的前n個word,word以空格進行分割;
16)、replace:pattern,substitution,字元串替換,substitution不提供將刪除匹配的子串;
17)、prepend:val,如果運算元為數組,則進行合併;為字元串則添加val在前面;
18)、append:val,如果運算元為數組,則進行合併;為字元串則添加val在後面;
19)、map:'prop',返回對象數組中屬性為prop的值組成的數組;
20)、reverse,翻轉數組或字元串;
21)、get:'prop',取得屬性為'prop'的值;
22)、json,轉化為json格式字元串

7、利用<%- include filename %>載入其他頁面模版;

相關詞條

熱門詞條

聯絡我們