node——9-node 中用模板引擎
在 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>