NodeJS簡單的網頁跳轉路由demo

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.jade\admin.jade\index.jade\detail.jade四個文件，裏邊的代碼都爲：

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

最後執行node app.js ，瀏覽器輸入http://localhost:3000/即可看到首頁效果，輸入路由get的地址會跳轉到相應的jade文件下。比如http://localhost:3000/admin/list會跳轉到list.jade頁面