Express jade

​​​​​​​

Express jade_第1张图片

第一部分背景

随着web 发展,前端应用变得越来越复杂,基于后端的 javascript(Node.js) 也开始崭露头角,此时 javascript 被寄予了更大的期望,与此同时 javascript MVC 思想也开始流行起来.

为了使用户界面与业务数据分离,就产生了『模板引擎』这个概念。模板引擎有很多, 比较有名的有jade(express默认)、ejs、hbs(ghost默认)、doT、swig等等。

『模板引擎』是什么?

1. 模板是什么?模板就是一个模子。供你套数据,并且依据不同数据去走不同的逻辑。

2. 引擎是什么?引擎就是个处理器(编译、运行),最后输出个结果(HTML代码)的东西。

第二部分安装配置

2.1安装:npminstall pug-cli -g

第三部分语法及使

3.1语法

(1)标签、属性、注释

(2)读取数据的值(转义、非转义)

Express jade_第2张图片

3.2逻辑

(1)条件语句(if、unless、case)

(2)循环(each、for)

(3)过滤器

Express jade_第3张图片

jade官网给的实例

Express jade_第4张图片

你可能感兴趣的:(Express jade)