SpringCloud+SpringBoot b2b2c 分佈式微服務商城電商之手機端VR全景去逛街模塊設計分析

近期我參與了公司電子商務平臺中“去逛街”模塊設計, 電商平臺“去逛街”模塊注重的是周邊店面,根據用戶當前位置或者切換到具體位置後,系統會自動搜索到附近各個行業的店面,顯示方式: 列表、地圖模式,詳解如下:

一、 “去逛街”功能模塊:

  1. 左上角定位(調用騰訊地圖)
  2. 地圖位置切換(附近位置列表)
  3. 點擊搜索調出騰訊地圖,可以通過地圖組件搜索具體位置並確認經緯度
  4. 店鋪搜索(按照店鋪名稱搜索)
  5. 店鋪列表展示(按照普通列表模式和地圖模式):店鋪logo、店鋪名稱、評分、銷量、距離、展示圖片等
  6. 多維度列表查詢: 綜合排序、評分最高、距離最近、篩選條件: 品牌商家、新店、行業(旅遊、教育培訓、養生、瑜伽、餐飲、酒店、生鮮水果、生活服務…)

功能截圖如下:

 

 

二、進入店鋪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

以上是我的一點總結,希望能夠幫助到更多的朋友瞭解分佈式微服務電子商務平臺去逛街模塊設計!

看完如果對你有幫助,感謝點贊支持!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章