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


Posted in Javascript onDecember 26, 2017

一、路由

 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请求的参数详解

Javascript 相关文章推荐
JavaScript 事件冒泡简介及应用
Jan 11 Javascript
JS对img进行操作(换图片/切图/轮换/停止)
Apr 17 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
Jun 24 Javascript
jquery中load方法的用法及注意事项说明
Feb 22 Javascript
深入理解JS中的变量及作用域、undefined与null
Mar 04 Javascript
js 动态为textbox添加下拉框数据源的方法
Apr 24 Javascript
js+html5实现可在手机上玩的拼图游戏
Jul 17 Javascript
JS实现添加,替换,删除节点元素的方法
Jun 30 Javascript
基于jQuery实现表格内容的筛选功能
Aug 21 Javascript
详解如何使用webpack打包Vue工程
May 27 Javascript
JS字符串常用操作方法实例小结
Jun 24 Javascript
浅谈vue异步数据影响页面渲染
Oct 29 Javascript
Angular实现可删除并计算总金额的购物车功能示例
Dec 26 #Javascript
浅谈React深度编程之受控组件与非受控组件
Dec 26 #Javascript
使用vue实现简单键盘的示例(支持移动端和pc端)
Dec 25 #Javascript
vue的一个分页组件的示例代码
Dec 25 #Javascript
jQuery图片查看插件Magnify开发详解
Dec 25 #jQuery
AngularJS实现的生成随机数与猜数字大小功能示例
Dec 25 #Javascript
推荐10款扩展Web表单的JS插件
Dec 25 #Javascript
You might like
删除数组元素实用的PHP数组函数
2008/08/18 PHP
php异常处理技术,顶级异常处理器
2012/06/13 PHP
Thinkphp的volist标签嵌套循环使用教程
2014/07/08 PHP
PHP strtotime函数用法、实现原理和源码分析
2015/02/04 PHP
php使用curl打开https网站的方法
2015/06/17 PHP
Thinkphp5 自定义上传文件名的实现方法
2019/07/23 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
ie 处理 gif动画 的onload 事件的一个 bug
2007/04/12 Javascript
JS复制到剪贴板示例代码
2013/10/30 Javascript
js实现简单随机抽奖的方法
2015/01/27 Javascript
JS中获取函数调用链所有参数的方法
2015/05/07 Javascript
js 单引号替换成双引号,双引号替换成单引号的实现方法
2017/02/16 Javascript
详解Angular.js指令中scope类型的几种特殊情况
2017/02/21 Javascript
对vux点击事件的优化详解
2018/08/28 Javascript
scrapyd schedule.json setting 传入多个值问题
2019/08/07 Javascript
layui table动态表头 改变表格头部 重新加载表格的方法
2019/09/21 Javascript
[01:31](回顾)杀出重围,决战TI之巅
2014/07/01 DOTA
简单使用Python自动生成文章
2014/12/25 Python
python中使用mysql数据库详细介绍
2015/03/27 Python
python字典基本操作实例分析
2015/07/11 Python
Python下载指定页面上图片的方法
2016/05/12 Python
Python实现动态加载模块、类、函数的方法分析
2017/07/18 Python
用Python写王者荣耀刷金币脚本
2017/12/21 Python
快速了解Python中的装饰器
2018/01/11 Python
利用Python在一个文件的头部插入数据的实例
2018/05/02 Python
浅谈Pandas 排序之后索引的问题
2018/06/07 Python
Python 运行 shell 获取输出结果的实例
2019/01/07 Python
CSS3 实现飘动的云朵动画
2020/12/01 HTML / CSS
利用 Canvas实现绘画一个未闭合的带进度条的圆环
2019/07/26 HTML / CSS
UNDONE手表官网:世界领先的定制手表品牌
2018/11/13 全球购物
应届生会计电算化求职信
2013/10/03 职场文书
寒假安全保证书
2015/02/28 职场文书
先进个人自荐书
2015/03/06 职场文书
道歉的话怎么说
2015/05/12 职场文书
go select编译期的优化处理逻辑使用场景分析
2021/06/28 Golang
win server2012 r2服务器共享文件夹如何设置
2022/06/21 Servers