您好,登錄后才能下訂單哦!
一、路由
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)
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)
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.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);
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.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);
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);
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);
運行結果:
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。