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

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

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

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

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

01. 系统展示

推荐一个前后端分离电商项目_第1张图片

推荐一个前后端分离电商项目_第2张图片


02. 本地部署

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

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

2. clone 代码

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

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

推荐一个前后端分离电商项目_第3张图片

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

推荐一个前后端分离电商项目_第4张图片 推荐一个前后端分离电商项目_第5张图片 

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

推荐一个前后端分离电商项目_第6张图片

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

推荐一个前后端分离电商项目_第7张图片

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

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

2. clone 代码

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

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

推荐一个前后端分离电商项目_第8张图片

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

 推荐一个前后端分离电商项目_第9张图片

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

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


推荐阅读

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

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

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

4. GitHub 上 7 个 yyds 算法项目

推荐一个前后端分离电商项目_第10张图片

你可能感兴趣的:(java,python,redis,github,vue)