文档章节

Express jade

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

第一部分 背景

随着 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 官网给的实例

 

© 著作权归作者所有

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

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

foruok ⋅ 2015/08/11 ⋅ 0

(二)Node.js入门系列——Express.js安装

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

JayPark不作死 ⋅ 2014/10/08 ⋅ 0

Express开发实例(2) —— Jade模板引擎

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

青夜之衫 ⋅ 2017/12/04 ⋅ 0

nodejs + express windows xp下安装

1.http://nodejs.org/download/ 下载msi 最新的,nodejs会被安装到C:Program Filesnodejs,npm也会被安装上。由于我目标是做we程序所以装个express 2.cd 到 C:Program Filesnodejs 然后npm i...

十一文 ⋅ 2012/09/09 ⋅ 1

express web的一款mvc框架

express express相关的网站 http://expressjs.com/ http://www.expressjs.com.cn/ https://github.com/pugjs/pug https://pug.bootcss.com/api/g... web开发有这么常用的四款mvc (model(数据......

哈希 ⋅ 2017/10/21 ⋅ 0

Nodejs express中创建ejs项目,解决express下默认创建jade,无法创建ejs问

最近在看《Node.js开发指南》,看到使用nodejs进行web开发的时候,准备创建ejs项目遇到问题了, 书上命令为: 1 express -t ejs microblog 可是执行后,仍旧创建的是jade项目。 原来,expre...

weixingo ⋅ 2016/07/01 ⋅ 0

Windows 下的 Nodejs

为什么搞这个? 公司电脑的权限管理比较严,不能安装软件,不能常驻系统进程等,所以像 xampp 之类的都不能正常执行 我又想在空闲的时候做点东西 所以坑爹的我只能自己研究在windows下运行n...

蟋蟀哥哥 ⋅ 2012/08/27 ⋅ 29

node-------express的简单使用

快速安装 创建文件夹 mkdir go-activity 在当前目录中创建一个 文件。可以通过 命令来完成此工作。 当前目录安装express npm install express --save,目录结构如下图 然后就开始撸代码了 在...

我去又空指针 ⋅ 2015/08/19 ⋅ 0

Windows下nodejs开发环境搭建

1、http://nodejs.org/下载node.js运行环境安装 2、打开DOS命令行 .安装express框架 >npm install express 末尾显示如下为安装成功 .安装mysql模块 npm install mysql 末尾显示如下为安装成功...

Not ⋅ 2012/11/24 ⋅ 4

KrakenJS 简单入门

一. KrakenJS的由来 [Paypal][1]为了抗衡其他支付服务商,有迫切的快速开发的需求。 开始的时候,Paypal选用了[Nodejs][2]作为快速开发原型架构。 在内部有越来越多的新项目采用Nodejs后,就...

bfleeee ⋅ 2014/01/10 ⋅ 3

没有更多内容

加载失败,请刷新页面

加载更多

下一页

解决yum安装报错Protected multilib versions

使用yum安装报错Protected multilib versions原因是因为多个库不能共存,不过更新的话也并不行,但是可以在安装命令后面加上如下一段命令: --setopt=protected_multilib=false 案例: 比如需...

北岩 ⋅ 32分钟前 ⋅ 0

为什么要学习Typescript???

简单来说 目前的typescript就是未来的javascript 为什么?? 这要从ECMA-262标准的第4版说起 对了 我们说的ES5 其实是ECMAScript3.1这个替代性建议被扶正了而已... 那么 第4版标准是什么? 看看...

hang1989 ⋅ 37分钟前 ⋅ 0

linux安装ipfs

一、下载ipfs # cd /usr/local/ipfs/ # wget https://dist.ipfs.io/go-ipfs/v0.4.15/go-ipfs_v0.4.15_linux-amd64.tar.gz # tar -zxvf go-ipfs_v0.4.15_linux-amd64.tar.gz 二、安装ipfs # ......

八戒八戒八戒 ⋅ 42分钟前 ⋅ 0

jvm程序执行慢诊断手册

生产环境最多的几种事故之一就是程序执行慢,如果是web服务的话,表现就是响应时间长。本文分享,从业多年形成的排查守则。 诊断步骤 系统资源查看 首先是系统资源查看,而且必须是在第一步。...

xpbob ⋅ 43分钟前 ⋅ 0

YII2 advanced 高级版本项目搭建-添加API应用以及多应用

一、YII安裝 安裝yii可以用composer安裝,也可以在yii中文社区下载归档文件安装 composer安装就不介绍了,因为要安装composer,比较麻烦,当然安装了composer是最好的,以后安装yii的插件要用...

botkenni ⋅ 44分钟前 ⋅ 0

在jdk1.8的环境下模拟永久代内存溢出

相信不少小伙伴在看深入理解Java虚拟机的时候,作者给我们举例一个demo来发生PermGen space 1、通过List不断添加String.intern(); 2、通过设置对应的-XX:PermSize与-XX:MaxPermSize(更快看到...

虾几把写 ⋅ 今天 ⋅ 0

开发OpenDaylight组件的完整流程

在前面介绍学习了OpenDaylight的几个重要模块后,这里再来介绍下完整开发一个模块的过程。 OSGI的bundles提供被其他OSGI组件调用的服务。这个教程中展示的是Data Packet Service去解析数据包...

wangxuwei ⋅ 今天 ⋅ 0

Java序列化和反序列化

1、什么是序列化和反序列化 序列化:把对象转换为字节序列的过程。 反序列化:把字节序列恢复成对象的过程。 2、被序列化的类需要实现serializable接口,只是为了标注该对象是可以被序列化的...

IT-Mamba ⋅ 今天 ⋅ 0

流式构建原理

流式构建需要达到分钟级的数据更新频率,Kylin采用类似于Spark Streaming的做法,每隔数分钟进行一次微构建。这边的构建需要考虑到一个延迟因素,分布式网络存在延迟等因素,该时间段的数据有...

无精疯 ⋅ 今天 ⋅ 0

在maven项目工程编写solr代码,需要的依赖

solrJ <dependency> <groupId>org.apache.solr</groupId> <artifactId>solr-solrj</artifactId> <version>6.6.2</version> </dependency> <dependency> <groupId>org.apache.httpcomponents<......

爱运动的小乌龟 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部