SpringCloud+SpringBoot b2b2c 分散式微服務商城電商之VR全景去逛街模組設計分析

看我個人簡介發表於2021-06-04

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

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

  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

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

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


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70001583/viewspace-2775567/,如需轉載,請註明出處,否則將追究法律責任。

相關文章