4.5 服务端（处理内容：动态 模版引擎）

模版引擎art文件：
（1）三元表达式
（2）循环
（3）子模版
（4）抽出HTML骨架
模版引擎服务器JS文件
（1）省略art后缀
（2）模版引擎中引入第三方包处理数据库数据

（一）模版引擎art文件

//1.创建视图views文件夹
//2.创建.art后缀结尾文件，内部书写html代码,将需要替换的真实数据处写入代码：
{ { name } }
{ { age } }

//3.三元表达式
{ { 1 + 1 == 2 ? "相等" : "不相等" } }

//3.条件判断
1.标准语法
{ { if 属性<12} }...{ { /if}}
{ { if 属性<12} }...{ { else if 属性<12}}...{ { /if}}

2.原始语法
<% if (true) {%>...<%} %>
<% if (true) {%>...<%} else if (true) {%>...<%}%>

//4.循环添加代码
1.标准语法
{{each 数据}}
  <li>
  {{$value.属性名}}  //当前循环项的值
  {{$index.属性名}}  //索引值
  </li>
{{/each}}

2.原始语法
<% for (var i=0;i<数据名.lenght;i++) {%>
  <li>
      <%=数据名[i].name %>  //当前循环项的值
  </li>
<%} %>

6.//子模版：网站公共区域抽离到单独文件：新建一个子模版，将公共代码写到此模版内，然后在输出模版时引用这个模板
1.标准语法
{ { include "子模板路径" } }

2.原始语法
<% cloud("子模板路径") %>

html骨架抽离
1.可以将HTML骨架放在一个模版中，其他的模版可以继承这个模版骨架
2.可以在骨架模版中挖坑，设定继承实际模版的特定title，引入css等

1.继承模版中写入HTML骨架代码和挖坑的特殊代码
{{block "名字"}}   空  {{/block }}   //挖坑位置

2.实际模版中引入继承模版
{{extend "继承模版地址"}}
{{block "名字"}}   实际内容  {{/block }}   //挖坑位置

（二）服务器js文件

引入模版引擎方法，匹配数据库与模版引擎

//1.下载第三方模版引擎：  npm install art - template
//2.引入第三方模版引擎 
const template = require("art-template")
//3.拼接index.art绝对路径，为关联作准备
const views = path.join(__dirname, "views文件夹", "index.art")
//6.将art文件与实际数据匹配
const 字符串 = template(views, {
    name: lizhiyuan,
    age: 18,
    //参数1为：art格式html文件，
    //参数2为：实际数据库数据，
    //返回值：整合后的新字符串
})

服务器JS文件：省略art后缀：

1.在实际js文件中
template.defaults.extname = ".art";    //设置匹配模版地址栏的后缀
template.defaults.root = path.join(__dirname, "文件夹地址")
const 字符串 = template(不需要全部地址了.art, {}

模版引擎中引入第三方包处理数据库数据

1.在实际js文件中：引入第三方模版，书写特定代码

template.defaults.imports.自定义属性名 = 引入的第三方模版名

const dateFormat = require("dateFormat")
template.defaults.imports.dateFormat = dateFormat   //将js内的第三方包方法传递进模版中

1.在模版中
{ { dateFormat(time, "yyyy-mm-dd") } }