Node.js 中模板引擎

最新推荐文章于 2024-07-12 11:30:00 发布

_有光

最新推荐文章于 2024-07-12 11:30:00 发布

阅读量1.3k

点赞数

分类专栏： Node.js

本文链接：https://blog.csdn.net/youguang_/article/details/86162128

版权

Node.js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1. art-template不仅可以在浏览器中试用，也可在node使用
首先，在要执行的文件目录下安装art-template，安装步骤: 在命令行所在文件后面输入：npm install art-template

然后你会发现，所在文件下会多一个目录：node_modules

这个就是我们所要找的文件，即在浏览器中需要引用这个文件；
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script src="node_modules\art-template\lib\template-web.js"></script>
    <script type="text/template" id="tpl">
        大家好，我叫:{{name}};
        我{{age}}岁;
        我来自{{province}}省;
        学历为{{education}};
        我的兴趣爱好是:{{each hobbies}} {{$value}} {{/each}}
    </script>
    <script>
        var person = template("tpl",{
            name:"Jack",
            age: 18,
            province : "江苏",
            education:"硕士在读",
            hobbies: [
                "唱歌",
                "书法",
                "游泳"
            ]
            });
        console.log(person);
    </script>
</body>
</html>

2. 在Node中使用art-template模板引擎

js文件:

var template = require("art-template");
var fs = require("fs");
fs.readFile("H2.html",function (err,data) {   // 这里读文件的路径，是所在js文件的相对路径
    if (err){
        console.log("文件读取失败");
    }
    var ret = template.render(data.toString(),{
        name:"Jack",
        age: 18,
        province : "江苏",
        education:"硕士在读",
        hobbies: [
            "唱歌",
            "书法",
            "游泳"
        ]
});
    console.log(ret);
});

html文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
        <p>大家好，我叫:{{name}}</p>
        <p>我{{age}}岁</p>
        <p>我来自{{province}}省</p>
        <p>学历为{{education}}</p>
        <p>我的兴趣爱好是:{{each hobbies}} {{$value}} {{/each}}</p>
</body>
</html>

_有光

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Node.js 中模板引擎

1. art-template不仅可以在浏览器中试用，也可在node使用首先，在要执行的文件目录下安装art-template，安装步骤: 在命令行所在文件后面输入：npm install art-template然后你会发现，所在文件下会多一个目录：node_modules这个就是我们所要找的文件，即在浏览器中需要引用这个文件；&lt;!DOCTYPE html&gt;...
复制链接

扫一扫

专栏目录