Node模板引擎的使用

2.模板引擎語法

使用const template = require('art-template')引入模板引擎

告訴模板引擎要拼接的資料和模板在**:const html = template('模板路徑',資料);

基礎示例**如下：

// 匯入模板引擎

// 拼接模板路徑
const views = path.
join
(__dirname,
'views'
,'index.art'
)// template方法是用來拼接字串的
// 1.模板路徑 使用絕對路徑
// 2.要在模板中顯示的資料 物件型別
// 返回拼接好的字串
const html =
template
(views,
)console.
log(html)
;

如果資料中攜帶html標籤，預設模板引擎不會解析標籤，會將其轉義後輸出。

在模板中可以根據條件來決定顯示哪塊html**。

} 年齡大於18
} 年齡小於15
} 年齡不符合要求
}<% if (age > 18) else if (age < 15) else %>

}

>
} div
>
}<%include('./common/header.art') %>
>
} div
>
<%include('./common/footer.art')%>

示例**如下：

該部分是html骨架模板部分：

lang
="en"
>
>
charset
="utf-8"
>
name
="viewport"
content
="width=device-width, initial-scale=1.0"
>
>
html骨架模板title
>
} }head
>
>
} }body
>
html
>

}

}>
}p>}}
rel=
"stylesheet"
href
="./main.css"
>
}

配置模板的預設字尾template.defaults.extname = 字尾名

示例**如下：

// 匯入模板引擎

const template =
require
('art-template');
const path =
require
('path');
const dateformat =
require
('dateformat'
)// 設定模板的根目錄
template.defaults.root = path.
join
(__dirname,
'views');
// 匯入模板變數
template.defaults.imports.dateformat = dateformat;
// 配置模板的預設字尾
template.defaults.extname =
'.html'
;// 設定了模板的根目錄後，只需要在此處填寫要渲染的檔名即可：例如06
const html =
template
('06.art',)
;// 渲染07.html檔案，寫入07自動查詢檔案名為07.html的檔案
console.
log(
template
('07',)
)console.
log(html)
;

Node寫部落格 模板引擎的配置和使用

思想 後端邏輯和頁面表現分離 前後端分離 模板配置 載入模組處模組 var swig require swig 配置應用模板 定義當前應用所使用的模板引擎 第乙個引數 模板引擎的名稱，同時也是模板檔案的字尾，第二個引數 用於解析處理模板內容的方法 設定模板檔案存放的目錄，第乙個引數 必須是views...

瀏覽器中使用模板引擎 node

art template art template 不僅可以在瀏覽器使用，也可以在 node 中使用 安裝 npm install art template node modules 不要改，也不支援改。在 node 中使用 art template 模板引擎 模板引起最早就是誕生於伺服器領域，後來...

node學習之路 day3（模板引擎的使用）

今天主要來寫一下在 node 中使用模板引擎，當然，在瀏覽器中也可以使用，模板引起最早就是誕生於伺服器領域，後來才發展到了前端。模板引擎很多，今天我們用 art template 這個模板引擎來舉例子，據我所知現在比較火的還有 jade 和 ejs。lang en charset utf 8 在瀏覽...