2018-11-29
Express框架
1.Express框架的核心特性。
①可以设置中间件来响应 HTTP 请求。
②定义了路由表用于执行不同的 HTTP 请求动作。
③可以通过向模板传递参数来动态渲染 HTML 页面。
2.下载及安装。
在git或者window+R（输入cmd）中：
①
cnpm install express
②
npm install express
其实原理都一样。
QAQ:npm是node自带的。
QAQ:cnpm是通过先安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org。
3.首先我们先从创建express框架做起。
eg：express框架如下
//1.引入express
const express=require('express');
//2.创建一个服务
var server=express();
//3.监听端口
server.listen(2580);
4.以下实例中我们引入了 express 模块，并在客户端发起请求后，响应不同的内容。
//1.引入express
const express=require('express');
var server=express();//创建一个服务
// server.use('访问的路径'，函数) 用来处理用户请求与的
server.use('/a.html',function(req,res){
// res.write({a:5,b:3});//响应的内容
res.send({a:5,b:3});//响应的内容
res.end();//响应结束
});
server.use('/b.html',function(req,res){
res.write('123');//响应的内容
res.end();//响应结束
});
// server.use('/',function(req,res){//根目录
// res.send('aabbcc');//响应的内容
// res.end();//响应结束
// });
// 监听端口
server.listen(8080);
// http.createServer(function(req,res){
// res.write('aaa');
// })
QAQ:规定根目录('/')不能和子目录一起访问。
QAQ:不推荐使用res.write写法：因为其为原生js，对好多性能未优化，都需要手写。
QAQ:推荐使用res.send写法：主要是性能更优越。
QAQ:对中间两个QAQ解释如下。
var http=require('http');
var server=http.createServer(function(request,response){
console.log('one by one');
// 解决乱码
response.setHeader('Content-Type','text/html;charset=UTF-8');
switch(request.url){
case '/1.html':
response.write('这是1.html');
break;
case '/2.html':
response.write('这是2.html');
break;
default:
response.write('404');
}
response.end();
})
server.listen(2580);
var http=require('http');
var server=http.createServer(function(request,response){
console.log('one by one');
switch(request.url){
case '/1.html':
response.send('这是1.html');
break;
case '/2.html':
response.send('这是2.html');
break;
default:
response.send('404');
}
response.end();
})
server.listen(2580);
显然，两个板块输出的效果是一样的，但是上一个用的原生js，其次却是框架里的结构，所以，综上所述直接使用send，汉字也就不乱码了。
3.用户请求。
三种方式处理用户的请求
①server.get 只能是get方式。
②server.post 只能是post方式。
③server.use post/get方式都可以。
举例如下：
①②③的xxx.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="http://localhost:2580" method="get">//1.get
//2.post 3.use
<p>
用户名： <input type="" name="uname">
</p>
<p>
<input type="submit" name="" placeholder="提交">
</p>
</form>
</body>
</html>
eg①的js文件：
const express=require('express');
var server=express();
server.get('/',function(req,res){
console.log('get请求')
});
server.listen(2580);
eg②的js文件：
const express=require('express');
var server=express();
server.post('/',function(req,res){
console.log('post请求')
});
server.listen(2580);
eg③的js文件：
const express=require('express');
var server=express();
server.use('/',function(req,res){
console.log('use请求')
});
server.listen(2580);
综上所述：express框架还是大大提高了我们的效率。
最后：
