node结合模板引擎呈现文件列表

最新推荐文章于 2023-08-03 22:31:59 发布

莎莉蛙

最新推荐文章于 2023-08-03 22:31:59 发布

阅读量247

点赞数

文章标签： node

本文链接：https://blog.csdn.net/qq_41880978/article/details/85703932

版权

// node属于服务端，属于在服务端使用 模板引擎
// 安装  npm install art-template
// 在需要使用的文件模板中加载 art-template.加载方式： 类似于 node中加载核心模块一样加载
// 浏览器的引入方法：template('script 标签id',{对象})

var template = require('art-template')
var http = require('http')
var fs = require('fs')
var server = http.createServer()

var wwwDir = 'K:/nodeJS'
server.on('request',function(req,res){
    fs.readFile('../01/node中使用模板引擎.html',function(err,data){
        // 1.判断是否成功读取
        if(err){
            return res.end('404 not found')
        }
        // 2.得到 'K:/nodeJS' 下的所有的文件列表
        fs.readdir(wwwDir,function(err,files){
            if(err){
                return res.end('Can not find')
            } 
            var htmlStr = template.render(data.toString(),{
                files:files
            })
            // 3.发送解析替换过后的相应数据
            res.end(htmlStr)
        })
        
    })
})
server.listen(3000,function(){
    console.log('GEt')
})

模板文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <h1>D\movies路径</h1>
    <tbody>
       {{each files}}
            <td>{{$value}}</td><br>
       {{/each}}
    </tbody>
</body>
</html>