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即成功,然后打开浏览器输入

效果展示

posted on 2019-08-22 11:03  furfur-jiang  阅读(3986)  评论(0编辑  收藏  举报