Node + React实战：从0到1实现记账本（二）

---

theme: channing-cyan

一.MySQL数据库

MySQL 的使用率相对较高，遇到问题网上的解决方案也很多，所以本文用它来作为数据库工具。

你可以这么理解数据库，它就是用于将数据持久化存储的一个容器，并且这个容器处在云端。而不是像浏览器的本地存储(localStorage)一样，数据只是针对于你当前所在的浏览器。

浏览器的存储是一对一的，而线上数据库的存储是一对多，或者是多对多(数据库可能会有多个)。

后端要做的事情，就是将数据库中的表与表之间，建立好一定的联系。根据产品需要的逻辑联系，将数据以 API 接口的形式抛出，供前端开发人员调用。

二.本地安装 MySQL

使用它之前，需要在本地安装 MySQL，很多前端小伙伴在这一步就没坚持下去，选择了放弃。如果这点困难都不能克服，程序员这个职业可能真的不适合你。

脑系统的不同，这里我只用 Windows 去介绍如何在本地安装数据库。

三.Windows

Windows 操作系统中，有两种安装 MySQL 的方法：

1、下载 MSI 文件，然后点击运行，利用 Windows 系统饿的安装程序方法，一步一步往下走。MSI 文件就是可视化界面安装文件。

2、下载 ZIP 压缩包，解压出来就能立即使用，可能下载的时候会慢一些，本教程我们使用该方式安装 MySQL。

下载

首先我们打开 MySQL 官方下载地址。网站会自动匹配适合你当前计算机的安装文件列表，这里我们选择如下：

点击「Download」之后，会让你注册登录账号，此时可以选择点击下面这段文字，跳过注册登录。

解压

下载完成之后，解压到自己想要放置的目录下，比如我就将其解压到我的 C:\mysql 目录下，如下所示：

注意：此时解压后的文件夹中没有 data 目录和 ini 文件。

此时在 mysql-8.0.24-winx64 文件夹内新建一个空的 my.ini。如下：

环境变量配置

打开控制面板，点击「系统和安全」，进入「系统」点击高级系统设置，如下所示：

点击右下角的「环境变量(N)」按钮，在系统变量里新建名为 「MYSQL_HOME」，变量值就是你上一步解压后存放 MySQL 文件的安装路径。我的安装路径如下所示：

设置 Path，在 Path 里面新增 bin 目录。双击 Path，然后点击新建按钮，添加 %MYSQL_HOME%\bin 如下：

此时你再观察全路径，MYSQL_HOME 已经被解析成具体的路径，如下所示：

这一步的目的，是为了后续能使用 cmd 指令去安装 MySQL。

安装

首先，以管理员身份运行 cmd，Windows 10 下，直接右键「开始」，找到「命令提示符(管理员)(A)」，点击打开 cmd。

1、进入安装 mysql 的目录，进入 bin:

2、运行安装指令：

mysqld --install

安装成功的话，控制台会提示如下：

3、运行如下指令生成 data 目录：

mysqld --initialize-insecure --user=mysql

4、启动 mysql 服务：

net start mysql

此时，不用怀疑，你已经成功在你的本地启动了 MySQL 服务。

5、(关键步骤)

如果后续用 egg-mysql 插件连接数据库的时候会报下面这样的错误：

这是因为 8.0 之前的 mysql 版本，加密规则是 mysql_native_password，而在 8.0 之后，加密规则变为 caching_sha2_password。此时你如果用的是 8.0 以前的版本，那么通过 egg 启动项目连接数据库是没问题的，我们这里使用的是 8.0 以后的版本，所以就会出现上述错误。

解决办法：

以管理员身份运行 cmd，上文已经提到过。通过 mysql -u root -p 回车进入 mysql 如下所示：

我已经设置过密码了，所以上图我是用密码登录的，你若是没有设置，可以直接敲回车登录。

输入下面指令：

cmd use mysql; cmd alter user 'root'@'localhost' identified with mysql_native_password by '你的密码';

cmd flush privileges;

上述指令的作用是，还原 MySQL 的加密规则，还原之后，你再 egg 项目中连接 MySQL 的时候，就不会报错了。

并且上述指令中的 你的密码，如果你设置的话，那就会生效，成为以后你登录数据库的密码。

注意，指令一定要按照上述输入，包括最后的分号，不然会指令错误。

既然 MySQL 已经启动了，那么现在就可以快乐的撸码了，利用数据库可视化操作工具 SQLyog，以及 Egg 链接本地数据库，做一些简单的数据库 CRUD 工作。

四.PhpStudy

如果说上面操作过程太复杂，还有一个极其简单的方法，学过Php的小伙伴应该很熟悉。下载PhpStudy，标语是：全面重构，全新UI，让天下没有难配的服务器环境.。网址：https://www.xp.cn

根据自己电脑的系统和位数来选择下载，我电脑是window 64位。点击下载，安装也也是极其简单，直接点击下一步下一步，就完成安装了，就不再放图演示了。

打开软件，更官网的界面一样。

然后点击软件管理，下载需要的MySQL和phpMyAdmin

点击安装就下载好了，有没有惊讶到！！然后回到首页，点击启动WAMP。

可以看到运行状态输出了Apache和MySQL已经启动了，在来点击打开数据库工具选择phpMyAdmin，此时会打开一个网页

这就是登录MySQL的用户名和密码，回到面点击数据库，就可以看到，密码是****，

不要慌，鼠标移上去，就显示了。

可以看到用户和密码都是root，那么现在就可以登录了，当然这个密码是可以设置成别的，这里就不在说了。登录成功后就可以看到这个页面。

详细指南，可以去看一篇文章的介绍：https://blog.csdn.net/u012767761/article/details/78238487

接下来，新建数据库，字符集我这里选择的是utf8mb4_general_ci,为了更好的支持中文和兼容性。然后，在点击创建，就创建好了。

可以看到我这里是有已经创建好的三张表，原本是没有的哦！下面我来介绍如何创建表的。

点击新建，就会看到圈中的地方，在这里就可以设置表的字段，类型，默认值，空值，主键，排序规则等等。这就需要学过一点关于MySQL的知识了。

然后一种方式，就是利用SQLyog来创建了，下载链接就可以参考这篇博文，有详细介绍如何安装 https://blog.csdn.net/lihua5419/article/details/73881837 这里我就不再赘述如何去安装了。

打开软件，就可以看到这个界面

然后，输入刚才用户名，密码，以及刚才创建好的数据名，先来测试链接

这里可以看到链接成功了。(如果链接失败，这是你就得检查一下是否开启了MySQL服务，和Apchache相关方服务了)

点击确定，点击连接，就进入到这个界面

点击+展开，右键表，选择创建表

五.总结

本文比较详细的介绍了两种方法如何安装MySQL，过程中遇到问题，可以根据错误提示去搜索引擎查找相关的答案。这也是很正常的一个求知过程哦！本人还是学生也是小萌新，有错误的地方还请谅解。