一、路由

   1、什么是路由

      服务器需要根据不同的URL或请求来执行不一样的操作,我们可以通过路由来实现这个步骤

   2、实现路由的方法

    2.1、get请求访问网址时,做什么事

  1. 1 app.get("网址",function(req,res){
  2. 2
  3. 3 });

    2.2、post请求访问网址时,做什么事       

  1. 1 app.post("网址",function(req,res){
  2. 2
  3. 3 });

   2.3、任何请求访问这个网址  

  1. 1 app.all("网址",function(){
  2. 2
  3. 3 });

  注意:1、’这里的网址不分大小写,例如

  1. 1 app.get("/AAb",function(req,res){        //我们访问  /aab也是可以的
  2. 2 res.send("你好");
  3. 3 });

     2、你路由到/a , 实际/a?id=2&sex=nan 也能被处理。

    

  3、路由中正则表达式的使用

    3.1、正则表达式中,未知部分用圆括号分组,然后可以用req.params[0]、[1]得到。req.params类数组对象。 

  1. 1 app.get(/^\/student\/([\d]{10})$/,function(req,res){
  2. 2 res.send("学生信息,学号" + req.params[0]);
  3. 3 });

    3.2、冒号写法(推荐)

  1. var express=require('express');
  2. var app=express();
  3. //冒号1
  4. app.get("/student/:id",function (req,res) {
  5. var id=req.params["id"];                    //得到id的值
  6. var reg=/^[\d]{6}$/;
  7. if(reg.test(id)){
  8. res.send(id);
  9. }else {
  10. res.send("请检查格式");
  11. }
  12.  
  13. });
  14. //冒号2
  15. app.get("/:username/:oid",function(req,res){
  16. var username = req.params["username"];            //得到username的值
  17. var oid = req.params["oid"];                  //得到//oid的值
  18. res.write(username);
  19. res.end(oid);
  20. });
  21. app.listen(3000);

运行结果:

冒号1:

冒号2:

二、中间件

  1、什么是中间件

    应用于应用之间 充当连接服务的,例如上面的get、post请求就是中间件

  2、express中所有的路由(中间件)的顺序(很重要)

     2.1、next()方法     

  1. var express=require("express");
  2. var app=express();
  3. app.get("/",function (req,res,next) {
  4. console.log(1);
  5. next(); //如果没有next参数,就只会conlose出来1,而不会是1,2
  6. });
  7. app.get("/",function (req,res) {
  8. console.log(2);
  9. });
  10. app.listen(3000);

    2.2、顺序冲突:下面这两个路由,看起来没有关系,但其实是有冲突的,因为admin可以当做用户名 login可以当做id

  1. var express=require("express");
  2. var app=express();
  3. app.get("/:username/:id",function(req,res){
  4. console.log("1");
  5. res.send("用户信息" + req.params.username);
  6. });
  7.  
  8. app.get("/admin/login",function(req,res){
  9. console.log("2");
  10. res.send("管理员登录");
  11. });
  12. app.listen(3000)

  运行结果:当我们访问172.0.0.1:3000/admin/login时只会输出  用户信息admin 而不会是管理员登录

  2.3、解决顺序冲突

    2.3.1、具体的往上写,抽象的往下写    

  1. var express=require("express");
  2. var app=express();
  3. //具体的
  4. app.get("/admin/login",function(req,res){
  5. console.log("2");
  6. res.send("管理员登录");
  7. });
  8. //抽象的
  9. app.get("/:username/:id",function(req,res){
  10. console.log("1");
  11. res.send("用户信息" + req.params.username);
  12. });
  13. app.listen(3000)

运行结果:当我们访问172.0.0.1:3000/admin/login时输出  管理员登录 而不会是用户信息admin

    2.3.2、检索数据库

  1. var express=require("express");
  2. var app=express();
  3. app.get("/:username/:id",function (req,res,next) {
  4. var username=req.params.username;
  5. //检索数据库,如果username 不存在,那么next()
  6. if(检索数据库){
  7. console.log("1");
  8. res.send("用户信息")
  9. }else{
  10. next();
  11. }
  12. });
  13. app.get("/admin/login",function (req,res) {
  14. console.log("2");
  15. res.send("管理员登录");
  16. });
  17. app.listen(3000)

  3、app.use()中间件:与get、post不同的是,他的网址不是精确匹配的。而是能够有小文件夹拓展的。

    3.1、get.use()的模糊匹配

  1. var express=require("express");
  2. var app=express();
  3. //匹配所有网址
  4. //法一
  5. //当你不写路径的时候,实际上就相当于“/”,就是所有网址
  6. // app.use(function (req,res,next) {
  7. // console.log(new Date());
  8. // next(); //执行下面的
  9. // });
  10. //法二
  11. app.use("/",function (req,res,next) {
  12. console.log(new Date());
  13. next(); //执行下面的
  14. });
  15. //匹配/admin所有地址,例如/admin/ss/aa这个都行
  16. app.use("/admin",function (req,res) {
  17. res.write(req.originalUrl+"\n"); // /admin/ss/aa
  18. res.write(req.path+"\n"); // /ss/aa
  19. res.write(req.baseUrl+"\n"); // /admin
  20. res.end("你好");
  21. });
  22. app.listen(3000);

  3.2、get.use()读取文件

  1. var express=require("express");
  2. var fs=require("fs");
  3. var app=express();
  4.  
  5. //当你不写路径的时候,实际上就相当于“/”,就是所有网址
  6. app.use(haha); //haha是一个函数
  7. app.listen(3000);
  8. // function haha(req,res) {
  9. // res.send("哈哈");
  10. // }
  11.  
  12. app.use('/admin',function (req,res) {
  13. res.send('管理员登录');
  14. })
  15. //根据当前的网址,读取punlic文件夹的文件
  16. //如果有这个文件,就渲染这个文件
  17. //如果没有这个文件,那么next()
  18. function haha(req,res,next) {
  19. var filePath=req.originalUrl;
  20. //根据当前的网址,读取public文件夹的文件
  21. //如果有这个文件,那么渲染这个文件
  22. //如果没哟偶这个文件,那么next();
  23. fs.readFile("./public/"+filePath,function (err,data) {
  24. if(err){
  25. //文件不存在
  26. next(); //一定要写,不然处于挂起状态
  27. return;
  28. }
  29. res.send(data.toString());
  30. })
  31. }

  4、render和send

     4.1、res.send()方法快速测试页

  1. var express=require("express");
  2. var app=express();
  3. //静态服务
  4. app.use('/jingtai',express.static("./public"));
  5.  
  6. //新的路由
  7. app.get('/images',function (req,res) {
  8. res.send("哈哈")
  9. });
  10. //会自动识别err参数,如果有,那么就这个函数能捕获err
  11. app.use(function (req,res) {
  12. res.status(404).send("没有这个页面!");
  13. })
  14. app.listen(3000);

    4.2、res.render()渲染内容,将会根据views中的模板文件进行渲染。如果不想使用views文件夹,想自己设置文件夹名字,那么app.set("views","aaaa");

      

  1. var express=require("express");
  2. var app=express();
  3.  
  4. // //设置ejs文件夹名字 //在day3文件夹下新建文件夹a,然后在里面放ejs文件
  5. // app.set("views","a")
  6. app.set("view engine","ejs");
  7. app.get("/",function(req,res) {
  8. res.render("haha",{news:[]});
  9.  
  10. });
  11.  
  12. app.get("/check",function (req,res) {
  13. res.send({
  14. "user":"ok"
  15. })
  16. })
  17. app.listen(3000);

  5、req.query:当输入http://127.0.0.1:3000/?id=0&ag=9

  1. var express=require("express");
  2. var app=express();
  3. app.get("/",function (req,res) {
  4. console.log(req.query);
  5. res.send();
  6. });
  7. app.listen(3000);

运行结果:

三、get请求参数post请求参数:

GET请求的参数:在URL中,在Express中,不需要使用url模块了。可以直接使用req.query对象。

POST请求参数:在express中不能直接获得,必须使用body-parser模块。使用后,将可以用req.body得到参数。但是如果表单中含有文件上传,那么还是需要使用formidable模块。

  1. //form.ejs
  2.  
  3. <!doctype html>
  4. <html lang="en">
  5. <head>
  6. <meta charset="UTF-8">
  7. <title></title>
  8. </head>
  9. <body>
  10. <form action="#" method="post">
  11. <input type="text" name="name"/>
  12. <input type="text" name="age"/>
  13.  
  14. <input type="submit"/>
  15. </form>
  16. </body>
  17. </html>
  1. //.js
    var express=require("express");
  2. var bodyParser=require('body-parser');
  3. var app=express();
  4. app.set('view engine','ejs')
  5. app.get('/',function (req,res) {
  6. res.render("form");
  7. });
  8. //bodyParser API
  9. app.use(bodyParser.urlencoded({extended:false}));
  10. app.post('/',function (req,res) {
  11. console.log(req.body);
  12. });
  13. app.listen(3000);

运行结果:

如何问题欢迎指教!

node.js之路由,中间件,ge请求和post请求的参数的更多相关文章

  1. node10---GET请求和POST请求的参数

    GET请求的参数在URL中,在原生Node中,需要使用url模块来识别参数字符串.在Express中,不需要使用url模块了.可以直接使用req.query对象. ● POST请求在express中不 ...

  2. js中ajax连接服务器open函数的另外两个默认参数get请求和默认异步(open的post方式send函数带参数)(post请求和get请求区别:get:快、简单 post:安全,量大,不缓存)(服务器同步和异步区别:同步:等待服务器响应当中浏览器不能做别的事情)(ajax和jquery一起用的)

    js中ajax连接服务器open函数的另外两个默认参数get请求和默认异步(open的post方式send函数带参数)(post请求和get请求区别:get:快.简单 post:安全,量大,不缓存)( ...

  3. Ajax相关——get请求和post请求的区别

    一.完整的URL由以下几部分组成: scheme:通信协议,常用的有:http/ftp. host:主机,服务器(计算机)域名或IP地址 port:端口,整数,可选,省略时使用默认端口,http的默认 ...

  4. 03_Django-GET请求和POST请求-设计模式及模板层

    03_Django-GET请求和POST请求-设计模式及模板层 视频:https://www.bilibili.com/video/BV1vK4y1o7jH 博客:https://blog.csdn. ...

  5. Ajax中get请求和post请求

    我们在使用Ajax向服务器发送数据时,可以采用Get方式请求服务器,也可以使用Post方式请求服务器,那么什么时候该采用Get方式,什么时候该采用Post方式呢? Get请求和Post请求的区别: 1 ...

  6. slave IO流程之二:注册slave请求和dump请求

    slave IO流程已经在http://www.cnblogs.com/onlyac/p/5815566.html中有介绍 这次我们要探索注册slave请求和dump请求的报文格式和主要流程. 一.注 ...

  7. loadrunner录制脚本如何选择使用get请求和post请求的方式

    在loadrunner工具里录制脚本时常常会用到get请求和post请求,有关loadrunner常用的这两类的请求主要有: get请求: web_url 和 web_link post请求: web ...

  8. iOS开发网络篇—GET请求和POST请求

    iOS开发网络篇—GET请求和POST请求 一.GET请求和POST请求简单说明 创建GET请求 // 1.设置请求路径 NSString *urlStr=[NSString stringWithFo ...

  9. 普通请求和ajax请求的区别

    普通请求和ajax请求的区别? 下面的action返回一个json文件,文件内容为sts.*,data1

随机推荐

  1. Maven元素解析——pom.xml

    转载请注明原文地址:http://www.cnblogs.com/ygj0930/p/6628201.html  一个pom.xml中包含了许多标签,各个标签是对项目生命周期.依赖管理的配置.常用的主 ...

  2. C#设计模式之十五命令模式(Command Pattern)【行为型】

    一.引言   今天我们开始讲"行为型"设计模式的第二个模式,该模式是[命令模式],又称为行动(Action)模式或交易(Transaction)模式,英文名称是:Command P ...

  3. js的数组方法整理

    slice 从已有的数组中返回选定的元素.该方法不会修改数组,而是返回一个子数组. 语法:arr.slice(start,end) start: 必须,规定从何处开始选取.如果是负数,就是从尾部开始算 ...

  4. 关于SQLServer数据库中字段值为NULL,取出来该字段放在DataTable中,判断datatable中该字段值是否为NULL的三种方法

    1. DataTable dt;                               //假设字段为name, dt已经保存了数据dt.rows[0]["name"] == ...

  5. Python——正则表达式特殊符号及用法

    由于正则表达式的内容比较多,所以单独写成一系列文章,主要内容是根据小甲鱼所讲的内容综合一下正则表达式的笔记. 贴上小甲鱼的<Python3 如何优雅地使用正则表达式>系列可观看的博客地址: ...

  6. Bitmap.Config 说明 ALPHA_8 ARGB_4444 ARGB_8888 RGB_565

    这篇文章的目的是了解Bitmap.Config 你可以在使用这个方法的时候会遇到 Bitmap android.graphics.Bitmap.createBitmap(int width, int ...

  7. sharePreference

    源码分析请看:http://blog.csdn.net/yanbober/article/details/47866369 一.  SharePreferences是用来存储一些简单配置信息的一种机制 ...

  8. 裸板驱动总结(makefile+lds链接脚本+裸板调试)

    在裸板2440中,当我们使用nand启动时,2440会自动将前4k字节复制到内部sram中,如下图所示: 然而此时的SDRAM.nandflash的控制时序等都还没初始化,所以我们就只能使用前0~40 ...

  9. .net中ThreadPool与Task的认识总结

    线程池和Task是多线程编程中两个经常使用的技术,大家在熟悉不过了.他们有什么关联关系?Task又是怎么工作的呢?估计很多时候会犯糊涂.通过翻阅资料,终于弄明白了,与大家分享一下.   工作线程与I/ ...

  10. 简易RPC框架-熔断降级机制

    *:first-child { margin-top: 0 !important; } body > *:last-child { margin-bottom: 0 !important; } ...