文档章节

Express jade

博为峰教研组
 博为峰教研组
发布于 2016/12/08 19:55
字数 262
阅读 47
收藏 1

第一部分 背景

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

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

『模板引擎』是什么?

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

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

 

第二部分 安装配置

2.1 安装: npm install pug-cli -g

第三部分 语法及使

3.1 语法
(1)标签、属性、注释
(2)读取数据的值(转义、非转义)

 3.2 逻辑

(1)条件语句(if、unless、case)
(2)循环(each、for)
(3) 过滤器

 jade 官网给的实例

 

© 著作权归作者所有

共有 人打赏支持
博为峰教研组
粉丝 50
博文 1224
码字总数 479077
作品 0
黄浦
程序员
Node.js开发入门—使用jade模板引擎

在“Node.js开发入门——Express安装与使用”里,我们曾经使用express generator创建了一个HelloExpress网站,express工具为我们生成了基本的目录结构、模板、stylesheet、routers等。虽然那...

foruok
2015/08/11
0
0
基于 Express+Gulp+BrowserSync 搭建一套高性能的前端开发环境

原文发布于我的博客 www.kisnows.com 为什么要搭这么一套开发环境 公司 Pc 端以前遗留的项目,都是基于 jekyll+ruby-sass 这一套比较老的技术搭建的。不过 jekyll 的模版继承加上 sass 强大预...

moqiao
2016/03/18
0
0
nodejs实践--npm使用、express创建ejs模板

Node Express在命令行创建项目时,默认是使用Jade模板,虽然这个模板高效,但毕竟跟普通html风格相差甚远,很多人用不习惯。 ejs风格,简单、直观、明了,和:jsp php asp freemaker 类似,在...

spinachgit
08/20
0
0
(二)Node.js入门系列——Express.js安装

本篇文章讲express的安装与创建express项目。 一、安装express 执行命令 : npm install -g express; 安装express到npm-module,在express4.0之后,还需要安装express-generator 来完成expre...

JayPark不作死
2014/10/08
1K
0
Express开发实例(2) —— Jade模板引擎

安装相关模块 在实验代码前,应该先安装express和jade: npm install expressnpm install jade 简单介绍本篇使用的api 1 为了使用jade,先要设置express默认的模板引擎,用法如下: app.set(...

青夜之衫
2017/12/04
0
0

没有更多内容

加载失败,请刷新页面

加载更多

AOSP Build System —— Soong

Soong Soong is the replacement for the old Android make-based build system. It replaces Android.mk files with Android.bp files, which are JSON-like simple declarative descriptio......

雪落青山
34分钟前
1
0
Unity C# lock关键字的坑

Unity 5.6 环境下的 lock关键字,在特定的多线程环境下会死锁 崩溃 其中一种情况: 异步socket 操作,由于内部是一个线程池回调的异步回调,操作同一个对象时 lock关键字会概率出现死锁 闪退...

梦想游戏人
45分钟前
1
0
redis-hash

哈希类型是指健值本身又是一个键值对结构 基本命令: hset key field value 设置值 hget(获取),hdel(删除),hlen(计算field个数),hmget(批量设置),hexists(是否存在),hkeys(获取所有的...

拐美人
今天
2
0
简单的svm例子

数据来源:https://github.com/oumiga1314/Coursera-ML-AndrewNg-Notes/blob/master/code/ex6-SVM/data/ex6data1.mat import pandas as pd import numpy as np import scipy.io as sio impor......

南桥北木
今天
1
0
android 关于View的一些整理

1、Button text的值为英文时,会自动转换成大写。如需取消,设置android:textAllCaps="false" 2、控件的可见性 可以在layout的配置文件中,配置android:visibility属性 调用setVisibility()...

西米小娅
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部