1.安装
使用 npm install express
2.接收请求
get/post/use
const express=require('express');
var server=express();
server.get('/', function (){
console.log('有GET');
});
server.post('/', function (){
console.log('有POST');
});
server.use('/', function (){
console.log('use了');
});
server.listen(8080);
3.非破坏式的
req.url
4.static
const statis = require("express-static");
server.use(static("./www"));
5.中间件
form get方式提交:
const express = require("express");
var server = express();
server.use('/',function(req,res){
console.log(req.query);
});
server.listen(5555);
form.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
</style>
</head>
<body>
<form class="" action="http://localhost:5555" method="get">
用户:<input type="text" name="user"/><br>
密码:<input type="password" name="pass"/>
<input type="submit" value="提交">
</form>
</body>
</html>
本地用浏览器打开html,输入用户名和密码,点击提交,会cmd中打印出用户名和密码:
image.png
form post方式:
post有点麻烦,使用一个中间件body-parser,在中间解析;
const express = require("express");
const bodyParser = require("body-parser");
var server = express();
server.listen(5555);
//在中间装入body
server.use(bodyParser.urlencoded({}));
server.use('/',function(req,res){
console.log(req.body);
});
// req.query get
//req.body post
form.html anction方式改为post;请求之后cmd
中同样可以打印出数据
image.png
5.链式操作
代码实现链式操作
server.use('/',function(req,res,next){
console.log('a');
//链式操作,会执行下一个use
next();
});
server.use('/',function(req,res,next){
console.log('b');
});
执行结果:
直接在浏览器运行:http://localhost:5555/
cmd会顺序打印出
网友评论