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

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文件夹
SpringBoot从零开始构建Unimall多端电商系统-03.本地运行-畅扫

以maven形式导入
SpringBoot从零开始构建Unimall多端电商系统-03.本地运行-畅扫

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

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

打开上面文件,对Mysql、 Redis进行配置。有了这两个之后,基本的启动就没问题了。
SpringBoot从零开始构建Unimall多端电商系统-03.本地运行-畅扫
最后一步,将SQL脚本导入。

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

create database unimall character set utf8mb4

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

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

二、App运行

打开下载好的HbuilderX,选择从本地目录导入,并选择文件夹 /unimall/unimall-app
SpringBoot从零开始构建Unimall多端电商系统-03.本地运行-畅扫

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

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

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

打开微信Web开发者工具,并在微信Web开发者工具的设置中,找到 “安全” 并开启服务端口。
SpringBoot从零开始构建Unimall多端电商系统-03.本地运行-畅扫

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

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

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

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

需要勾选下面选项,以不校验安全域名
SpringBoot从零开始构建Unimall多端电商系统-03.本地运行-畅扫
这样就可以看到小程序的界面了。

三、管理员前端运行

打开VSCode,选中文件夹/unimall/unimall-admin 将其导入。
SpringBoot从零开始构建Unimall多端电商系统-03.本地运行-畅扫

并在Terminal菜单中打开一个新的终端
SpringBoot从零开始构建Unimall多端电商系统-03.本地运行-畅扫
会出现在底部一个终端窗口。

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

依次输入以下命令:

npm install -g cnpm 
cnpm install
npm run dev
  • 1
  • 2
  • 3

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

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

人已赞赏
网站主机

sql server 2012 导出sql文件

2020-9-18 19:15:43

网站主机

getLocation 需要在 app.json 中声明 Permission 字段

2020-9-22 20:03:44

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索