1. 程式人生 > 其它 >Express框架請求處理之構建模組化路由

Express框架請求處理之構建模組化路由

構建模組化路由

Express框架提供了構建模組化路由的方式,可以根據某種條件將路由進行分類,將不同類別的路由放置在不同的模組中方便管理。
比如說一個部落格網站,這個網站有給使用者看的文章列表頁面,文章詳情頁面也有給管理員使用的文章列表管理頁面以及釋出文章頁面,這兩種頁面可以設定不同的路由分別進行管理。

const express = require('express')

首先通過require方法將express框架引入到專案當中

const home = express.Router();

express.Router() 的作用就是用來建立路由的,他的返回值是一個路由物件。上述程式碼的home物件就是一個路由物件。

為路由物件匹配請求路徑,當客戶端訪問什麼請求路徑時才能使用當前路由來處理,用app.use方法進行匹配

app.use('/home',home);

在home路由下繼續建立2級路由

home.get('/index',() =>{
	// /home/index
	res.send('歡迎來到部落格展示頁面');
});
// 引入express框架
const express = require('express');
// 建立網站伺服器
const app = express();
// 建立路由物件
const home = express.Router();
// 為路由物件匹配請求路徑
app.
use('/home',home); // 建立二級路由 home.get('/index',(req, res) =>{ res.send('歡迎來到部落格首頁頁面') }) // 監聽埠 app.listen(3000);

在這裡插入圖片描述

// 引入express框架
const express = require('express');
// 建立網站伺服器
const app = express();
const home = require("./route/home");
const admin = require("./route/admin");
app.use('/home'
, home); app.use('/admin', admin); // 監聽埠 app.listen(3000); console.log("網站伺服器啟動成功");

home.js

const express = require('express');
const home = express.Router();
home.get('/index', (req,res) =>{
    res.send('歡迎來到部落格首頁頁面')
});
module.exports = home;

admin.js

const express = require('express');
const admin = express.Router();
admin.get('/index',(req,res) => {
    res.send('歡迎來到部落格管理頁面')
});
module.exports = admin;

在這裡插入圖片描述
在這裡插入圖片描述