首页 > 编程 > JavaScript > 正文

node.js中路由,中间件,ge请求和post请求的参数详解

2019-11-19 14:38:57
字体:
来源:转载
供稿:网友

一、路由

   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();//冒号1app.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("请检查格式"); }});//冒号2app.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参数,如果有,那么就这个函数能捕获errapp.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 APIapp.use(bodyParser.urlencoded({extended:false}));app.post('/',function (req,res) { console.log(req.body);});app.listen(3000);

 运行结果:

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表