喵扎特跑步是一款面向跑步爱好者的俱乐部社交平台,旨在为跑步俱乐部提供数字化管理工具,促进跑者之间的交流互动。
核心功能模块包括:
1. 俱乐部管理:支持俱乐部创建、成员管理、权限分级、数据统计、月报生成等完整的俱乐部运营功能
2. 活动系统:支持多种活动类型(常规跑步活动、打卡挑战、PK对战、投票比赛),包含活动发布、报名管理、成绩记录、排行榜等
3. 社交动态:类似朋友圈的动态发布系统,支持图文发布、点赞评论、内容审核
4. 消息系统:私信聊天、系统通知、活动提醒等消息功能
5. 个人中心:跑步数据统计、目标设定、成就系统、设备绑定(运动手表)
业务流程:用户注册登录→加入/创建俱乐部→参与活动/发布动态→记录跑步数据→查看统计排名→获得成就奖励
技术架构:采用uni-app跨平台框架开发,支持微信小程序、H5、App多端发布。前端使用Vue.js 2.x + Vuex状态管理 + uView UI组件库,后端采用微信云开发 + RESTful API。使用分包加载优化小程序包体积,共拆分为6个功能分包。
我负责的模块:
- 独立完成整个前端架构设计和核心模块开发
- 开发活动系统全流程(创建、报名、成绩录入、排行榜),涉及15+页面
- 实现俱乐部管理模块,包含成员权限、数据统计、月报导出功能
- 封装全局HTTP请求拦截器,实现双Token认证机制(用户Token/俱乐部Token)
- 完成图片上传、裁剪、压缩等文件处理功能
遇到的难点及解决方案:
1. 小程序包体积超限问题:通过uni-app分包机制拆分6个子包,主包控制在2MB以内
2. 多平台兼容性:使用条件编译处理微信/H5/App的API差异,封装统一调用接口
3. 复杂表单状态管理:设计草稿自动保存机制,使用Vuex+本地存储实现数据持久化
4. 活动数据实时性:采用轮询+WebSocket结合方案,保证排行榜数据及时更新