目錄
1.路由路徑的匹配
1.1 字串模式
1.2 正則匹配模式
2.路由器的處理程式
2.1 單處理程式
3.express 子應用程式
4.express路由
4.1 路由的簡介
4.2 express路由的使用
4.3 路由模組化
頂級express
物件具有建立新物件的 router() 方法 router .
路由路徑的匹配有兩種模式,一種是字串模式,另外一種是正則匹配模式.
res.send(``);
})
萬用字元匹配,匹配所有路徑
res.send(``);
})//匹配以index開頭的所有路徑
/* /index 可以匹配成功
/index123 可以匹配成功
/index/a/b 可以匹配成功
*/ res.send(``);
})//匹配以/index/ 開頭的路徑
res.send(``);
})
? 前面的字元或組出現0~1 次
/* /abce 可以匹配成功
/ace 可以匹配成功
*/ res.send(``);
})
+ 前面的字元或組出現1~多 次
/* /abce 可以匹配成功
/abbbce 可以匹配成功
/ace 不能匹配成功
*/ res.send(``);
})
* 表示任意個數的任意字元
/* /abc 可以匹配成功
/ab123c 可以匹配成功
*/ res.send(``);
})
()裡的內容為一組
/* /abcd 可以匹配成功
/ad 可以匹配成功
/abd 不能匹配成功
/acd 不能匹配成功
*/ res.send(``);
})
//1. 包含index的路徑
/* /index 可以匹配
/aindexb 可以匹配成功
/a/index/b 可以匹配成功
*/// 2. 以.html字尾名結尾的路徑
/* /index.html 可以匹配
/index/a.html 可以匹配成功
*/
const express = require('express');2.2 多處理程式//方式一
res.send(``)
})//方式二
let handle = (req,res) =>
//監聽埠
console.log('server start at 3000 port');
})
除非是最後一次處理,否則請不要執行res.send()等傳送指令除非是最後一次處理,否則請不要忘記next形參 與next() 指令
const express = require('express');
//方式一
//除非是最後一次處理,否則請不要執行res.send()等傳送指令
// 除非是最後一次處理,否則請不要忘記next形參 與next() 指令
console.log("handle 1")
next()
},(req,res,next) => ,(req,res) => )
//方式二
let handle1 = (req,res,next) =>
let handle2 = (req,res,next) =>
let handle3 = (req,res,next) =>
//監聽埠
console.log('server start at 3000 port');
})
express模組 每一次執行都會建立乙個應用專案結構如下:將子應用通過主應用的use方法掛在到主應用
建立學生應用
建立教師應用const express = require('express')
// 建立學生應用
const student = express();
// student路由
student.get("/",(req,res) => )
student.get("/getstudent",(req,res) => )
//匯出學生應用
module.exports = student
建立主應用const express = require('express')
// 建立教室應用
const teacher = express();
// teachert路由
teacher.get("/",(req,res) => )
teacher.get("/getteacher",(req,res) => )
//匯出教師應用
module.exports = teacher
const express = require('express');
//引入學生路由和教師路由
const student = require('./extrouter/student');
const teacher = require('./extrouter/teacher');
//建立主應用程式
//關聯主應用程式和子應用程式
res.send(``);
})//監聽埠
console.log('server start at 3000 port');
})
路由是指接收使用者請求,處理使用者資料,返回處理結果給使用者的一套程式})後端路由的核心是 url
express 路由使用語法引數了解
method: http 請求方式
path: 請求路徑
handle: 路由匹配後執行的函式
需求: 建立乙個router路由模組,接受所有 router目錄下的所有請求,響應資料//建立路由
const router = express.router();
router.get('/',(req,res) =>)
建立router模組
編寫路由模組的**
3. 將編寫好的路由模組引入到主模組,由主模組分配對應的請求到該模組去處理const express = require('express');
//引入學生應用和教師應用
const student = require('./student');
const teacher = require('./teacher');
//建立路由
const router = express.router();
router.get('/',(req,res) =>)
//關聯主應用和子應用
router.use('/student',student);
router.use('/teacher',teacher);
//匯出學生應用
module.exports = router;
學生應用和教師應用**與上面express子應用部分相同.const express = require('express');
//引入模組
const router = require('./router/index')
//建立主應用
//通過中介軟體建立主應用和子模組之間的關係
//監聽埠
console.log('server start at 3000 port');
})
專案結構如下:
Express 路由 基礎
本章是對express路由的乙個基礎介紹。路由決定了應用程式如何響應客戶端請求到特定端點,路由由乙個url路徑和乙個特定的http請求方法 get,post,等.構成。每乙個路由可以有乙個或多個處理方法,當路由被匹配時,將執行這些處理方法。本章假定你已經建立了乙個express的例項,並執行提供服務...
Express框架介紹
npm提供了大量的第三方模組,其中不乏許多web框架,我們沒有必要重 明輪子,因而選擇使用express作為開發框架,目前最穩定且唯一乙個web開發框架。提供更高層的介面外,還實現了許多功能,如下 路由控制 模版解析支援 動態檢視 使用者會話 csrf保護 靜態檔案服務 錯誤控制器 訪問日誌 快取外...
Vue路由簡單介紹(一)
使用npm命令 npm install vue router如果在乙個模組化工程中使用它,必須要通過 vue.use 明確地安裝路由功能 import vue from vue import vuerouter from vue router vue.use vuerouter 如果使用全域性的 s...