jade模板引擎（一）

来源：互联网发布：软件问题跟踪表编辑：程序博客网时间：2024/05/01 15:12

Jade 是一个高性能的模板引擎，它是用 JavaScript 实现的，并且可以供 Node 使用。

1.首先新建app.js文件

var express = require('express');//引入express模块var port =process.env.PORT || 3000;//设置端口号为process.env.PORT或3000var 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.csdnblogjade //4. 标签文本lable usernameinput(name="user[name]")//5. 标签嵌套ulli a(href='#') 1lia(href='#') 2//6. case语句（-符号，表示不会被输出）-var number = 3case numberwhen 3p apple!when 4p orange!defaultp no fruit!//7. =符号表示返回值-var ret = 'return'=reth1=ret//8. 字符串连接- var hi = 'hello ' + 'water!'p #{hi}//9.1 jade中的循环ul- var items = ["apple", "grape", "straberry"]each item in itemsli= item//9.2 也可以用for来实现循环for item in itemsli= item

在浏览器中显示如下

0 0