# 1.购物商城介绍
# 1.1.项目介绍
- 购物商城是一个全品类的电商购物网站(B2C)。
- 用户可以在线购买商品、加入购物车、下单、秒杀商品
- 可以品论已购买商品
- 管理员可以在后台管理商品的上下架、促销活动
- 管理员可以监控商品销售状况
- 客服可以在后台处理退款操作
- 希望未来 3 到 5 年可以支持千万用户的使用
# 1.2.系统架构
# 1.2.1.架构图
购物商城架构缩略图,大图请参考课前资料:
DevOps
nginx 的负载均衡
CDN
# 1.2.2.系统架构解读
整个购物商城可以分为两部分:后台管理系统、前台门户系统。
后台管理:
- 后台系统主要包含以下功能:
- 商品管理,包括商品分类、品牌、商品规格等信息的管理
- 销售管理,包括订单统计、订单退款处理、促销活动生成等
- 用户管理,包括用户控制、冻结、解锁等
- 权限管理,整个网站的权限控制,采用 JWT 鉴权方案,对用户及 API 进行权限控制
- 统计,各种数据的统计分析展示
- 后台系统会采用前后端分离开发,而且整个后台管理系统会使用 Vue.js 框架搭建出单页应用(SPA)。
- 预览图:
- 后台系统主要包含以下功能:
前台门户
- 前台门户面向的是客户,包含与客户交互的一切功能。例如:
- 搜索商品
- 加入购物车
- 下单
- 评价商品等等
- 前台系统我们会使用 Nuxt 结合 Vue 完成页面开发。出于 SEO 优化的考虑,我们将不采用单页应用。
- 前台门户面向的是客户,包含与客户交互的一切功能。例如:
无论是前台还是后台系统,都共享相同的微服务集群,包括:
- 商品微服务:商品及商品分类、品牌、库存等的服务
- 搜索微服务:实现搜索功能
- 订单微服务:实现订单相关
- 购物车微服务:实现购物车相关功能
- 用户中心:用户的登录注册等功能
- 认证中心:用户权限及服务权限认证
- Eureka 注册中心
- Zuul 网关服务
- Spring Cloud Config 配置中心
- ...
# 1.3.技术选型
# 1.3.1.相关技术
前端技术:
- 基础的 HTML、CSS、JavaScript(基于 ES6 标准)
- Vue.js 2.0 以及基于 Vue 的 UI 框架:Vuetify
- 前端构建工具:WebPack
- 前端安装包工具:NPM
- Vue 脚手架:Vue-cli
- Vue 路由:vue-router
- ajax 框架:axios
- 基于 Vue 的富文本框架:quill-editor
后端技术:
- 基础的 SpringMVC、Spring 5.0 和 MyBatis3
- Spring Boot 2.0.1 版本
- Spring Cloud 最新版 Finchley.RC1
- Redis-4.0
- RabbitMQ-3.4
- Elasticsearch-5.6.8
- nginx-1.10.2
- FastDFS - 5.0.8
- MyCat
- Thymeleaf
- JWT
# 1.3.2.技术解读
上面的技术组合可以在项目中解决以下电商中的典型问题:
利用 Node.js 及 Vue.js 技术栈,实现前后端分离开发
利用 SpringCloud 技术栈,实现真正的微服务实战开发,并且是基于 SpringBoot2.0 和 SpringCloud 最新版本 Finchley.RC1 实现,业内领先。
贴近真实的电商数据库设计,解决全品类电商的 SPU 和 SKU 管理问题
基于 FastDFS 解决大数据量的分布式文件存储问题
基于 Elasticsearch 高级聚合功能,实现商品的智能过滤搜索
基于 Elasticsearch 高级聚合功能,实现销售业务的复杂统计及报表输出
基于 LocalStorage 实现离线客户端购物车,减轻服务端压力。
基于 JWT 技术及 RSA 非对称加密实现真正无状态的单点登录。
结合 JWT 和 RSA 非对称加密,自定义 Feign 过滤器实现自动化服务间鉴权,解决服务对外暴露的安全问题
基于阿里大于实现 SMS 功能,解决电商短信通知问题
基于 RabbitMQ 实现可靠消息服务,解决服务间通信问题
基于 RabbitMQ 实现可靠消息服务,解决分布式事务问题
使用微信 SDK 实现微信扫码支付,符合主流付款方式
基于 Redis 搭建高可用集群,实现可靠缓存服务即热点数据保存。
redis 持久化,集群,哨兵,主从,缓存击穿,热点 key。
基于 Redis 和 Mq 来应对高可用高并发的秒杀场景
基于 MyCat 实现数据库的读写分离和分库分表
发视频
基于 Thymeleaf 实现页面模板和静态化,提高页面响应速度和并发能力
基于 Nginx 实现初步的请求负载均衡和请求限流