Express之基本路由

路由是指确定应用程序如何去响应对特定的客户端请求，该请求是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页面
具体的目录格式如下：
下面是具体的代码（因为是简单的案例，主要是实现通过路由跳转的，所以代码有点low，望谅解）：
登录页面：

<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(5000,()=>{
    console.log('server is running>>>>')
})

猜你喜欢