SpringBoot从零开始构建Unimall多端电商系统-03.本地运行

本章将介绍Unimall开发环境运行。其中包括后端、管理员前端、微信小程序前端的运行。

1.下载项目

方式一：先在 https://gitee.com/iotechn/unimall 右侧点击 “克隆/下载” - “下载ZIP”。解压后可得到项目文件夹

方式二：使用git命令下载： git clone https://gitee.com/iotechn/unimall

2.导入到IDEA

在右上角File-New-Project from Existing Sources… 选择unimall文件夹
在这里插入图片描述

以maven形式导入
在这里插入图片描述

导入后等待maven解决依赖。待依赖下载完毕后，右上角会出现可启动项：Unimall LauncherApplication。这时候还无法启动项目，因为运行环境还需要配置。

\unimall\unimall-launcher\src\main\resources\application.properties

打开上面文件，对Mysql、 Redis进行配置。有了这两个之后，基本的启动就没问题了。

最后一步，将SQL脚本导入。

在mysql中，建一个库unimall，可使用图形化建库。或者执行命令。

create database unimall character set utf8mb4

并运行在unimall库中运行/unimall/sql/unimall.sql 脚本

配置完后，点击右上角启动项目

打开下载好的HbuilderX，选择从本地目录导入，并选择文件夹 /unimall/unimall-app
在这里插入图片描述

导入之后，在左侧会出现刚才导入的项目。需要将小程序AppId修改为你自己的AppId。否则无法启动。

在这里插入图片描述

现在配置好后，还不可以运行，因为要让HbuilderX和微信web开发者工具建立联系。

打开微信Web开发者工具，并在微信Web开发者工具的设置中，找到 “安全” 并开启服务端口。
在这里插入图片描述

开启后即可开始运行微信小程序了

在这里插入图片描述

启动后会发现一直处于加载中。控制台报错：

http://127.0.0.1:8080 不在以下 request 合法域名列表中，请参考文档：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html

需要勾选下面选项，以不校验安全域名
在这里插入图片描述
这样就可以看到小程序的界面了。

打开VSCode，选中文件夹/unimall/unimall-admin 将其导入。
在这里插入图片描述

并在Terminal菜单中打开一个新的终端
在这里插入图片描述
会出现在底部一个终端窗口。

在这里插入图片描述

依次输入以下命令：

npm install -g cnpm 
cnpm install
npm run dev

运行完成后，管理员前端就启动好了。

在这里插入图片描述