1. 程式人生 > >node.js之路由,中間件,ge請求和post請求的參數

node.js之路由,中間件,ge請求和post請求的參數

user lang () xtend 自動 求和 分享 括號 [1]

一、路由

   1、什麽是路由

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

   2、實現路由的方法

    2.1、get請求訪問網址時,做什麽事

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

    2.2、post請求訪問網址時,做什麽事       

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

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

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

  註意:1、’這裏的網址不分大小寫,例如

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

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

    

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

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

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

    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>

//.js
var
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);

運行結果:

技術分享圖片

技術分享圖片

如何問題歡迎指教!

node.js之路由,中間件,ge請求和post請求的參數