• 技术文章 >web前端 >js教程

    node.js的路由中间件ge和post请求使用详解

    php中世界最好的语言php中世界最好的语言2018-04-13 14:38:48原创1042
    这次给大家带来node.js的路由中间件ge和post请求使用详解，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、什么是中间件

        应用于应用之间 充当连接服务的，例如上面的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);

    相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

    推荐阅读：

    Bootstrap模态框多次弹出提交BUG

    vue-cli怎么配置lib-flexible+rem移动端自适应

    以上就是node.js的路由中间件ge和post请求使用详解的详细内容，更多请关注php中文网其它相关文章！

    声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程：点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架：点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐：javascript node.js post
    上一篇：Bootstrap模态框多次弹出提交BUG 下一篇：自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程，总价3725元，会员免费学• ❤️‍🔥接口自动化测试不想写代码？• 浅析Angular中的Change Detection机制• 实战学习：聊聊Node.js怎么操作数据库• 一文聊聊node中的path模块• 浅析Angular变更检测中的订阅异步事件• 聊聊如何选择一个最好的Node.js Docker镜像？
    1/1

    PHP中文网

    首页 首页课程 课程文章文章问答 问答博客博客词典 词典手册 手册资源 资源搜索 搜索APP下载 APP下载