什么是express?
基于 Node.js 平台,快速、开放、极简的 Web 开发框架
使用 Express 可以快速地搭建一个完整功能的网站。
npm install express //使用方法 下载框架
// 引入框架
var express = require("express");
// 创建网站对象
var app = express();
// 监听端口
app.listen(8080)
路由
路由决定了由谁(指定脚本)去响应客户端请求。
在HTTP请求中,我们可以通过路由提取出请求的URL以及GET/POST参数。
格式:
app.all('*', (req, res, next)=>{
next();
})
app.get('/*.html', (req, res)=>{
res.send('hello'); //发送HTTP响应,express 提供的方法,不会出现中文乱码
})
app.post(/^html$/, (req, res)=>{
res.send('hello');
})
获取GET及POST数据
服务器端接收GET数据:
app.get('/chk', (req, res)=>{
res.send(JSON.stringify(req.query));
})
服务器端接收POST数据:
// 获取post数据的依赖模块 // npm install body-parser 下载
var bodyParser = require('body-parser');
// 作用是让req对象具有body属性,这个属性保存的是post数据
app.use(bodyParser.urlencoded());
app.post('/chk', (req, res)=>{
res.end(JSON.stringify(req.body));
})
为了练习获取GET及POST数据,这里做了两个简单的登录和注册页面,
这里使用了Axios库,用 引入.
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。
axios的作用主要是用于向后台发起请求的,还有在请求中做更多是可控功能。
post.html页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://cdn.bootcss.com/axios/0.19.0-beta.1/axios.min.js"></script>
</head>
<body>
POST 注册页面 <a href="/b">登录</a><br>
<form id="form1" method="post" action="/registry">
用户名:<input type="text" id="username" /><br>
密码:<