02_01.后台语言模板的渲染(art-template)

1. 首先先去官网查找模板的相关使用

https://www.npmjs.com/

在这个网站上输入关键字art-template

步骤1

步骤2

步骤3

步骤4

https://aui.github.io/art-template/zh-cn/index.html
https://aui.github.io/art-template/zh-cn/docs/

步骤5

代码案例

1.下载art-template

npm install art-template

2.下载好后，会有如下文件夹

模块展示

3.创建一个01use-art-template.js,输入下面的代码

//引用art-tempalte
var template = require("art-template");


//------------------------输出对象中的属性----------------------------
// //1.0定义好模板
// var str = "大家好，我叫{{@name}},今年{{@age}}岁了";

// //2.0给模板设置数据
// //将模板设置给模板引擎
// var render = template.compile(str);
// //给模板引擎传入数据
// var res = render({
//     name: "Robyn",
//     age: 25
// });
// //输出res
// console.log(res);
//------------------------输出对象中的属性----------------------------
//------------------------判断语法----------------------------
// //1.0定义好模板
// var str = "大家好，我叫{{@name}},今年{{@age}}岁了，{{if age >= 18}}成年了{{else}}未成年{{/if}}";

// //2.0给模板设置数据
// //将模板设置给模板引擎
// var render = template.compile(str);
// //给模板引擎传入数据
// var res = render({
//     name: "Robyn",
//     age: 25
// });
// //输出res
// console.log(res);
//------------------------判断语法----------------------------
//------------------------遍历语法--------------------------
//1.0定义模块
var str = "
{{each arr}}
{{$value}}
{{/each}}
"
// {{each target}}
// {{$index}} {{$value}}
// {{/each}}

var render = template.compile(str);
var res = render({
    arr: ["tom","jack","rose","lilei"]
});
console.log(res);

//------------------------遍历语法--------------------------

然后用node运行

图片.png