An open API service indexing awesome lists of open source software.

https://github.com/he0306/store-b2c

此项目参用b2c商城模式,使用SpringBoot +SpringCloud + Vue进行前后端分离,采用ElasticSearch进行商品搜索,使用RabbitMQ保证ES和MySql数据同步,可使用支付宝沙箱进行支付等
https://github.com/he0306/store-b2c

axios elasticsearch element-ui gateway layui-admin mysql nacos openfeign redis springboot-admin springboot2 vue

Last synced: 6 months ago
JSON representation

此项目参用b2c商城模式,使用SpringBoot +SpringCloud + Vue进行前后端分离,采用ElasticSearch进行商品搜索,使用RabbitMQ保证ES和MySql数据同步,可使用支付宝沙箱进行支付等

Awesome Lists containing this project

README

        

仿小米商城



















































#### 介绍

此项目参用b2c商城模式,使用SpringBoot +SpringCloud + Vue进行前后端分离

#### 软件架构
B/S架构,采用前后端分离技术

#### 安装教程

1. Java项目全部一键启动

2. 前端项目下载依赖 npm install

3. 前台启动 npm run serve

4. 将sql目录下的sql文件导入mysql数据库中

#### 技术介绍

前端技术:Vue2 + Vuex + Vue - Router + Axios + Element - ui + JavaScript + LayuiAdmin

后端技术:SpringBoot + SpringBootAdmin + MyBatisPlus + MySQL+ Redis + Swagger + Druid + ElasticSearch + Ra
bbitMQ + OSS + Nacos + OpenFegin + Gateway

* 整体架构采用b2c商城模式

* 使用QQ邮箱进行验证

* 接入支付宝沙箱支付,完成支付功能

* 使用Nacos作为服务注册中心和配置中心

* 使用GateWay进行统一网关处理,进行动态路径转发

* 使用OpenFegin进行远程调用服务

* 使用ElasticSearch进行全文商品搜索,提高检索速度

* 图片上传至阿里云OSS服务

* 使用RabbitMQ保证MySQL数据库和ElasticSearch搜索引擎的数据同步

* Swagger生成接口文档

* 使用Redis整合SpringCache进行缓存,提高访问效率

* ES中数据展示
![输入图片说明](images/image1.png)

* 使用SpringBootAdmin实时监控微服务
![输入图片说明](images/image9.png)

#### 前台效果图

* 电商前台首页-轮播图
![输入图片说明](images/image2.png)

* 电商前台首页-手机
![输入图片说明](images/image3.png)

* 电商前台首页-家电
![输入图片说明](images/image4.png)

* 电商前台首页-配件
![输入图片说明](images/image5.png)

* 电商前台全部商品
![输入图片说明](images/image6.png)

* 购物车
![输入图片说明](images/image7.png)

* 我的订单
![输入图片说明](images/image8.png)

#### 后台管理效果

* 用户管理
![输入图片说明](images/image10.png)

* 分类管理
![输入图片说明](images/image11.png)

* 商品管理
![输入图片说明](images/image12.png)

* 订单管理
![输入图片说明](images/image13.png)

#### 可加QQ询问

QQ:2740860037