官方文档:https://aui.github.io/art-template/zh-cn/docs/api.html
导入模板:
let template = require('art-template');
示例一:
mytpl.art:
{{if user}}
<h2>{{user.name}}</h2>
{{/if}}
渲染模板:
let html = template(__dirname + '/mytpl.art', {
user: {
name: 'lisi'
}
});
console.log(html);
示例二:
使用方法(可以不编写模板文件)
let tpl = '<ul>{{each list as value}}<li>{{value}}</li>{{/each}}</ul>';
let render = template.compile(tpl);
let ret = render({
list : ['apple','orange','banana']
});
console.log(ret);
简写:
let tpl = '<ul>{{each list as value}}<li>{{value}}</li>{{/each}}</ul>';
let ret = template.render(tpl,{
list : ['apple','orange','banana','pineapple']
});
console.log(ret);
示例三:
编写模板文件score.art:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>成绩结果</title>
</head>
<body>
<div>
<ul>
<li>语文:{{chinese}}</li>
<li>数学:{{math}}</li>
<li>外语:{{english}}</li>
<li>综合:{{summary}}</li>
</ul>
</div>
</body>
</html>
渲染模板:
let html = template(__dirname + '/score.art', {
chinese : '120',
math : '130',
english : '146',
summary : '268'
});
console.log(html);