路由是指确定应用程序如何去响应对特定的客户端请求,该请求是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="">密码 </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>>>>')
})