art-template模板引擎

1. nodejs中使用

1.1 安装 art-template

 npm install art-template --save

1.2 在需要使用的文件模块中加载 art-template

var template = require('art-template')

1.3 使用

/**
 * app.js  在nodejs中使用art-template
 */

var fs = require('fs')
// 引入第三方模块 art-template
var template = require('art-template') 

// 读取index.html 模板文件
fs.readFile('./index.html', function(err, data) {
    /**
     * data默认读取到的是 二进制数据,而模板引擎的 render 方法需要接收的是字符串,所以在这里需要把 data 二进制数据转为 字符串
     */
    if (err) {
        return console.log('读取文件失败了')
    }
    // 模板引擎的 render 方法需要接收的是字符串
    var ret = template.render(data.toString(), {
        name: '李思雨',
        age: 18,
        province: '北京市',
        hobbies: [
            '写代码',
            '唱歌',
            '打游戏'
        ],
        title: '个人信息'
    })
    console.log(ret)
})

index.html 模板文件

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在nodejs中使用art-template</title>
</head>

<body>
    <h1>这是我的 {{title}}</h1>
    <h3>大家好,我的名字是 {{name}}</h3>
    <h3>我今年 {{age}} 岁了</h3>
    <h3>我现在在{{province}}上学呢</h3>
    <h3>我最喜欢: {{each hobbies}} {{$value}} {{/each}}
    </h3>
</body>

</html>

1.4 执行

node app.js

2. 在浏览器中使用

template-web.js : 引入第三方文件(或者从node_module中引入 node_module/art-template/lib/art-template

模板引擎不关心你的字符串内容,只关心自己能认识的模板标记语法,例如 {{}} 。在

posted @ 2023-10-09 18:20  songxia777  阅读(6)  评论(0编辑  收藏  举报