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文件夹
在这里插入图片描述

以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

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

在这里插入图片描述

发布了4 篇原创文章 · 获赞 1 · 访问量 1329
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览