效果展示
首先下載模板引擎,在需要下載的地方打開命令行工具,輸入
npm install atr-template --save
下載模板引擎后會出現文件夾 node_modules
下載完成之后就可以開始代碼,需要一個js文件和一個html文件,html用來存儲模板
js代碼app.js
var http = require('http')
var fs = require('fs')
var template = require('art-template')
http
.createServer(function(req, res) {
var url = req.url
if (url === '/') {
//讀取文件的模板內容,
fs.readFile('./index.html', function(err, data) {
if (err) {
return res.end('404')
}
//默認讀取到的data是二進制數據,模板引擎的render接收的是字符串,需要data轉toString
var ret = template.render(data.toString(), {
//里面可以更改對應的值
name:'fur',
age:18,
province:'廣州',
hobbies:[
'打代碼',
'吃零食'
]
})
res.end(ret)
})
}
})
.listen(3000, function() {
console.log('runing')
})
html代碼index.js
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>我叫{{ name }}</p>
<p>我{{ age }}歲</p>
<p>我來自{{ province }}</p>
//這里有個循環輸出
<p>我喜歡{{ each hobbies }} {{ $value }} {{/each}}</p>
</body>
</html>
兩個文件都ok就可以打開控制台到當前目錄,使用 node app.js
即可看到運行結果 控制台輸出runing即成功,然后打開瀏覽器輸入
效果展示