zoukankan      html  css  js  c++  java
  • Express全系列教程之(二):Express的路由以及动态路由

     

    一、Express路由简介

    路由表示应用程序端点 (URI) 的定义以及响应客户端请求的方式。它包含一个请求方时(methods)、路径(path)和路由匹配时的函数(callback);

    1

    app.methods(path, callback);

      

    二、Express路由方法

    Express方法源于 HTTP 方法之一,附加到 express 类的实例。它可请求的方法包括:

    get、post、put、head、delete、options、trace、copy、lock、mkcol、move、purge、propfind、proppatch、unlock、report、mkactivity、checkout、merge、m-search、notify、subscribe、unsubscribe、patch、search 和 connect。

    三、路径

    Express路径包含三种表达形式,分别为字符串、字符串模式、正则表达式

    1.字符串路径

    1

    2

    3

    app.get("/login",function(req,res){

        res.send("heng... women");

    })

      此路径地址将与/login匹配

     2.字符串模式路径

    1

    2

    3

    app.get("/ab+cd",function(req,res){

        res.send("heng... women");

    })

      此路径地址将与acd和abcd匹配

    3.正则表达式路径

    1

    2

    3

    app.get(/^a/,function(req,res){

        res.send("heng... women");

    })

      匹配开头必须是a的路径

    四、基础路由

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    const express = require("express");

    var app = express();

    app.get("/",function(req,res){

        res.send(`<h1>主页</h1>`);

    });

    app.get("/login",function(req,res){

        res.send(“登录页面”);

    });

    app.get("/registe",function(req,res){

        res.send(“注册页面”);

    });

    app.listen(8080);

      输入http://127.0.0.1:8080/login和http://127.0.0.1:8080/registe都能进入不同路由。

    五、动态路由

    动态路由使得我们不必向之前那样每一个路由路径都必须亲自设定,大大提高了开发上的效率,通过下面代码,在自定义路由之后,可通过req.params来获取路由信息:

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    const express = require("express");

    var app = express();

    app.get("/",function(req,res){

        res.send(`<h1>oh no</h1>`);

    });

    app.get("/login/:aid",function(req,res){

        res.send(req.params);

    });

    app.listen(8080);

      

    就像你看到的那样,aid标识已经被express动态捕获,此后通过设置不同路由即可访问不同的后台数据。

  • 相关阅读:
    1032. Sharing (25)
    1031. Hello World for U (20)
    1030. Travel Plan (30)
    1029. Median (25)
    1028. List Sorting (25)
    1026. Table Tennis (30)
    win10 tortoiseSVN文件夹及文件图标不显示解决方法
    qrcode.react和jquery.qrcode生成二维码
    js来获取所有屏幕适配的总结
    handsontable整理
  • 原文地址:https://www.cnblogs.com/wjlbk/p/12884679.html
Copyright © 2011-2022 走看看