云蜂场小程序产品系统

该项目服务于乡村振兴背景下的蜂产品垂直领域，通过小程序打通“源头认养-生产监控-直营销售-社交裂变”全链路。用户可在线认养蜂箱，远程查看蜂场实时数据（需配合硬件），认养到期自动触发蜂蜜采收与寄送；商城模块支持蜂蜜及衍生农副产品的在线购买；分销系统基于二级返佣机制，激励用户通过社交关系链推广产品，形成“农业溯源+私域电商”的闭环场景。项目核心价值在于：将传统蜂业非标化的信任问题，通过数字化手段转化为可视化、可溯源的消费体验，同时借助社交电商降低获客成本。

本小程序包含四大核心功能模块：
1. 认养模块：用户可选择不同周期的蜂箱认养方案（如半年/全年），支付认养费用后，系统记录认养周期。后台定时任务周期检查，到期后自动生成蜂蜜订单，触发物流发货流程，同时向用户推送服务通知，告知蜂蜜已寄出。
2. 商城模块：蜂蜜及农副产品展示、分类筛选、加入购物车、在线支付下单。订单状态实时追踪（待支付/待发货/运输中/已完成）。商品详情页集成Socket.io实时消息推送，动态展示“XX用户刚刚购买了XX斤蜂蜜”的购买动效，营造热销氛围，提升转化率。
3. 分销模块：二级分销体系。用户A邀请B成为下线，B邀请C成为下线。B产生购买时，A可获得一级佣金；C产生购买时，B获得一级佣金，A获得二级佣金。分销关系链通过树形结构存储，佣金结算支持提现申请与后台审核。
4. 用户中心：认养记录、购买订单、分销收益、收货地址、个人资料等统一管理，支持微信授权一键登录。

1. 本人负责部分：
独立负责整个小程序的全部前端开发工作，包括页面UI设计稿还原、交互逻辑实现、接口联调与数据渲染、打包发布及后续迭代维护。
2. 技术栈与架构：
- 开发框架：uni-app（跨端框架），基于 Vue 2编写，一套代码编译为微信小程序端运行。
- 组件库：uView-ui 快速搭建基础UI组件。
- 网络请求：封装 uni.request 统一接口层，支持请求拦截、Token自动注入、错误码统一处理、接口超时重试。
- 实时通信：集成 Socket.io，在商城商品详情页建立长连接，接收服务端推送的实时购买消息，触发页面动效。
- 状态管理：使用 Vuex管理用户登录态、购物车数据、分销关系链等全局状态。
- 分包加载：针对商城、认养、分销等业务模块采用分包策略，优化小程序首屏加载速度。

3. 实现亮点与难点：
- 亮点：在 uni-app 中成功集成 Socket.io，实现商城页「xxx刚刚购买了xx斤蜂蜜」的实时消息推送，通过监听生命周期（onLoad/onUnload）控制连接建立与断开，避免内存泄漏与无效连接占用。
- 难点一：Socket.io 在微信小程序环境下的长连接稳定性优化。微信小程序对 WebSocket 有并发限制和后台限制，通过设计心跳保活机制（定时发送ping包）和断线自动重连策略（指数退避），确保用户在商品页停留期间实时消息不中断。
- 难点二：分销关系树在前端的层级渲染。二级分销涉及上下级关系展示，使用递归组件渲染树形结构，同时配合计算属性实时统计各层级下线人数和预估佣金，保证页面响应流畅。