art-template模板引擎
1. nodejs中使用
1.1 安装 art-template
npm install art-template --save
1.2 在需要使用的文件模块中加载 art-template
var template = require('art-template')
1.3 使用
/**
* app.js 在nodejs中使用art-template
*/
var fs = require('fs')
// 引入第三方模块 art-template
var template = require('art-template')
// 读取index.html 模板文件
fs.readFile('./index.html', function(err, data) {
/**
* data默认读取到的是 二进制数据,而模板引擎的 render 方法需要接收的是字符串,所以在这里需要把 data 二进制数据转为 字符串
*/
if (err) {
return console.log('读取文件失败了')
}
// 模板引擎的 render 方法需要接收的是字符串
var ret = template.render(data.toString(), {
name: '李思雨',
age: 18,
province: '北京市',
hobbies: [
'写代码',
'唱歌',
'打游戏'
],
title: '个人信息'
})
console.log(ret)
})
index.html 模板文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>在nodejs中使用art-template</title>
</head>
<body>
<h1>这是我的 {{title}}</h1>
<h3>大家好,我的名字是 {{name}}</h3>
<h3>我今年 {{age}} 岁了</h3>
<h3>我现在在{{province}}上学呢</h3>
<h3>我最喜欢: {{each hobbies}} {{$value}} {{/each}}
</h3>
</body>
</html>
1.4 执行
node app.js
2. 在浏览器中使用
template-web.js : 引入第三方文件(或者从node_module中引入 node_module/art-template/lib/art-template
)
模板引擎不关心你的字符串内容,只关心自己能认识的模板标记语法,例如 {{}} 。在