近期我参与了公司电子商务平台中“去逛街”模块设计, 电商平台“去逛街”模块注重的是周边店面,根据用户当前位置或者切换到具体位置后,系统会自动搜索到附近各个行业的店面,显示方式: 列表、地图模式,详解如下:
一、 “去逛街”功能模块:
- 左上角定位(调用腾讯地图)
- 地图位置切换(附近位置列表)
- 点击搜索调出腾讯地图,可以通过地图组件搜索具体位置并确认经纬度
- 店铺搜索(按照店铺名称搜索)
- 店铺列表展示(按照普通列表模式和地图模式):店铺logo、店铺名称、评分、销量、距离、展示图片等
- 多维度列表查询: 综合排序、评分最高、距离最近、筛选条件: 品牌商家、新店、行业(旅游、教育培训、养生、瑜伽、餐饮、酒店、生鲜水果、生活服务…)
功能截图如下:
二、进入店铺VR展示模式(真正体验去逛街)
平台使用VR全景技术,点击VR店铺展示图片,可以进入店铺VR全景模式观看店铺VR实景,我就拿商城中的瑜伽馆(商家为例),如下图:
VR全景改变了传统电商购物模式、增强了用户视觉感、让实体变成虚拟、让虚拟真实体验,VR全景平台改变了生活,它是5G互联网真正的产物!
平台、技术、架构、设计思想
1. 涉及平台
平台管理、商家端(PC端、手机端)、买家平台(H5/公众号商城、小程序商城、APP端(IOS/Android)、微服务平台(业务服务)、系统服务(SpringCloud相关:Eureka、Config、Gateway)
2. 核心架构
Spring Cloud、Spring Boot、Mybatis、Redis、RabbitMQ、
3. 前端框架
VUE、Uniapp、Bootstrap/H5/CSS3、IOS、Android、小程序
4. 核心思想
分布式、微服务、云架构、模块化、原子化、热插拔
5. 开发模式
前后端分离、微服务开发、持续集成、集群部署、前后端分离、支持阿里Docker
以上是我的一点总结,希望能够帮助到更多的朋友了解分布式微服务电子商务平台去逛街模块设计!
看完如果对你有帮助,感谢点赞支持!