在node中的使用art-template

最新推荐文章于 2021-10-19 15:34:04 发布

九霄123

最新推荐文章于 2021-10-19 15:34:04 发布

阅读量173

点赞数

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

本文链接：https://blog.csdn.net/lyxkgc/article/details/107041623

版权

node.js 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

在node中的使用art-template

主文件
注意点：
require(‘art-template’) ，里面的字符写法，在npm 中 npm i art-template，怎么初始化的，怎么引入。

var fs = require('fs')
var http =require('http')
var  server = http.createServer()
var template = require('art-template') //引入模板引擎
server.on('request',function(req,res){   //1.监听访问事件
        fs.readFile('./tem.html',function(err, data){//2.读取文件的内容，字符串形式
        if(err){
                return res.end("404 Not Found.")
        }
fs.readdir('D:/Movie/www',function(err ,files){//3.读取文件夹的目录 [] 数组形式
        if(err){
                return res.end('目录不存在');
        }
// 这里只需要使用模板引擎解析替换data中的模板字符串就可以了
// files 就是数据
// 然后去你的template.html文件中编写你的模板语法就可以了
var htmlstr = template.render(data.toString(),{
        files:files,
        title:'哈哈'
})
        res.end(htmlstr)	;
})
})
        
})
server.listen(3000,function(){
        console.log('服务器端口绑定 http://127.0.0.1:3000/');
        
})

2. 使用的模板相当于script标签包裹的模板一样

<!DOCTYPE html>
<html>
        <head>
                <meta charset="utf-8">
                <title>{{title}}</title>
                <style type="text/css">
                        li {
                                display: inline-block;
                        }
                </style>
        </head>
        <body id="body">
                {{each files as value}}
                <ul>
                        <li>路径</li>
                        <li>{{value}}</li>
                </ul>
                {{/each}}
        </body>
</html>

在这里插入图片描述

  ^-^ 笔记仅作为学习交流使用，如有异议请私信楼主删除。

九霄123

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
在node中的使用art-template

在node中的使用art-template主文件注意点：require(‘art-template’) ，里面的字符写法，在npm 中 npm i art-template，怎么初始化的，怎么引入。var fs = require('fs')var http =require('http')var server = http.createServer()var template = require('art-template') //引入模板引擎server.on('requ
复制链接

扫一扫