安装
npm i art-template -S
导入
var template = require('art-template')
基础使用
js代码
var fs = require('fs')
var http = require('http')
var template = require('art-template')
var server = http.createServer()
server.on('request', function(req, res) {
fs.readFile('./index.html', function(err, data) {
var tet = template.render(data.toString(), {
title: 'art-template模板的使用',
name: '你好'
})
res.end(tet)
})
})
server.listen(3000, function() {
console.log('server is runing...')
})
html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{{title}}</title>
</head>
<body>
<h1>{{name}}</h1>
</body>
</html>
执行结果
语法
基础语法
{{value}}
{{data.key}}
{{data['key']}}
{{a ? b : c}}
{{a || b}}
{{a + b}}
if判断
<!-- 单 if 判断 -->
{{if value}}
...
{{/if}}
<!-- if ... else ... 判断 -->
{{if v1}}
...
{{else if v2}}
...
{{/if}}
循环遍历
{{each target}}
{{$index}} {{$value}}
{{/each}}
target是一个数组,each用于对数组遍历,$index 是数组的下标, $value是数组的值