1. art-template不仅可以在浏览器中试用,也可在node使用
首先,在要执行的文件目录下安装art-template,安装步骤: 在命令行所在文件后面输入:npm install art-template
然后你会发现,所在文件下会多一个目录:node_modules
这个就是我们所要找的文件,即在浏览器中需要引用这个文件;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src="node_modules\art-template\lib\template-web.js"></script>
<script type="text/template" id="tpl">
大家好,我叫:{{name}};
我{{age}}岁;
我来自{{province}}省;
学历为{{education}};
我的兴趣爱好是:{{each hobbies}} {{$value}} {{/each}}
</script>
<script>
var person = template("tpl",{
name:"Jack",
age: 18,
province : "江苏",
education:"硕士在读",
hobbies: [
"唱歌",
"书法",
"游泳"
]
});
console.log(person);
</script>
</body>
</html>
2. 在Node中使用art-template模板引擎
js文件:
var template = require("art-template");
var fs = require("fs");
fs.readFile("H2.html",function (err,data) { // 这里读文件的路径,是所在js文件的相对路径
if (err){
console.log("文件读取失败");
}
var ret = template.render(data.toString(),{
name:"Jack",
age: 18,
province : "江苏",
education:"硕士在读",
hobbies: [
"唱歌",
"书法",
"游泳"
]
});
console.log(ret);
});
html文件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<p>大家好,我叫:{{name}}</p>
<p>我{{age}}岁</p>
<p>我来自{{province}}省</p>
<p>学历为{{education}}</p>
<p>我的兴趣爱好是:{{each hobbies}} {{$value}} {{/each}}</p>
</body>
</html>