Nodejs express使用jade模版

来源：互联网发布：编程导论 python pdf 编辑：程序博客网时间：2024/05/12 03:40

安装express和jade模块

npm install express jade --save

var express = require('express');var app = express();// 设置静态资源目录app.use(express.static(__dirname));// 设置模版引擎（这里使用jade模版）app.set('view engine','jade')// 设置模版目录app.set('views','./views')// 80端口监听app.listen(80)// 路由app.get('/jade',function(req,res){    // 可以使用res.locals.xx传值    res.locals.persons = [        {name:'张三',age:22,sex:'男'},        {name:'李四',age:22,sex:'女'},        {name:'王五',age:22,sex:'女'}]    // 也可以使用res.render(''[,data])来传值    res.render('exp1',{info:'这是后台传过来的属性'});})

新建views/exp1.jade：

doctype htmlhtml   head      title express使用jade   body      div(style="background-color:#FFCCDD;") if使用<br>      if info         span info是有值的<br>      div(style="background-color:#CCFFDD;") jade的基本使用      h5 #取得内容：#{info}      h5 !取得内容：!{info}      h5 取得内容：         =info      div(style="background-color:#DDFFCC;") each使用      - each per in persons         h5 姓名:#{per.name} 年龄:#{per.age} 性别:#{per.sex}

结果如下：

0 0