node.js 框架express有關於router的運用

1、express 路由入門

const express = require('express');
let server = express();
server.listen(8087);
//用戶界面
let user_router = express.Router();
server.use('/user', user_router);
user_router.get('/', (req, res) => {
    res.send('這個是用戶界面的根目錄');
    res.end();
})
user_router.get('/login', (req, res) => {
    res.send('這個是用戶的登錄界面');
    res.end();
})
user_router.get('/register', (req, res) => {
    res.send('這個是用戶的注冊界面');
})

//子路由下還可以嵌套路由,注意實例化出來的類
let vip_router = express.Router();
user_router.use('/vip', vip_router);
vip_router.get('/', (req, res) => {
    res.send('這個是vip的根目錄');
})
vip_router.get('/login', (req, res) => {
    res.send('這個是VIP的登錄界面');
    res.end();
})

//列表界面
let list_router = express.Router();
server.use('/list', list_router);
list_router.get('/', (req, res) => {
    res.send('這個是列表的根目錄');
    res.end();
})
list_router.get('/main', (req, res) => {
    res.send('這個是列表展示的主頁');
    res.end();
})

 2、為了更好的進行模塊化管理，可以把代碼進行分割

 a、在主服務目錄下

const express = require('express');
let server = express();
server.listen(8087);
//用戶界面,引進模塊,如果引進的是一個路徑,那么默認訪問的是這個目錄下的index.js文件
server.use('/user', require('./parts/user'));
//列表界面,引進模塊
server.use('/list', require('./parts/list'));

b、創建parts(根據自己的具體情況設置目錄),並且在parts下設置三個文件user.js,list.js,vip.js;

對應的user.js的布局如下

const express = require('express');
let user_router = express.Router();
user_router.get('/', (req, res) => {
    res.send('這個是用戶界面的根目錄');
    res.end();
})
user_router.get('/login', (req, res) => {
    res.send('這個是用戶的登錄界面');
    res.end();
})
user_router.get('/register', (req, res) => {
    res.send('這個是用戶的注冊界面');
})

//引入子模塊
user_router.use('/vip', require('./vip'));

//輸出模塊
module.exports = user_router;

對應的子目錄vip.js的布局

const express = require('express');
let vip_router = express.Router();
vip_router.get('/', (req, res) => {
    res.send('這個是vip的根目錄');
    res.end();
})
vip_router.get('/login', (req, res) => {
    res.send('這個是vip的登錄');
    res.end();
})

module.exports = vip_router;

對應的list.js的布局

let express = require('express');
let list_router = express.Router();
list_router.get('/', (req, res) => {
    res.send('這個是列表的根目錄');
    res.end();
})
list_router.get('/main', (req, res) => {
    res.send('這個是列表展示的主頁');
    res.end();
})

//輸出模塊
module.exports = list_router;