1、随着线下门店数字化转型的加速,多门店连锁企业面临着统一管理、线上线下融合、会员服务一体化等挑战。众选商城项目旨在构建一个支持多门店独立运营又统一管理的SaaS化商城系统,帮助连锁品牌实现线上商城、门店管理、会员营销、订单配送等业务的数字化升级,提升运营效率和用户体验。
1、项目采用前后端分离架构,前端使用 uniapp 框架配合 uview UI组件库 实现多端兼容(小程序、H5、APP),后端基于微服务架构,使用Spring Cloud + MySQL + Redis进行开发。前端通过API网关统一请求路由,后端服务按业务模块划分,包括用户中心、商品服务、订单服务、门店服务、营销服务等。
2、我主要负责前端商城主模块的开发,包括商品列表、详情页、购物车和订单流程。使用uniapp + uview 实现了跨端兼容,完成了20+页面的开发与交互优化,购物车加载时间优化至1秒内,订单提交成功率提升至99.5%。同时封装了6个公共组件,提升了代码复用率和团队开发效率。
3、难点主要集中在多门店数据切换与状态同步上。例如,用户切换门店后,购物车商品需实时更新库存与价格。初期采用全局状态管理,但频繁切换导致性能下降。后来改为基于本地存储+接口缓存的方案,通过门店ID为key隔离数据,并设置缓存过期机制,有效解决了数据混乱和渲染卡顿的问题。此外,uview组件在部分安卓机型上存在样式兼容问题,通过定制主题和样式覆盖逐步修复。