點擊下載
本文文檔

當前位置：首頁 - 科技 - 知識百科 - 正文

在node.js中有關路由，中間件的詳細介紹說明

來源：懂視網責編：小采時間：2020-11-27 19:36:48

在node.js中有關路由，中間件的詳細介紹說明

在node.js中有關路由，中間件的詳細介紹說明:本文給大家匯總介紹了node.js中的路由，中間件，ge請求和post請求的參數的使用方法，非常的詳細，有需要的小伙伴可以參考下一、路由 1、什么是路由服務器需要根據不同的URL或請求來執行不一樣的操作，我們可以通過路由來實現這個步驟 2、實現路由的方法 2

推薦度：

點擊下載本文 文檔為doc格式

導讀在node.js中有關路由，中間件的詳細介紹說明:本文給大家匯總介紹了node.js中的路由，中間件，ge請求和post請求的參數的使用方法，非常的詳細，有需要的小伙伴可以參考下一、路由 1、什么是路由服務器需要根據不同的URL或請求來執行不一樣的操作，我們可以通過路由來實現這個步驟 2、實現路由的方法 2

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

一、路由

　　　1、什么是路由

　　　　　　服務器需要根據不同的URL或請求來執行不一樣的操作，我們可以通過路由來實現這個步驟

　　　2、實現路由的方法

　　　　2.1、get請求訪問網址時，做什么事

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

　　　　2.2、post請求訪問網址時，做什么事　　　　　　　

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

　　　2.3、任何請求訪問這個網址　　

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

　　注意：1、'這里的網址不分大小寫，例如

 app.get("/AAb",function(req,res){　　　　　　　　//我們訪問　　/aab也是可以的
 res.send("你好");
 });

　　　　　2、你路由到/a ，實際/a?id=2&sex=nan 也能被處理。　　　

　　3、路由中正則表達式的使用

　　　　3.1、正則表達式中，未知部分用圓括號分組，然后可以用req.params[0]、[1]得到。req.params類數組對象。　

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

　　　 3.2、冒號寫法（推薦）

var express=require('express');
var app=express();
//冒號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("請檢查格式");
 }

});
//冒號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);

運行結果：

冒號1：

冒號2：

二、中間件

　　1、什么是中間件

　　　　應用于應用之間充當連接服務的，例如上面的get、post請求就是中間件

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

　　　　　2.1、next（）方法　　　　　

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

　　　　2.2、順序沖突:下面這兩個路由，看起來沒有關系，但其實是有沖突的，因為admin可以當做用戶名 login可以當做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)

　　運行結果：當我們訪問172.0.0.1：3000/admin/login時只會輸出用戶信息admin 而不會是管理員登錄

　　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)

運行結果：當我們訪問172.0.0.1：3000/admin/login時輸出管理員登錄而不會是用戶信息admin

　　　　2.3.2、檢索數據庫

var express=require("express");
var app=express();
app.get("/:username/:id",function (req,res,next) {
 var username=req.params.username;
 //檢索數據庫，如果username 不存在，那么next()
 if(檢索數據庫){
 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不同的是，他的網址不是精確匹配的。而是能夠有小文件夾拓展的。

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

var express=require("express");
var app=express();
//匹配所有網址
//法一
//當你不寫路徑的時候，實際上就相當于“/”,就是所有網址
// app.use(function (req,res,next) {
// console.log(new Date());
// next(); //執行下面的
// });
//法二
app.use("/",function (req,res,next) {
 console.log(new Date());
 next(); //執行下面的
});
//匹配/admin所有地址，例如/admin/ss/aa這個都行
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();

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

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

　　4、render和send

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

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

//新的路由
app.get('/images',function (req,res) {
 res.send("哈哈")
});
//會自動識別err參數，如果有，那么就這個函數能捕獲err
app.use(function (req,res) {
 res.status(404).send("沒有這個頁面！");
})
app.listen(3000);

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

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

// //設置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:當輸入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);

運行結果：

三、get請求參數post請求參數：

GET請求的參數：在URL中，在Express中，不需要使用url模塊了。可以直接使用req.query對象。

POST請求參數：在express中不能直接獲得，必須使用body-parser模塊。使用后，將可以用req.body得到參數。但是如果表單中含有文件上傳，那么還是需要使用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);

運行結果：