Node.js 中使用art-template模板

最新推荐文章于 2021-08-04 13:56:10 发布

haoqi好奇

最新推荐文章于 2021-08-04 13:56:10 发布

阅读量808

点赞数

分类专栏：案例 node 文章标签： node.js

本文链接：https://blog.csdn.net/qq_41956789/article/details/93342452

版权

案例同时被 2 个专栏收录

26 篇文章 0 订阅

订阅专栏

node

8 篇文章 0 订阅

订阅专栏

安装art-template模板，在想要安装的目录下打开命令行，输入
npm install art-template

创建js文件

// 加载模板引擎 安装命令的名字叫什么 require中就叫什么
var template=require('art-template');
// 文件操作
var fs=require('fs');
// 载入http
var http=require('http')
// 载入server
var server=http.createServer();
// 设置响应
server.on('request',function(req,res){
	// 读取文件
	fs.readFile('./tpl.html',function(err,data){
		if(err){
			return console.log('404 Not Found.')
		}
		// 默认的data是二进制，我们要把data转成字符串，toString()
		var ret=template.render(data.toString(),{
			title:'个人信息',
			name:'张三',
			sex:'男',
			age:'18'
		})
		// 设置浏览器识别类型和编码
		res.setHeader('Content-Type','text/html;charset=utf-8')
		console.log(ret)
		// 响应到页面，结束。
		res.end(ret)
	})
})
// 开启端口
server.listen(3000,function(){
	console.log('服务已启动，在127.0.0.1:3000')
})

tpl.html文件中用{{}}将内容设置

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>{{title}}</title>
	</head>
	<body>
		<p>大家好，我叫{{name}}</p>
		<p>我的性别是{{sex}}</p>
		<p>我今年{{age}}岁了</p>
	</body>
</html>

控制台输出结果