art-template實例(超詳細)


效果展示

首先下載模板引擎,在需要下載的地方打開命令行工具,輸入

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即成功,然后打開瀏覽器輸入

效果展示


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM