node服务端连接MySql数据库

妖狐艹你老母 2022-11-07 05:57 25阅读 0赞

# 搭建前后端分离项目（vue+node+mysql） #

[第一章 node搭建服务端][node]

--------------------

### 第二章 node服务端连接MySql数据库 ###

*  搭建前后端分离项目（vue+node+mysql）
 *   *  一、Node配置热更新
     *  二、安装mysql依赖
     *  三.编写api
 *  总结

## 一、Node配置热更新 ##

首先需要安装 nodemon 依赖  
安装方式  
**一：全局安装**

npm install nodemon -g

示例：  
![npm install nodemon -g][]  
**二：依赖安装**

npm install -save  nodemon

示例：

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

**安装完毕**  
就可已使用"nodemon api.js"语句运行。（api.js为你的入口文件）  
也可以在 package.json 文件中进行配置，配置好之后可以使用"npm run start"运行项目，具体配置如下：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvbmcxOTk4MTIzMQ_size_16_color_FFFFFF_t_70_pic_center 1]

--------------------

## 二、安装mysql依赖 ##

项目需要使用到 mysql ，将mysql依赖安装到项目中，安装语句如下：

npm install mysql

示例如下：

![在这里插入图片描述][20210315144941185.png_pic_center]

--------------------

## 三.编写api ##

**1.配置数据库**  
 新建一个common文件夹，在该文件夹下建立db.js文件

![在这里插入图片描述][2021031515002694.png_pic_center]  
在db.js文件内配置需要连接的数据库信息：

**2.编写请求处理**

在login.js文件中编写代码如下（示例）：

**3.成功返回数据**  
我在数据库建立的表为 user 表表内数据为：  
![在这里插入图片描述][20210315150826252.png_pic_center]  
当我请求成功后返回的数据如下：  
![在这里插入图片描述][20210315150428339.png_pic_center]

--------------------

# 总结 #

Node服务器连接上数据库，可以根据条件的取到不同的数据，一个简易的Node+MySql就搭建完成了。  
下一章新建一个vue项目将通过POST或GET等传递参数，Node根据接口以及参数返回不同的数据。

--------------------

不做理想的巨人，行动的矮子。言行一致，争创成功。

[node]: https://blog.csdn.net/long19981231/article/details/114652513
[npm install nodemon -g]: /images/20221023/54a2d527a1fe4fe58cdf2cfcabd81ff2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvbmcxOTk4MTIzMQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221023/239a30060ba040ee9c797f7a7d6f79e3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xvbmcxOTk4MTIzMQ_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221023/7ce69a345bfd426187bce00640187693.png
[20210315144941185.png_pic_center]: /images/20221023/63733d9211c7462a9bce9359e6f7f68b.png
[2021031515002694.png_pic_center]: /images/20221023/9e5ed3c54fb44a1abf9b9343d1e79603.png
[20210315150826252.png_pic_center]: /images/20221023/19c2a0294e58413b892ca3bcb53f8dea.png
[20210315150428339.png_pic_center]: /images/20221023/febd279509ef4e81a948b2e180fed08a.png