express路由簡單介紹

目錄

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');

//方式一
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: 路由匹配後執行的函式

//建立路由

const router = express.router();
router.get('/',(req,res) =>)

建立router模組

編寫路由模組的**

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;

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...