EJS

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

基本介紹

  • 軟體名稱:EJS
  • 開發商:未知
  • 類型:JavaScript模板庫
  • 用途:從JSON數據中生成HTML字元串
基本使用,語法、功能,

基本使用

  1. 引入EJS
  2. 創建一個模板
  3. 使用視圖工具組件
與最初的JavaScript相比較,一些不太了解代碼的人可以更容易地通過EJS模板代碼看得懂代碼。

語法、功能

1、快取功能,能夠快取已經解析好的html模版;
2、<% code %>用於執行其中javascript代碼。
<% alert('hello world') %>
3、<%= code %>會對code進行html轉義;
<h1><%=title %></h1>                    註:會把title裡面存的值給顯示出來在h1中。
<p><%= 'hello world' %></p>             註:會把hello world顯示在p中。
<h1><%= '<b>hello world</b>' %></h1>    註:會把<b>hello world</b>顯示在h1中。
4、<%# code %>將不會進行轉義;,這一行代碼不會執行,像是被注釋了一樣,然後顯示原來的html。也不會影響整個頁面的執行。
<p><%# 'hello world' %>asd</p>   最後顯示asd,及顯示原網頁
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 %>載入其他頁面模版;

相關詞條

熱門詞條

聯絡我們