当前位置: 首页 > 工具软件 > Art Mustache > 使用案例 >

nodejs5:在node中使用art-template模板引擎

柴嘉年
2023-12-01
//可以使用npm  在终端下载art-template  输入 npm install art-template
 
// 在node中使用art-template模板引擎,模板引擎最早诞生于服务器领域,后来
// 才发展到了前端
// 1,在需要的文件模块中加载art-template,只需要使用require方法加载就可以了:
// require('art-template');
// 参数中的art-template就是你下载的包的名字
// 也就是说你install的名字是什么,则你require中的名字是什么
// 3,查文档,使用模板引擎API


var template=require("art-template"); //加载
var fs=require('fs');
//moudule.html在下面
fs.readFile('moudule.html',function(err,data){
    if(err){
        return console.log('读文件失败');
    }
    // 默认督导的data是二进制数据
    // 而模板引擎的render方法需要接收的是字符串
    // 所以我们在这里需要

    var ret=template.render(data.toString(),{
        name:'Jack',
        hobbies:[
            '唱',
            '跳',
            'rap',
            '篮球'
        ]
    })
    console.log(ret);

})


文件moudule.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="node_modules/art-template/lib/template-web.js"></script>
    <script type="text/template" id="tpl">
    大家好,我叫{{name}}
    我喜欢:{{each hobbies}}{{$value}}{{/each}}
    <!-- 
        模板引擎不关心你的字符串内容,只关心自己能认识的模板标记语法,例如{{}}
        {{}}语法被称之为mustache语法
     -->
    </script>
    <script>
        var ret=template('tpl',{
            name:'jack',
            hobbies:[
                '唱',
                '跳',
                'rap',
                '篮球'
            ]
        })

        console.log(ret);
    </script>
</head>
<body>
    
</body>
</html>
 类似资料: