明月镜片小程序

医疗健康专科门户案例ID：248956

乔治巴顿

9 年经验· 上海美萌软件科技有限公司

微信扫码沟通，客服可协助直接对接工程师；如当前档期不合，也可继续推荐相似案例作者。

案例介绍

行业场景
1、镜片产品型号与参数较多，消费者缺少专业、直观的了解渠道，选购时难以快速匹配自身需求，品牌科普内容与产品信息也较为分散。
2、市场存在产品真伪难辨、授权门店不好找的问题。消费者购买后缺少便捷可靠的验真入口，也难以根据位置、服务能力和授权产品筛选正规门店，影响购买信任与服务体验。
3、品牌总部需要统一管理镜片、门店、活动和用户数据。传统人工维护容易出现信息更新不及时、门店与产品关联混乱、运营效果无法量化等问题，亟需建设集防伪验真、产品展示、门店服务、内容运营和数据分析于一体的数字化平台。

功能介绍
1、用户端提供微信授权登录、镜片扫码防伪、验真结果查询、镜片分类与参数展示、产品详情、关键词搜索及收藏功能，帮助消费者快速了解产品并确认购买镜片真伪。
2、提供附近授权门店定位、条件筛选、门店详情、地图导航、电话咨询及明月精选榜；同时支持品牌活动、眼健康科普、帮助中心、消息通知、活动关注和意见反馈，形成完整的品牌服务入口。
3、管理后台统一维护用户、镜片分类、产品参数、授权门店、门店服务、榜单、活动及科普内容，支持产品与门店批量关联、导入导出、上下架和排序；并提供防伪记录、用户行为、收藏关注、搜索数据、角色权限及操作日志管理。

项目实现
1、负责项目整体需求拆解、接口设计及前后端联调。后端采用 Java、Spring Boot 多模块架构，按用户、镜片、门店、活动、内容和系统管理划分业务模块，统一处理登录鉴权、参数校验、异常响应、分页查询及数据导入导出，分别为微信小程序和运营后台提供 REST 接口。
2、小程序采用 Taro 3、React 18、TypeScript 开发，封装统一请求层和多环境配置，实现微信授权登录、扫码验真、镜片分类与详情、附近门店定位筛选、地图导航、收藏关注、活动科普及消息中心。针对定位授权、坐标转换、复杂筛选和多端页面兼容进行了专项处理。
3、管理后台采用 Vue 3、Vite、Element Plus、Pinia 和 ECharts，实现镜片、门店、活动、内容及用户的全流程管理，并接入角色权限、操作日志和数据统计。重点解决产品与门店多维关联、批量导入校验、上下架状态一致性及关联数据分页导出问题，保障大批量运营数据处理的准确性与可维护性。