demo目录结构

\

 

首先安装必要的环境,也就是NodeJS 库,使用npm install express jade 命令安装express 和jade

完成后,创建app.js

内容:

 

var express=require(express)
var port=process.env.PORT || 3000
var app=express()

app.set('views','./views')
app.set('view engine','jade')
app.listen(port);

console.log('imooc started on port '+port);

//index page
app.get('/',function(req,res){
	res.render('index',{
		title:'imooc 首页'
	})
})
//detail page
app.get('/movie/:id',function(req,res){
	res.render('index',{
		title:'imooc 详情'
	})
})
//admin page
app.get('/admin/movie',function(req,res){
	res.render('admin',{
		title:'imooc 后台录入页'
	})
})
//list page
app.get('/admin/list',function(req,res){
	res.render('list',{
		title:'imooc 列表页'
	})
})

创建list.jadeadmin.jadeindex.jadedetail.jade四个文件,里边的代码都为:

 

 

doctype

head
meta(charset=utf-8)
title #{title}
body
h1 #{title}