jade模板引擎(一)
2015-12-02 19:58
295 查看
Jade 是一个高性能的模板引擎,它是用
JavaScript 实现的,并且可以供 Node 使用。
1.首先新建app.js文件var express = require('express'); //引入express模块 var port =process.env.PORT || 3000; //设置端口号为process.env.PORT或3000 var app = express(); app.set('views', './views'); app.set('view engine', 'jade'); app.listen(port); console.log('succesful!'); app.get('/', function(req, res){ res.render('index', { title: 'water 首页' }) })2.进入到命令行中,在app.js文件目录下运行该文件
显示运行成功
3.编写jade文件
//1. 标签就是简单的单词 html //2. 标签可以有多个id和class #container.text.bar //3.1 渲染为<p>wow!</p> p wow! //3.2 大段的文本,利用管道符号 p |csdn |blog |jade //3.3 也可以用.来开始一段文本 p. csdn blog jade //4. 标签文本 lable username input(name="user[name]") //5. 标签嵌套 ul li a(href='#') 1 li a(href='#') 2 //6. case语句(-符号,表示不会被输出) -var number = 3 case number when 3 p apple! when 4 p orange! default p no fruit! //7. =符号表示返回值 -var ret = 'return' =ret h1=ret //8. 字符串连接 - var hi = 'hello ' + 'water!' p #{hi} //9.1 jade中的循环 ul - var items = ["apple", "grape", "straberry"] each item in items li= item //9.2 也可以用for来实现循环 for item in items li= item
在浏览器中显示如下
相关文章推荐
- myTemplate模板引擎
- MySQL中实现高性能高并发计数器方案(例如文章点击数)
- TMDPHP 模板引擎使用教程
- 编写高性能Javascript代码的N条建议
- 浅谈轻量级js模板引擎simplite
- 常用的JavaScript模板引擎介绍
- 编写高性能JavaScript(译)
- 高性能WEB开发 图片压缩篇
- 高性能MySQL读书笔记 找出谁持有锁
- 写出高性能SQL语句的35条方法分析
- Discuz 模板引擎的封装类代码
- 编写高性能的JavaScript 脚本的加载与执行
- PHP模板引擎smarty详细介绍
- 基于Oracle的高性能动态SQL程序开发
- laytpl 精致巧妙的JavaScript模板引擎
- 创建高性能的 Web 页面
- smarty模板引擎基础知识入门
- smarty模板引擎之分配数据类型
- ThinkPHP模板引擎之导入资源文件方法详解
- Laravel模板引擎Blade中section的一些标签的区别介绍