近期我参与了公司电子商务平台中“去逛街”模块设计, 电商平台“去逛街”模块注重的是周边店面,根据用户当前位置或者切换到具体位置后,系统会自动搜索到附近各个行业的店面,显示方式: 列表、地图模式,详解如下:
一、 “去逛街”功能模块:
- 左上角定位(调用腾讯地图)
- 地图位置切换(附近位置列表)
- 点击搜索调出腾讯地图,可以通过地图组件搜索具体位置并确认经纬度
- 店铺搜索(按照店铺名称搜索)
- 店铺列表展示(按照普通列表模式和地图模式):店铺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
以上是我的一点总结,希望能够帮助到更多的朋友了解分布式微服务电子商务平台去逛街模块设计!
看完如果对你有帮助,感谢点赞支持!
相关推荐
采用目前主流的微服务系统架构 SpringBoot+SpringCloud+SpringData进行开发,前端技术采用Vue.js 。系统整体分为 三大部分:微服务、网站前台、网站管理后台。功能模块包括文章、问答、招聘、活 动、吐槽、交友、...
基于java的VR全景图+Opengl3D模型展示源码
使用threejs开发,手机端VR全景图,IOS13版本点击按钮“启动IOS全景“同样可以使用,但是有点需说明,必须使用https协议才能使用手机端陀螺仪,老版本安卓不需要HTTPS,但是新版本安卓都升级了浏览器,都必须使用...
可以在手机、PAD、PC、触摸一体机等各种终端进行展示,让全景展示变得随心所欲,无处不在,真正实现指尖上的展示。强大的多终端展示,随时随地全景呈现,多途径传播。通过晃动手机改变重力,全景展示随重力的改变而...
已测,完整可,用
vr全景漫游管理系统,JavaScript源码
【已实测】2020年版本,2021年11月修改,含数据库,导入即可用,支持二次开发、支持SSL、支持阿里云OSS和七牛云KODO云存储、... vr.yourdomin.cn/config/config.php 修改数据库名称、用户名、密码后导入下载的.sql文件
unity 360全景VR播放器源码360 VR Player Starter Kit
720Think-VR全景-智慧景区-VR全景行业解决方案.pdf720Think-VR全景-智慧景区-VR全景行业解决方案.pdf720Think-VR全景-智慧景区-VR全景行业解决方案.pdf720Think-VR全景-智慧景区-VR全景行业解决方案.pdf720Think-VR...
VR全景可视化制作-1.0.28,VR全景可视化制作-功能模块+新增全局开关+支持全景背景MP3跟场景解说同时存在
仿720全景云系统krpano源码cdn七牛云转存带全景拍摄教程制作软件仿720全景云系统krpano源码cdn七牛云转存带全景拍摄教程制作软件
全新VR全景网站系统源码支持小程序+搭建教程
案例VR全景图:效果+源码
元宇宙初探React+Three.js制作3D全景漫游.zip元宇宙初探React+Three.js制作3D全景漫游.zip元宇宙初探React+Three.js制作3D全景漫游.zip元宇宙初探React+Three.js制作3D全景漫游.zip元宇宙初探React+Three.js制作3D...
深度互动功能 通过图片、文字、音乐、解说等方式,更好的全面展示企事业形象及产品的细节...电商行业:电商宝贝360度实景展示,宝贝细节的全景展示 中小企业:一般来说,需要做企业网站的客户,都有做全景展示的需求
VR全景-大型商场-VR全景行业方案.docxVR全景-大型商场-VR全景行业方案.docxVR全景-大型商场-VR全景行业方案.docxVR全景-大型商场-VR全景行业方案.docxVR全景-大型商场-VR全景行业方案.docxVR全景-大型商场-VR全景...
最新仿720云全景制作源码,云全景网站源码,全景源码系统
“互联网 ”背景下VR电商的风险预测分析.pdf
VR全景可视化制作v1.0.41源码
公众号应用 VR全景可视化制作v1.0.29源码