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 脚本
配置完后,点击右上角启动项目
二、App运行
打开下载好的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
运行完成后,管理员前端就启动好了。