//可以使用npm 在终端下载art-template 输入 npm install art-template
// 在node中使用art-template模板引擎,模板引擎最早诞生于服务器领域,后来
// 才发展到了前端
// 1,在需要的文件模块中加载art-template,只需要使用require方法加载就可以了:
// require('art-template');
// 参数中的art-template就是你下载的包的名字
// 也就是说你install的名字是什么,则你require中的名字是什么
// 3,查文档,使用模板引擎API
var template=require("art-template"); //加载
var fs=require('fs');
//moudule.html在下面
fs.readFile('moudule.html',function(err,data){
if(err){
return console.log('读文件失败');
}
// 默认督导的data是二进制数据
// 而模板引擎的render方法需要接收的是字符串
// 所以我们在这里需要
var ret=template.render(data.toString(),{
name:'Jack',
hobbies:[
'唱',
'跳',
'rap',
'篮球'
]
})
console.log(ret);
})
文件moudule.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="node_modules/art-template/lib/template-web.js"></script>
<script type="text/template" id="tpl">
大家好,我叫{{name}}
我喜欢:{{each hobbies}}{{$value}}{{/each}}
<!--
模板引擎不关心你的字符串内容,只关心自己能认识的模板标记语法,例如{{}}
{{}}语法被称之为mustache语法
-->
</script>
<script>
var ret=template('tpl',{
name:'jack',
hobbies:[
'唱',
'跳',
'rap',
'篮球'
]
})
console.log(ret);
</script>
</head>
<body>
</body>
</html>