模板引擎

模板引擎

模板引擎是web应用中动态生成html的工具，负责将数据和模板结合；常见模板引擎有：ejs、jade（现更名为pug）、Handlebars、Nunjucks、Swig等；
优点：使用模板引擎可以是项目结构更加清晰，结构更加合理，让项目维护变得更简单；
node常用框架又express、koa

pug模板引擎

安装：npm install pug -g

pug语法

-通过缩进关系，代替以往html的层级包含关系
-注意要统一使用tab或者空格缩进，不要混用
-不写标签名的情况下 默认是div
-内联书写层级,a: img
-style属性：div(style={width:”200px”,color:”red”})
-使用”-”来定义变量，使用“=”把变量输出到元素内

-通过 #{variable} 插 相应的变量值

-html 元素属性通过在标签右边通过括号包含（可以通过判断来添加）
-文本通过在 字前 添加竖线符号“|”可让 jade 原样输出内容 在html标签标记后 通过空格隔开 本内容 在html标签标记后通过添加引号“.”添加块级文本

-注释：可以通过双斜杠进 注释，jade有3种注释 式，可以分别对应输出html 注释、 输出html注释、块级html注释
-循环：each val in [1,2,3]

-判断语句：”if else” case when default

-函数 （+函数名来调用）

nunjucks模板引擎

安装：npm install koa-nunjucks-2 -g
引入：let nunjucks = require("koa-nunjucks-2")

nunjucks的语法使用

-变量的使用

-if判断 end结尾

-循环结构 end结尾

-过滤器
-宏标签 macro