码迷,mamicode.com
首页 > Web开发 > 详细

Node.js之art-template模板的使用

时间:2021-05-24 14:45:36      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:lis   htm   指定   存在   src   rip   文件名   end   cti   

1、wwwDir目录中的信息

技术图片

 

 

 

 

 2、template.html文件信息

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
	<head>
		<title>{{title}}</title>
	</head>
	<body>
		<h1>Index of /</h1>
		<table>
			{{each files}}
			<tr>
				<!-- <td valign="top"><img src="/icons/folder.gif" alt="[DIR]"></td> -->
				<td><a href="PHP/">{{$value}}/</a> </td>
				<td align="right">01-Apr-2021 10:35 </td>
				<td align="right"> - </td>
				<td> </td>
			</tr>
			{{/each}}
		</table>
	</body>
</html>

  3、js代码

var http = require(‘http‘);
var fs = require(‘fs‘);
var template = require(‘art-template‘);
var server = http.createServer();
var wwwDir = ‘D:/Tomcat/apache-tomcat-10.0.5-windows-x64/apache-tomcat-10.0.5/webapps‘;
server.on(‘request‘, function(req, res) {
	var url = req.url;
	// 将template.html模板通过字符串的方式读取出来,存在data中
	fs.readFile(‘./template.html‘, function(err, data) {
		if (err) {
			return res.end(‘404 Not Found.‘);
		}
		// 读取需要填入的数据  raddir方法可以读取到指定目录中的文件名字
		fs.readdir(wwwDir, function(err, files) {
			if (err) {
				return res.end(‘Can not find wwwDir‘);
			}
			// 读出来的data是二进制数据,需要将其装换为字符串
			data = data.toString();
			// 使用模板 第一个参数是模板信息 第二个参数是需要写入模板里面的数据
			var htmlStr = template.render(data, {
				title: ‘title变了‘,
				files: files
			});
			// 告诉浏览器以什么方式进行解码
			res.setHeader(‘Content-Type‘, ‘text/html;charset=utf-8‘);
			res.end(htmlStr);
		});

	});

});

server.listen(3000, function() {
	console.log(‘服务器启动成功,请通过localhost:3000 进行访问‘);
});

  4、启动服务器

技术图片

 

 

5、结果:

技术图片

 

Node.js之art-template模板的使用

标签:lis   htm   指定   存在   src   rip   文件名   end   cti   

原文地址:https://www.cnblogs.com/191080438qq/p/14780581.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!