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 相关文章推荐
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
Nov 30 Javascript
JS+CSS制作DIV层可(最小化/拖拽/排序)功能实现代码
Feb 25 Javascript
JavaScript中访问节点对象的方法有哪些如何使用
Sep 24 Javascript
浅析IE10兼容性问题(frameset的cols属性)
Jan 03 Javascript
父页面显示遮罩层弹出半透明状态的dialog
Mar 04 Javascript
js自制图片放大镜功能
Jan 24 Javascript
javascript 实现文本使用省略号替代(超出固定高度的情况)
Feb 21 Javascript
JavaScript如何一次性展示几万条数据
Mar 30 Javascript
JavaScript中常见的八个陷阱总结
Jun 28 Javascript
浅谈vue2 单页面如何设置网页title
Nov 08 Javascript
node.js中fs文件系统目录操作与文件信息操作
Feb 24 Javascript
JS实现百度搜索框关键字推荐
Feb 17 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的控制语句
2006/10/09 PHP
PHP下打开URL地址的几种方法小结
2010/05/16 PHP
初步介绍PHP扩展开发经验分享
2012/09/06 PHP
PHP输入流php://input介绍
2012/09/18 PHP
Laravel中使用FormRequest进行表单验证方法及问题汇总
2016/06/19 PHP
有趣的javascript数组定义方法
2010/09/10 Javascript
javascript smipleChart 简单图标类
2011/01/12 Javascript
node.js [superAgent] 请求使用示例
2015/03/13 Javascript
js+html5通过canvas指定开始和结束点绘制线条的方法
2015/06/05 Javascript
jQuery获取页面及个元素高度、宽度的总结——超实用
2015/07/28 Javascript
利用select实现年月日三级联动的日期选择效果【推荐】
2016/12/13 Javascript
JavaScript中利用构造器函数模拟类的方法
2017/02/16 Javascript
详解vue中引入stylus及报错解决方法
2017/09/22 Javascript
jquery的 filter()方法使用教程
2018/03/22 jQuery
JS实现判断图片是否加载完成的方法分析
2018/07/31 Javascript
javascript闭包的使用之按钮切换功能
2018/08/30 Javascript
node实现生成带参数的小程序二维码并保存到本地功能示例
2018/12/05 Javascript
vue实现鼠标移过出现下拉二级菜单功能
2019/12/12 Javascript
[45:38]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第一局
2016/03/02 DOTA
对numpy中轴与维度的理解
2018/04/18 Python
python实现嵌套列表平铺的两种方法
2018/11/08 Python
python3实现从kafka获取数据,并解析为json格式,写入到mysql中
2019/12/23 Python
Tensorflow分批量读取数据教程
2020/02/07 Python
HTML5 History API 实现无刷新跳转
2016/01/11 HTML / CSS
英国马莎百货官网:Marks & Spencer
2016/07/29 全球购物
外贸主管求职简历的自我评价
2013/10/23 职场文书
电脑教师的教学自我评价
2013/11/26 职场文书
文明家庭先进事迹材
2014/01/27 职场文书
竞选班干部演讲稿400字
2014/08/20 职场文书
超市开业庆典活动策划方案
2014/09/15 职场文书
小学教师节活动总结
2015/03/20 职场文书
重温入党誓词主持词
2015/06/29 职场文书
会计岗位工作总结
2015/08/12 职场文书
三年级作文之趣事作文
2019/11/04 职场文书
python中pycryto实现数据加密
2022/04/29 Python
Python时间操作之pytz模块使用详解
2022/06/14 Python