Node.js API开发框架----Express

秒速五厘米 2022-12-16 04:00 111阅读 0赞

### Express ###

*  Express简介
 *  核心特性
 *  安装Express
 *  常用方法
 *   *  express()
     *  利用Express托管静态文件
     *   *  express.static(root, \[options\])
     *  请求方式
     *  Application()

# Express简介 #

express是基于 Node.js 平台，快速、开放、极简的 Web 开发框架，是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架，为 Web 和移动应用程序提供一组强大的功能。  
使用Express可以快速地搭建一个完整功能的网站

# 核心特性 #

Express框架核心特性：

*  可以设置中间件来响应http请求
 *  定义了路由用于执行不同的http请求
 *  可以通过向模板传递参数来动态渲染html页面

# 安装Express #

npm install express --save

以上命令会将 Express 框架安装在当前目录的 node\_modules 目录中， node\_modules 目录下会自动创建 express 目录。以下几个重要的模块是需要与 express 框架一起安装的：

*  `body-parser` — node.js 中间件，用于处理 JSON, Raw, Text 和 URL 编码的数据。
 *  `cookie-parser` —这就是一个解析Cookie的工具。通过req.cookies可以取到传过来的cookie，并把它们转成对象。
 *  `multer - node.js 中间件`—用于处理  
    enctype=“multipart/form-data”（设置表单的MIME编码）的表单数据。

# 常用方法 #

## express() ##

`express()`用来创建一个Express的程序。express()方法是express模块导出的顶层方法。

var express = require('express');
    var app = express();

## 利用Express托管静态文件 ##

### express.static(root, \[options\]) ###

`express.static`是Express中唯一内置的中间件。它以**server-static**模块为基础开发，负责托管 Express 应用内的静态资源。 参数root为静态资源的所在的根目录，参数options是可选的

/**静态资源文件托管 */
    const express = require('express');
    const app = express();
    
    app.use(express.static('public'))
    //访问方式 localhost:3000/hello.html
    
    //app.use('/abc',express.static('public'))
    //访问方式 localhost:3000/abc/hello.html
    
    app.listen(3000,()=>{ 
        console.log('running...')
    })

public文件是自定义的文件夹  
在public文件下创建一个hello.html文件，并在浏览器中访问  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BJTElwaWxpcGFsYQ_size_16_color_FFFFFF_t_70_pic_center]

> 如果use()方法中,添加了自定义的路径地址，在浏览器中访问的时候需要在端口号后面加上路径地址

上面展示了打开了html文件，我们同样也可以打开js、css等文件  
但是要注意的是这些文件必须要在public文件中  
![在这里插入图片描述][20201022170405484.png_pic_center]  
举例打开js文件，js文件夹下的base.js：

var div = document.createElement('div');
    div.innerHTML = '炸鸡';
    document.body.appendChild(div);

将base.js文件引入hello.html文件中，并在浏览器中访问  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BJTElwaWxpcGFsYQ_size_16_color_FFFFFF_t_70_pic_center 1]  
注意！！！！  
如果请求的两个文件夹中有同名的文件，则只会访问前面的文件

//只会访问hello下的文件
    app.use(express.static('hello'));
    app.use(express.static('public'));

## 请求方式 ##

HTTP的常用请求方式：

*  post----添加
 *  get----查询
 *  put----更新
 *  delete----删除

我们可以根据不同的路径，进入不同的页面。  
post请求不能直接在页面上直观的显示，我们可以采用*接口测试软件POSTMAN*进行测试

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BJTElwaWxpcGFsYQ_size_16_color_FFFFFF_t_70_pic_center 2]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BJTElwaWxpcGFsYQ_size_16_color_FFFFFF_t_70_pic_center 3]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BJTElwaWxpcGFsYQ_size_16_color_FFFFFF_t_70_pic_center 4]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BJTElwaWxpcGFsYQ_size_16_color_FFFFFF_t_70_pic_center 5]

## Application() ##

app对象一般用来表示Express程序。通过调用Express模块导出的顶层的express()方法来创建它:

var express = require('express');
    var app = express();
    
    app.get('/', function(req, res) { 
        res.send('hello world!');
    });
    
    app.listen(3000);

`app 对象`具有以下的方法：

*  路由HTTP请求；(app.METHOD和app.param)
 *  配置中间件；(app.route)
 *  渲染HTML视图；(app.render)
 *  注册模板引擎；(app.engine)

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BJTElwaWxpcGFsYQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/7cd131f2dae440988cbde012b15d6526.png
[20201022170405484.png_pic_center]: /images/20221123/3a1e27bbe0c74d4fa69a21eb0b6a96ea.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BJTElwaWxpcGFsYQ_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/673f11cce30e4eb58488ed4c7a75791e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BJTElwaWxpcGFsYQ_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221123/7ceb50741bc4425f976b4b6a798fc669.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BJTElwaWxpcGFsYQ_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221123/4aa0d4c71ad24ccdbde545e412a4625e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BJTElwaWxpcGFsYQ_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221123/d89abcd7d3564dc894e448842f7836bb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1BJTElwaWxpcGFsYQ_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221123/894021f70ae84126adafd2c50af6ea28.png