Node.js-17-xiaoming

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

    
    


    
//1.get  
                                                      //2.post 3.use
        

            用户名： 
        
        

            
        
    

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框架还是大大提高了我们的效率。

最后：

This things you own end up owning you.