Node.js使用模板引擎
程序员文章站
2022-03-16 16:30:27
...
art-template可以在浏览器中使用，也可以在Node后端开发中使用，下面只是简单的演示一下，以后有机会会更加系统的学习
1.浏览器中使用模板
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script src="../../../../art-template/node_modules/art-template/lib/template-web.js"></script>
<script type="text/template" id="tql">
hellow {{name}}
</script>
<script>
let ret=template('tql',{
name:'tbw'
})
console.log(ret)
</script>
</body>
</html>2.Node中使用模板
js文件
let template=require('art-template')
let fs=require('fs')
fs.readFile('./other.html',function(err,data){
if(err){
return console.log('Error!')
}
let ret=template.render(data.toString(),{
name:'Tbw',
age:19,
height:171
})
console.log(ret)
})引用的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>
</head>
<body>
<p>你好{{name}}</p>
<p>身高{{height}}的1号位想打理工杯</p>
<p>年龄{{age}}想出去实习</p>
</body>
</html>注意：引用的模板包必须和调用的js文件在同一个层级之下