node——9-node 中用模板引擎
阿新 • • 發佈:2018-11-12
在 node 中使用 art-template 模板引擎,模板引擎最早就是誕生於伺服器鄰域,後來才發展到了前端
- 安裝:cnpm i art-template
- 在需要使用的檔案模板中載入 art-template
只需要使用 require 方法載入就可以了:require(‘art-template’)
引數中的 art-template 就是你下載的包的名字 - 查文件,使用模板引擎的 API
var template = require('art-template');
var fs = require('fs');
// 這裡不是瀏覽器,所以下面的格式用不了
// template('script 標籤 id', {物件});
fs.readFile('./tpl.html', function (err, data) {
if (err) {
return console.log('讀取檔案失敗');
}
// template.render('模板字串', 替換物件);
// data 預設是二進位制資料,所以需要轉換為字串
var ret = template.render(data.toString(), {
name: 'John',
age: 20,
province: '北京市',
hobbies: [
'寫程式碼',
'唱歌',
'打遊戲',
'游泳'
],
title: '個人資訊'
});
console.log(ret);
});
tpl.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{{ title }}</ title>
</head>
<body>
<h1>大家好,我叫:{{ name }}</h1>
<p>我今年 {{ age }} 歲了</p>
<p>我來自 {{ province }}</p>
<p>我喜歡 {{ each hobbies }} {{ $value }} {{ /each }}</p>
</body>
</html>