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>

技术
©2019-2020 Toolsou All rights reserved,
车主无忧:为什么放弃开源Kafka?必传之作!Alibaba内部出品Redis深度笔记及源码宝典统信UOS首次公布软件适配:QQ、微信、迅雷都有了阿里开发10年技术核心总结,Springboot+Redis文档,送给努力上进的程序员python画爱心Docker容器数据卷详解(共享数据)为何华为的5G专利高居第一名,却还被高通要求缴纳专利费?Spring循环依赖三级缓存是否可以减少为二级缓存?C#中字典的排序方法面试还不会Spring?阿里P8总结的100道面试解析,让你实锤面试官