# Express框架根据官方的介绍，Express是一个基于Node.js平台，快速、开放、极简的Web开发框架。 ### 安装 Express是一个基于Node.js的平台，所以在安装Express之前，你得先确保你已经安装了Node.js。
打开命令行，输入`node -v`可查看是否有安装node.js。 ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4a40fd02213f44d391e03f1599d83557~tplv-k3u1fbpfcp-zoom-1.image) ### 安装Express 首先，为你的应用创建一个目录，然后进入此目录并将其作为当前工作目录。 ``` E:>mkdir myapp // 在E盘根目录下创建一个名为myapp的目录 E:>cd myapp // 进入myapp目录 ``` ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4b27a45547ff4e1f88377e5d66e48bba~tplv-k3u1fbpfcp-zoom-1.image) 通过`npm init`命令为你的应用创建一个`package.json`文件，该命令要求你输入几个参数，例如此应用的名称、版本号、描述、指定的入口文件，你可以直接按`回车键`接受大部分默认设置即可。 ``` E:\myapp>npm init ``` ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f330e45c0082481abdcc7a2113fa6320~tplv-k3u1fbpfcp-zoom-1.image) 我们打开生成的`package.json`文件，可以看到该文件里面的内容是一些项目的初始化信息。 ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/bc192bc552604fd1867b6f7189b1c928~tplv-k3u1fbpfcp-zoom-1.image) 接下来在`myapp`目录下安装 `Express`并将其保存到依赖列表中。在命令行中输入命令`npm install express --save` ``` E:\myapp>npm install express --save ``` ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/599fa01a11324f1dbfa2ecbd5510fb7b~tplv-k3u1fbpfcp-zoom-1.image) > 注释：
> 安装`Node`模块时，如果指定了`--save`参数，那么此模块将会被添加到`package.json`文件的`dependencies`依赖列表中，然后通过`npm install`命令可以自动安装`dependencies`依赖列表中所有列出的模块。 `Express`安装完成之后，你会发现，在我们创建的目录`myapp`下面，多了一个`node_modules`的文件夹和`package-lock.json`文件，其中，`node_modules`文件夹中用于存放刚刚安装的`Express`所有需要用到的源码文件。 ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b8b2fe0b9d704e32a97440046e96d787~tplv-k3u1fbpfcp-zoom-1.image) # Express 应用程序生成器通过应用生成器工具`express-generator`可以快速创建一个应用的骨架。
express-generator 包含了 express 命令行工具。通过如下命令即可安装： ``` E:>myapp>npm install express-generator --save ``` ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7fefc3bc4aec4476b93cd2579670b0bb~tplv-k3u1fbpfcp-zoom-1.image) 安装完成之后，我们打开`package.json`文件，可以看到在`dependencies`依赖列表中增加了`express-generator`。 ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2809fbcdbe06446d9d64cdf57ed33d59~tplv-k3u1fbpfcp-zoom-1.image) # 开始第一个Express项目 ### 创建`express`项目在E盘根目录想创建一个`project`文件夹，进入该文件夹，使用以下命令创建你的`express`项目。 ``` E:>mkdir project // 在E盘根目录下创建一个project E:>cd project // 进入到project文件夹 E:\project>express myFirstExpressDemo //在project文件夹下创建一个名为myFirstExpressDemo的Express项目 ``` 此时，我们的第一个`express`项目就创建好了。 ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/80460f469eb44e1995efacb11d9bafd2~tplv-k3u1fbpfcp-zoom-1.image) 打开创建的项目，使用命令`npm install`安装所有的依赖包。 ``` E:\project>cd myFirstExpressDemo E:\project>cd myFirstExpressDemo>npm install ``` ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0c4682b4b7ca450a8d04417b530a2b78~tplv-k3u1fbpfcp-zoom-1.image) 我们使用`vscode`编辑器打开项目，看看各目录代表什么意思。
**bin**：用于启动应用，可以在里面设置启动的端口号等，默认端口号为`3000`。
**public**：静态资源文件夹。
**routes**：路由文件。相当于`mvc`中的`controller`，默认创建的express项目包括`index.js`和`user.js`。
**views**：视图文件。相当于`mvc`中的`view`。
**node_modules**：存放所有依赖包的源码文件。
**app.js**：项目的入口文件。加载主要的依赖包，配置中间件，加载路由等等。
**package.json**：通过`npm init`命令创建，主要用来定义这个项目所需要的各种模块，以及项目的配置信息（比如名称、版本、许可证等）。`npm install`命令根据这个配置文件，自动下载所需的模块，也就是配置项目所需的运行和开发环境。
**package-lock.json**：在`npm install`时候自动生成，用以记录当前状态下实际安装的各个`npm package`的具体来源和版本号。
![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f2793f5ba0cf472a8c215a2a83d5b295~tplv-k3u1fbpfcp-zoom-1.image) ### 启动应用在`MacOS`或`Linux`操作系统中，通过如下命令启动此应用： ``` $ DEBUG=myapp:* npm start ``` 在`Windows`操作系统中，通过如下命令启动此应用： ``` > set DEBUG=myapp:* & npm start 或者 > npm start ``` 项目启动成功之后，我们在浏览器地址栏中输入`http://localhost:3000`即可访问。 ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4cc6309f5e6141188ef738abe7450935~tplv-k3u1fbpfcp-zoom-1.image) # Express连接数据库连接数据库之前，需先安装好`MySQL`和`Navicat`工具。
进入创建好的`Express`项目，输入命令`npm install mysql --save-dev`，安装node.js的`mysql`模块。 ``` > npm install mysql --save-dev ``` ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c31ff9b4e72e4ce2a4ef9fc5f4e868e8~tplv-k3u1fbpfcp-zoom-1.image) 在`routes`文件夹里面新建一个`database.js`文件。 ``` // database.js // 连接Mysql var mysql = require('mysql'); // 数据库连接配置 var pool = mysql.createPool({ host: 'localhost', // 数据库的地址 user: 'root', // 数据库用户名 password: '123456', // 数据库密码 database: 'express' // 数据库名称 }) // 对数据库进行增删改查操作的基础 function query(sql, callback) { pool.getConnection((err, connection) => { connection.query(sql, (err, rows) => { callback(err, rows) connection.release() }) }) } exports.query = query ``` 在`index.js`文件中 ``` // index.js var express = require('express') var router = express.Router() // 引入数据库配置文件 const db = require('./database') // 获取数据库中的user表数据 router.get('/user', (err, res) => { const sql = 'SELECT * FROM user'; db.query(sql, (err, result) => { if(err){ return; } // res：API传数据 // result：返回的数据，需要转成JSON格式 res.json(result); }); }) module.exports = router; ``` 数据库中的`user`表数据 ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/aee8b2b33e754a9482b0664aee16e99d~tplv-k3u1fbpfcp-zoom-1.image) 使用`Postman`工具测试，返回的成功示例如下： ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1e90e6e0b3774e188f64755063175776~tplv-k3u1fbpfcp-zoom-1.image) 写的不好，还请各位大神多多指正！