art-template实例（超详细）

最新推荐文章于 2022-02-28 14:49:32 发布

baobo4894

最新推荐文章于 2022-02-28 14:49:32 发布

阅读量759

点赞数

文章标签： python

原文链接：http://www.cnblogs.com/furfur-jiang/p/11393107.html

版权

效果展示

首先下载模板引擎，在需要下载的地方打开命令行工具，输入

npm install atr-template --save

下载模板引擎后会出现文件夹 node_modules

下载完成之后就可以开始代码，需要一个js文件和一个html文件，html用来存储模板

js代码app.js

var http = require('http')
var fs = require('fs')
var template = require('art-template')
http
    .createServer(function(req, res) {
        var url = req.url
        if (url === '/') {
            //读取文件的模板内容,
            fs.readFile('./index.html', function(err, data) {
                if (err) {
                    return res.end('404')
                }
                //默认读取到的data是二进制数据，模板引擎的render接收的是字符串，需要data转toString
                var ret = template.render(data.toString(), {
                                        //里面可以更改对应的值
                    name:'fur',
                    age:18,
                    province:'广州',
                    hobbies:[
                        '打代码',
                        '吃零食'
                    ]
                })
                res.end(ret)
            })
        }
    })
    .listen(3000, function() {
        console.log('runing')
    })

html代码index.js

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <p>我叫{{ name }}</p>
        <p>我{{ age }}岁</p>
        <p>我来自{{ province }}</p>
                //这里有个循环输出
        <p>我喜欢{{ each hobbies }} {{ $value }} {{/each}}</p>
    </body>
</html>

两个文件都ok就可以打开控制台到当前目录，使用 node app.js
即可看到运行结果控制台输出runing即成功，然后打开浏览器输入

效果展示

转载于:https://www.cnblogs.com/furfur-jiang/p/11393107.html

baobo4894

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
art-template实例（超详细）

效果展示首先下载模板引擎，在需要下载的地方打开命令行工具，输入npm install atr-template --save下载模板引擎后会出现文件夹 node_modules下载完成之后就可以开始代码，需要一个js文件和一个html文件，html用来存储模板js代码app.jsvar http = require('http')var fs = require('fs'...
复制链接

扫一扫