1. 程式人生 > >node——9-node 中用模板引擎

node——9-node 中用模板引擎

在 node 中使用 art-template 模板引擎,模板引擎最早就是誕生於伺服器鄰域,後來才發展到了前端

  1. 安裝:cnpm i art-template
  2. 在需要使用的檔案模板中載入 art-template
    只需要使用 require 方法載入就可以了:require(‘art-template’)
    引數中的 art-template 就是你下載的包的名字
  3. 查文件,使用模板引擎的 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>

在這裡插入圖片描述