在node中的使用art-template

在node中的使用art-template

  1. 主文件
    注意点:
    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>

在node中的使用art-template_第1张图片

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

你可能感兴趣的:(node.js,nodejs)