node.js中路由，中間件，get請(qǐng)求和post請(qǐng)求的參數(shù)詳解

更新時(shí)間：2022年06月26日 14:14:10 作者：蜜迷

本文給大家匯總介紹了node.js中的路由，中間件，get請(qǐng)求和post請(qǐng)求的參數(shù)的使用方法，非常的詳細(xì)，有需要的小伙伴可以參考下

一、路由

　　　1、什么是路由

　　　　　　服務(wù)器需要根據(jù)不同的URL或請(qǐng)求來(lái)執(zhí)行不一樣的操作，我們可以通過(guò)路由來(lái)實(shí)現(xiàn)這個(gè)步驟

　　　2、實(shí)現(xiàn)路由的方法

　　　　2.1、get請(qǐng)求訪問(wèn)網(wǎng)址時(shí)，做什么事

 app.get("網(wǎng)址",function(req,res){
  
 });

　　　　2.2、post請(qǐng)求訪問(wèn)網(wǎng)址時(shí)，做什么事　　　　　　　

 app.post("網(wǎng)址",function(req,res){
  
 });

　　　2.3、任何請(qǐng)求訪問(wèn)這個(gè)網(wǎng)址　　

 app.all("網(wǎng)址",function(){
  
 });

　　注意：1、’這里的網(wǎng)址不分大小寫，例如

 app.get("/AAb",function(req,res){　　　　　　　　//我們?cè)L問(wèn)　　/aab也是可以的
  res.send("你好");
 });

　　　　　2、你路由到/a ，實(shí)際/a?id=2&sex=nan 也能被處理?！　　?/p>

　　3、路由中正則表達(dá)式的使用

　　　　3.1、正則表達(dá)式中，未知部分用圓括號(hào)分組，然后可以用req.params[0]、[1]得到。req.params類數(shù)組對(duì)象?！?/p>

 app.get(/^\/student\/([\d]{10})$/,function(req,res){
  res.send("學(xué)生信息，學(xué)號(hào)" + req.params[0]);
 });

　　　 3.2、冒號(hào)寫法（推薦）

var express=require('express');
var app=express();
//冒號(hào)1
app.get("/student/:id",function (req,res) {
 var id=req.params["id"];　　　　　　　　　　　　　　　　　　　　//得到id的值
 var reg=/^[\d]{6}$/;
 if(reg.test(id)){
  res.send(id);
 }else {
  res.send("請(qǐng)檢查格式");
 }

});
//冒號(hào)2
app.get("/:username/:oid",function(req,res){
 var username = req.params["username"];　　　　　　　　　　　　//得到username的值
 var oid = req.params["oid"];　　　　　　　　　　　　　　　　　　//得到//oid的值
 res.write(username);
 res.end(oid);
});
app.listen(3000);

運(yùn)行結(jié)果：

冒號(hào)1：

冒號(hào)2：

二、中間件

　　1、什么是中間件

　　　　應(yīng)用于應(yīng)用之間充當(dāng)連接服務(wù)的，例如上面的get、post請(qǐng)求就是中間件

　　2、express中所有的路由（中間件）的順序（很重要）

　　　　　2.1、next（）方法　　　　　

var express=require("express");
var app=express();
app.get("/",function (req,res,next) {
 console.log(1);
 next();    //如果沒(méi)有next參數(shù)，就只會(huì)conlose出來(lái)1，而不會(huì)是1，2
});
app.get("/",function (req,res) {
 console.log(2);
});
 app.listen(3000);

　　　　2.2、順序沖突:下面這兩個(gè)路由，看起來(lái)沒(méi)有關(guān)系，但其實(shí)是有沖突的，因?yàn)閍dmin可以當(dāng)做用戶名 login可以當(dāng)做id

var express=require("express");
var app=express();
app.get("/:username/:id",function(req,res){
  console.log("1");
  res.send("用戶信息" + req.params.username);
});

app.get("/admin/login",function(req,res){
  console.log("2");
  res.send("管理員登錄");
});
app.listen(3000)

　　運(yùn)行結(jié)果：當(dāng)我們?cè)L問(wèn)172.0.0.1：3000/admin/login時(shí)只會(huì)輸出用戶信息admin 而不會(huì)是管理員登錄

　　2.3、解決順序沖突

　　　　2.3.1、具體的往上寫，抽象的往下寫　　　　

var express=require("express");
var app=express();
//具體的
app.get("/admin/login",function(req,res){
  console.log("2");
  res.send("管理員登錄");
});
//抽象的
app.get("/:username/:id",function(req,res){
  console.log("1");
  res.send("用戶信息" + req.params.username);
});
app.listen(3000)

運(yùn)行結(jié)果：當(dāng)我們?cè)L問(wèn)172.0.0.1：3000/admin/login時(shí)輸出管理員登錄而不會(huì)是用戶信息admin

　　　　2.3.2、檢索數(shù)據(jù)庫(kù)

var express=require("express");
var app=express();
app.get("/:username/:id",function (req,res,next) {
  var username=req.params.username;
  //檢索數(shù)據(jù)庫(kù)，如果username 不存在，那么next()
 if(檢索數(shù)據(jù)庫(kù)){
  console.log("1");
  res.send("用戶信息")
 }else{
  next();
 }
});
app.get("/admin/login",function (req,res) {
 console.log("2");
 res.send("管理員登錄");
});
app.listen(3000)

　　3、app.use()中間件：與get、post不同的是，他的網(wǎng)址不是精確匹配的。而是能夠有小文件夾拓展的。

　　　　3.1、get.use()的模糊匹配

var express=require("express");
var app=express();
//匹配所有網(wǎng)址
//法一
//當(dāng)你不寫路徑的時(shí)候，實(shí)際上就相當(dāng)于“/”,就是所有網(wǎng)址
// app.use(function (req,res,next) {
//  console.log(new Date());
//  next();     //執(zhí)行下面的
// });
//法二
app.use("/",function (req,res,next) {
 console.log(new Date());
 next();     //執(zhí)行下面的
});
//匹配/admin所有地址，例如/admin/ss/aa這個(gè)都行
app.use("/admin",function (req,res) {
 res.write(req.originalUrl+"\n"); // /admin/ss/aa
 res.write(req.path+"\n");   // /ss/aa
 res.write(req.baseUrl+"\n");  // /admin
 res.end("你好");
});
app.listen(3000);

　　3.2、get.use()讀取文件

var express=require("express");
var fs=require("fs");
var app=express();

//當(dāng)你不寫路徑的時(shí)候，實(shí)際上就相當(dāng)于“/”,就是所有網(wǎng)址
app.use(haha);  //haha是一個(gè)函數(shù)
app.listen(3000);
// function haha(req,res) {
//  res.send("哈哈");
// }

app.use('/admin',function (req,res) {
 res.send('管理員登錄');
})
//根據(jù)當(dāng)前的網(wǎng)址，讀取punlic文件夾的文件
//如果有這個(gè)文件，就渲染這個(gè)文件
//如果沒(méi)有這個(gè)文件，那么next()
function haha(req,res,next) {
 var filePath=req.originalUrl;
 //根據(jù)當(dāng)前的網(wǎng)址，讀取public文件夾的文件
 //如果有這個(gè)文件，那么渲染這個(gè)文件
 //如果沒(méi)喲偶這個(gè)文件，那么next();
 fs.readFile("./public/"+filePath,function (err,data) {
  if(err){
   //文件不存在
   next(); //一定要寫,不然處于掛起狀態(tài)
   return;
  }
  res.send(data.toString());
 })
}

　　4、render和send

　　　　　4.1、res.send()方法快速測(cè)試頁(yè)

var express=require("express");
var app=express();
//靜態(tài)服務(wù)
app.use('/jingtai',express.static("./public"));

//新的路由
app.get('/images',function (req,res) {
 res.send("哈哈")
});
//會(huì)自動(dòng)識(shí)別err參數(shù)，如果有，那么就這個(gè)函數(shù)能捕獲err
app.use(function (req,res) {
 res.status(404).send("沒(méi)有這個(gè)頁(yè)面！");
})
app.listen(3000);

　　　　4.2、res.render()渲染內(nèi)容，將會(huì)根據(jù)views中的模板文件進(jìn)行渲染。如果不想使用views文件夾，想自己設(shè)置文件夾名字，那么app.set("views","aaaa");

var express=require("express");
var app=express();

// //設(shè)置ejs文件夾名字  //在day3文件夾下新建文件夾a，然后在里面放ejs文件
// app.set("views","a")
app.set("view engine","ejs");
app.get("/",function(req,res) {
 res.render("haha",{news:[]});

});

app.get("/check",function (req,res) {
 res.send({
  "user":"ok"
 })
})
app.listen(3000);

　　5、req.query:當(dāng)輸入http://127.0.0.1:3000/?id=0&ag=9

var express=require("express");
var app=express();
app.get("/",function (req,res) {
 console.log(req.query);
 res.send();
});
app.listen(3000);

運(yùn)行結(jié)果：

三、get請(qǐng)求參數(shù)post請(qǐng)求參數(shù)：

GET請(qǐng)求的參數(shù)：在URL中，在Express中，不需要使用url模塊了?？梢灾苯邮褂胷eq.query對(duì)象。

POST請(qǐng)求參數(shù)：在express中不能直接獲得，必須使用body-parser模塊。使用后，將可以用req.body得到參數(shù)。但是如果表單中含有文件上傳，那么還是需要使用formidable模塊。

//form.ejs

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title></title>
</head>
<body>
<form action="#" method="post">
 <input type="text" name="name"/>
 <input type="text" name="age"/>

 <input type="submit"/>
</form>
</body>
</html>

//.jsvar express=require("express");
var bodyParser=require('body-parser');
var app=express();
app.set('view engine','ejs')
app.get('/',function (req,res) {
 res.render("form");
});
//bodyParser API
app.use(bodyParser.urlencoded({extended:false}));
app.post('/',function (req,res) {
 console.log(req.body);
});
app.listen(3000);

運(yùn)行結(jié)果：