Art-Template模板语法

最新推荐文章于 2024-04-19 04:05:55 发布

拢手点烟丶

最新推荐文章于 2024-04-19 04:05:55 发布

阅读量590

点赞数 2

文章标签： node.js javascript html5 html

本文链接：https://blog.csdn.net/jwqzhn/article/details/111274496

版权

Art-Template

使用模板语法（art-template）

art-template官网地址（https://aui.github.io/art-template/zh-cn/docs/installation.html）

使用npm 导入
- ```
npm install art-template --save
```

基本使用

var template = require('art-template')
// // 基于模板名渲染模板
// template(filename, data);
//
// // 将模板源代码编译成函数
// template.compile(source, options);
// 将模板源代码编译成函数并立刻执行
// template.render(source, data, options);

// 将模板源代码编译成函数并立刻执行
let demo = template.render(' 我叫 {{name}} ，今年{{age}}岁 ',{
    age : 12,
    name : 'jwq'
});
console.log(demo)
//source也可以使用变量代替

也可以通过文件读取的方式，读取html去使用

var template = require('art-template')
// // 基于模板名渲染模板
// template(filename, data);
//
// // 将模板源代码编译成函数
// template.compile(source, options);
// 将模板源代码编译成函数并立刻执行
// template.render(source, data, options);
var fs = require('fs')
fs.readFile('./art-template.html',function (err,data) {
    if(err){
        return console.log(' 读取错误 ')
    }
    // 将模板源代码编译成函数并立刻执行
    let demo = template.render(data.toString(),{
        age : 12,
        name : 'jwq'
    });
    console.log(demo)
})
//其中'./art-template.html'为html文件，里面包含{{name}}{{age}}

去读取目录（js文件）

let http = require('http')
let fs = require('fs')
let template = require('art-template')
let server = http.createServer()
server.on('request', function (req, res) {
    let url = req.url
    if (url === '/') {
        fs.readFile('./art-template.html', function (err, data) {
            let demo = 'D:/xlyl/学习node/code'
            fs.readdir(demo, function (err, file) {
                if (err) {
                    return res.end('404 err')
                }
                let demo = template.render(data.toString(), {
                    file: file,
                    name:'jwq',
                    age:12
                });
                res.end(demo)
                // console.log(demo)
                // console.log(file)
            })
        })

    }
    // res.end('hello')
})
server.listen(3000, function () {
    console.log('running........')
})

去读取art-template.html（html文件）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<p>我叫{{name}}</p>
<p>今年{{age}}</p>
<p>{{each file}}</p>
<p>{{$value}}{{/each}}</p>
</body>
</html>

拢手点烟丶

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Art-Template模板语法

Art-Template使用模板语法（art-template）art-template官网地址（https://aui.github.io/art-template/zh-cn/docs/installation.html）使用npm 导入npm install art-template --save基本使用var template = require('art-template')// // 基于模板名渲染模板// template(filename, data);
复制链接

扫一扫