express中的路由

最新推荐文章于 2025-06-03 10:45:00 发布

原创最新推荐文章于 2025-06-03 10:45:00 发布 · 453 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#express路由

express 专栏收录该内容

3 篇文章

订阅专栏

博客介绍了路由是确定应用程序对特定客户端请求响应的方式，包括URL和HTTP请求方法。每个路由可有多个处理函数，还说明了路径结构。给出定义简单路由示例，如不同请求方法的响应，最后展示了使用路由跳转的小案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

路由是指确定应用程序如何去响应对特定的客户端请求，该请求是URL（或路径）和特定HTTP请求方法（GET，POST等）。

每个路由都可以有一个或多个处理函数，这些函数在路由匹配时执行。
路径采用以下结构

app.METHOD(PATH, HANDLER)

app是一个实例express；
METHOD 是一个HTTP请求方法
PATH是服务器上的路径
HANDLER 是路由匹配时所执行的功能
下面说明一下定义简单路由的示例：

Hello World！在主页面上回复：

app.get('/', function (req, res) {
  res.send('Hello World!')
})

在跟路由（/），应用程序的主页面上响应POST请求


app.post('/', function (req, res) {
  res.send('Got a POST request')
})

响应对/user 路由的DELETE请求：

app.delete('/user', function (req, res) {
  res.send('Got a DELETE request at /user')
  })

响应对/user路由的PUT请求：

app.put('/user', function (req, res) {
  res.send('Got a PUT request at /user')
})

下面有一个使用路由跳转的小案例（希望对大家有帮助）：

先安装express npm install express --save
在创建一个views文件夹下面放着要html页面
具体的目录格式如下：

登录页面:

<body>
   

    <label for="">用户名</label>
    <input type="text" name="" id=""><br>
    <label for="">密码&emsp;</label>
    <input type="text" name="" id=""><br>
    <button id="btn">登录</button>

<script>
    var btn = document.getElementById('btn')
    btn.onclick = function(){
        window.location.href = '/'
    }
</script>
</body>

注册页面:

<body>
    <input type="text">
    <input type="text">
    <button id="btn2">注册</button>
    <script>
    var btnn = document.getElementById('btn2')
    btnn.onclick = function(){
        window.location.href = '/resign'
    }
    </script>
</body>

主页面:

<body>
    <h1>主页面</h1>
</body>

app.js:

var express = require('express')

var server = express()

server.engine('html', require('express-art-template'))

// 登录页面
server.get('/login',(req,res)=>{
    res.render('login.html')
})
// 注册页面
server.get('/resign',(req,res)=>{
    res.render('index.html')
})
// 主页面
server.get('/',(req,res)=>{
    res.render('resign.html')
})
server.listen(3030,()=>{
    console.log('server is running.....')
})