Vue3搭载后端服务器开发文档

1

第8章 “微商城”后端服务器搭建

“微商城”后端服务器基于 ThinkJS + MySQL ，以下是环境搭建文档。

8.1 搭建 MySQL 环境

8.1.1 安装 MySQL

本项目基于 MySQL 5.7 社区版，如果您还没有安装，请继续阅读安装步骤。如果您

已经安装了 MySQL 8.0 社区版，请阅读 8.1.3 小节进行密码设置。

MySQL 5.7 社区版的具体安装步骤如下。

（ 1 ）从 MySQL 的官方网站下载软件，在网站中找到 MySQL 5.7 社区版（ MySQL

Community Server ）压缩包版本的下载地址，如下图所示。

（ 2 ）将压缩包 mysql-5.7.24-win32.zip 解压保存到 C:\web\mysql5.7 目录中，如下图

所示。 2

（ 3 ）创建配置文件 C:\web\mysql5.7\my.ini ，配置内容如下。

[mysqld]

basedir=C:/web/mysql5.7

datadir=C:/web/mysql5.7/data

port=3306

（ 4 ）以管理员身份运行命令提示符，输入以下命令开始安装。

cd C:\web\mysql5.7\bin

mysqld -install mysql5.7

mysqld --initialize-insecure

net start mysql5.7

8.1.2 设置密码 - 适用于 MySQL 5.7

（ 1 ）打开命令提示符窗口，输入如下命令启动 MySQL 命令行工具并登录。

cd C:\web\mysql5.7\bin

mysql -u root

（ 2 ）登录 MySQL 后，执行如下命令设置密码。

ALTER USER 'root'@'localhost' IDENTIFIED BY '123456';

（ 3 ）执行 exit 命令退出 MySQL 。

（ 4 ）执行如下命令测试能否使用新密码登录 MySQL 。

mysql -u root -p123456

8.1.3 设置密码 - 适用于 MySQL 8.0

登录 MySQL 后，执行如下命令即可。 3

ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY '

123456';

注意：如果已经设置了密码，则也需要执行上述命令修改密码，执行后可以将密码的

加密方式更改成 5.x 版本的加密方式，以兼容 ThinkJS 。

8.2 部署后端服务器项目

（ 1 ）创建 D:\vue\chapter08 目录。

（ 2 ）将教材配套源代码中的 shop-backend 文件夹，复制到 D:\vue\chapter08 目录。

（ 3 ）打开命令提示符，执行如下命令登录 MySQL 。

cd C:\web\mysql5.7\bin

mysql -u root –p123456

（ 4 ）登录成功后，执行如下命令导入 data.sql 文件。

source D:\vue\chapter08\shop-backend\data.sql

（ 5 ）在 D:\vue\chapter08\shop-backend 目录的地址栏中，输入 cmd ，然后按 Enter

键，进入命令提示符窗口，输入以下命令启动项目。

npm install

npm start

（ 6 ）通过浏览器访问 http://127.0.0.1:8360 ，测试后端服务器是否启动成功，测试结

果如下。