以 art-template 为例,官网:http://aui.github.io/art-template/


1、安装

npm install art-template


2、在需要使用的文件模块中加载art-template

var template = require('art-template');


3、使用示例

// 1.0 加载art-template模块
var template = require('art-template');

// 2.0 使用示例
var rtn = template.render('hello {{name}}', {
name : 'tom'
});

console.log(rtn);


运行结果

PS D:\nodejs> node test.js
hello tom


4、加载模板文件

1、新建一个template.html文件

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<h3>全民制作人们大家好,我是练习时长两年半的个人练习生:{{ name }}</h3>
<p>喜欢:{{each interestArr}} {{ $value }} {{/each}}</p>
</body>
</html>


2、引用上述文件

// 1.0 加载模块
var template = require('art-template');
var fs = require('fs');

// 2.0 使用
fs.readFile('./template.html', function(error, data) {
if (error) {
return console.log(error);
}

// 默认读取到的data是二进制数据,而模板引擎的render方法需要接收字符串
var rtn = template.render(data.toString(), {
name: '北冥有鱼,其名为鲲',
interestArr: [
'唱',
'跳',
'rap'
]
});

console.log(rtn);
});


3、输出结果

PS D:\nodejs> node test.js
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<h3>全民制作人们大家好,我是练习时长两年半的个人练习生:北冥有鱼,其名为鲲</h3>
<p>喜欢: 唱 跳 rap </p>
</body>
</html>




回到顶部