• 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动态捕获,此后通过设置不同路由即可访问不同的后台数据。

  • 相关阅读:
    javascript中的console.log有什么作用?
    在线js调试工具JSbin、jsFiddle
    mysql下的将多个字段名的值复制到另一个字段名中(批量更新数据)字符串拼接cancat实战例子
    处理内容有&特殊字符thinkphp返回xml无法解析的问题<![CDATA[xxx]]>
    checkbox的readonly不起作用的解决方案
    jquery-easyui combobox combogrid 级联不可编辑实例
    表格行的全选与单选
    表格与ckeckbox的全选与单选
    隐藏与显示铵钮
    判断字符是否包含有特殊字符
  • 原文地址:https://www.cnblogs.com/wjlbk/p/12884679.html
Copyright © 2020-2023  润新知