基于微服务的分布式电商系统-妖猫商城

24cb405cc4bc0600dc31095337b364106ea.jpg

妖猫商城是一个采用微服务框架springcloud 实现的电商项目。

本项目实现了权限管理、商品管理(商品、属性、品牌、类目)等,并实现了商品详情页到支付的整个流程。

主要采用的技术如下:

redis:利用redis实现了微服务下的登录,商品详情页的缓存。

rockemq:利用rocketmq 实现了分布式事务

mongodb:利用mongodb存储购物车

nacos:注册和配置中心

sentinel: 降级、熔断、限流

zookeeper:分布式锁

 

分布式事务:异步消息解耦

cdee6da4c9e8150fa75b92198daa2e9d959.jpg

交易创建成功后,订单、券、库存必须保证一致性,促销服务、商品服务、订单服务是分库部署的,传统单体的事务就不能满足要求了。这里采用基于消息异步回滚的方式,首先开始创建订单,订单的状态为不可见,然后进行锁券、减库存的操作,操作失败,发送回滚消息,下游的促销和商品服务收到回滚消息,进行回滚操作。

 

支付的流程:

ce561d5d192848302cf712f4d0e8bf115ac.jpg

跳到支付宝支付成功后,首先更新支付记录的状态为成功,然后发送消息通知订单系统。

订单服务收到支付服务的通知,然后更新订单状态,发送订单成功消息,通知下游的服务做订单成功的处理。

消息的消费:

消费过程不能保证不出异常,这里做的方式是首先将消息存储到本地消息表,这时候消息队列的使命就完成了,然后后台异步的去处理消息。

定时任务去处理消费失败的消息,本地消息表里添加了一个处理次数的字段,当处理次数达到一定数量的时候,则该消息标记为死亡,待技术人员修复问题后,重新去处理该失败的消息。

其次消息的消费还要保证幂等性。

 

妖猫商城后台:主要实现了系统管理、促销管理、商品管理

系統管理包含用户、角色、资源。

43d0c28152bd39b42009b588e77b4e0eaac.jpg

 

af1ae04c31b71688ab5c1398e96f313c99e.jpg

 

ff2cc908db89ea0cf2e94c0c4d59ce9e11b.jpg

资源分两种菜单和动作,菜单资源控制着前端的菜单是否添加路由并显示,动作控制着url和页面上的按钮是否显示。

权限服务首先需要开启@EnableHttpAuth

@EnableHttpAuth
public class ProductConfig {

其次需要在配置文件上添加,这样该服务就开启了权限保护,接下来在后台接口上只需添加@LoginAuth("授权标识")

permission:
  enabled: true

前端的控制按钮的显示需要指令 v-action:授权标识 。

 

商品管理:分为类目、品牌、属性、商品添加、商品管理

后台类目:商品类目一般分为前端类目和后台类目,目前只实现了后台类目

e54686560222a4c878d2195ab9b6683a8f5.jpg

 

品牌:品牌和商品类目是多对多的关系。

60b73a938898bb7d87579adcfc12e04fb25.jpg

属性:属性分为销售属性和普通属性,销售属性影响商品的价格。

5262159e78a70d6565030cbb75023246524.jpg

商品添加:

3f80d73c0c0a778856d6ece4e83d54739f7.jpg

d5350efac3430656d681c52ce2cbb41f575.jpg

 

 

前台可以通过链接:http://localhost:8080/#/goods?id=22 (id替换成新创建的商品id)进入商品详情页

4261cf7bf46ed3f07c98e648141f78b0b49.jpg

 

点击立即购买,未登录会引导去登录,登录成功后,就可以进入订单提交界面

a0978496d88cb92926c0230eab5932b069d.jpg

 

点击结算,就会跳到支付页面,按流程向下,会看到这个页面

ae14a1b9a527fb91139766b307c51189482.jpg

点击确认支付后,并输入交易密码,支付成功,点击完成,就会返回到我们的页面

666e875c4ae8903537f16591a499c3633fc.jpg

支付结果页面

06985867540f8af24823ded7b90704ebeb5.jpg

 

本地环境搭建:

后台服务源码地址:https://gitee.com/suzhe/ymall.git

后台管理系统源码地址:https://gitee.com/suzhe/ymall-manage.git

前台wap源码地址:https://gitee.com/suzhe/ymall-webapp.git

个别软件的windows版本:https://pan.baidu.com/s/1TGk4CbPCII2CdwJePutC4A

1、注册中心nacos:官网 https://nacos.io/zh-cn/docs/quick-start.html

点击startup即可启动

59676b3e84768f56f551c17ec34fd8eef64.jpg

2、rocketmq启动

windows 需要配置环境变量

172edbdbd650b48704be0735172ec3d986e.jpg

分别启动nameserver和broker

7ee45d9ad8d9394d0e736bc13b3a873d085.jpg

3、fastdfs:可以参考下面这篇文章

https://my.oschina.net/suzheworld/blog/2991071

4、mongo:可以参考下面这篇文章

https://my.oschina.net/suzheworld/blog/3031248

5、内网映射:支付返回和通知的地址,需要内网映射。

https://natapp.cn/

6、redis和zookeeper也需要搭建好。

pay-service下支付宝的沙箱环境配置需要修改成你的配置:

a2ab8867d131644d38536cfdaee4225b502.jpg

然后修改这些服务的相关配置文件

d4cd31447dc13079d112766affd0961e2a2.jpg

创建各个服务的数据表

418cbcdf681ba1c6f4e0584ace9ff512676.jpg

启动所有的服务。

后台管理:

安装依赖。

$ yarn install

如果网络状况不佳,可以使用 cnpm 进行加速,并使用 cnpm 代替 yarn

$ yarn run serve

启动完成后打开浏览器访问

 

前端wap源码:

同样需要执行yarn install和yarn run serve运行。

 

转载于:https://my.oschina.net/suzheworld/blog/3100116

  • 0
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值