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:

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

 冒号2:

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

二、中间件

  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);

运行结果:

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

 

三、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);

 运行结果:

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

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

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容