推荐一个前后端分离电商项目

前后端分离是现在主流的架构设计模式,它初衷是用「单一职责」原则把代码质量提上去从而达到节省人力和减少沟通时的信息损失的目的。

老逛之前推荐过一些前后端分离的实战项目,具体可以看文章:推荐 6 个前后端分离项目

今天推荐一个商城系统,该商城系统包含了素材库、小程序直播、拼团、砍价、商户管理、 秒杀、优惠券、积分、分销、会员、充值、多门店等功能,更适合企业或个人二次开发。

本项目基于当前流行技术栈研发,采用了 Spring Boot2 + MybatisPlus + SpringSecurity + jwt + redis + Vue 技术栈,采用前后端分离的方式进行搭建。

01. 系统展示

81bde53d07100ffe526328cb860272a5.png

b392635f5bdedd170de314a1cfd8acb0.png


02. 本地部署

部署后台系统工程(JAVA端)

1. 部署在之前,请确保 Redis 已经安装启动

2. clone 代码

git clone https://gitee.com/guchengwuyue/yshopmall.git

3. 将该项目下载后,目录如下。其中每个目录对应这一个模块,比如管理慕课、工具模块、微信模块等等。

8db91404a46b047c62f8a6810f057172.png

4. 打开 config 文件夹,修改其中的配置文件,包括导入数据库,配置开发环境数据库信息及其 Redis 信息,文件路径如下:

098cdf9c8eaa61e96c4322bc6af168b3.png 940a8fa5fed20f05850036446ceeb439.png 

5. 然后在父级 pom.xml 输入命令 mvn clean install 或者用 IDEA 工具操作

9de57d94e6986d2676f6c278b4229b63.png

6.  启动程序,启动程序路径如下:

21ec93552be9cb03d531a7bb1d885a49.png

2. 部署后台前端工程(VUE端)

1. 请确保本地已经安装 node8

2. clone 代码

git clone https://gitee.com/guchengwuyue/yshopmall_qd

3. cnpm install 或者 yarn install,当前所有命令必须当前工程目录下进行,目录结构如下:

7aeec7f4a72c38ae5ee88b5bf540e35f.png

4. 在控制台输入命令:npm run dev,控制台打印出如下画面,恭喜表示本项目启动成功拉。

 d28481e92cc2b2cc3420318ffb1e1c06.png

5. 打开浏览器输入地址如图:默认超管账户密码:admin/123456,不过在使用之前还需要部署 Nginx。更多详情描述前去开源项目的主页获取。

欢迎关注公众号 逛逛GitHub 回复「1116」下载本期项目。最后,防止找不到本篇文章,可以收藏点赞,方便翻阅查找。


推荐阅读

1. GitHub 上有什么好玩的项目?

2. 推荐 7 个热门电商 GitHub 项目

3. 女朋友让我写 1 万字检讨

4. GitHub 上 7 个 yyds 算法项目

ec8f2dc5585a5cabe243a325369c663a.png

©️2022 CSDN 皮肤主题:游动-白 设计师:我叫白小胖 返回首页

打赏作者

逛逛GitHub

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值