豆伴匠 APP

教育高等教育案例ID：240995

6 年经验· 豆神教育

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

案例介绍

豆伴匠

项目简介：豆伴匠是一款面向在线教育的前端应用，支持直播课程、课程管理、订单管理、用户管理等功能。系统主打实时直播、权益兑换、多端适配等核心能力，为用户提供便捷的在线学习体验。

技术栈： Vue 2、Vuex、Vue Router、Axios、Vant、ECharts、Moment、Weixin JS SDK

我的角色：前端开发工程师（2022.01-2024.03）

主要职责：

直播功能模块开发：实现直播预约、权益兑换、直播观看等核心功能，支持本期直播和往期回放管理，通过版本校验和流程优化提升用户体验；
订单管理优化：实现第三方订单绑定，增加视频号订单绑定及订单查看指引，解决iPhone X滑动卡顿问题，提升系统稳定性；
模块化架构设计：按功能分离职责，实现模块化的路由配置、状态管理和API调用，显著提高代码可维护性与开发效率；
多端适配与微信生态集成：通过设备检测和版本校验实现多端适配，集成微信授权、分享等功能，提升用户使用便捷性；
代码结构与性能优化：通过组件化设计、状态管理优化和资源清理等措施，提高系统运行效率和稳定性；
多功能模块开发：参与课程管理、权益管理、活动管理、AI规划等功能模块的开发与优化。
项目亮点：直播+权益兑换闭环是该产品的核心商业模式，涉及微信生态深度集成（授权、分享、JS SDK）；模块化架构设计为后续功能迭代提供了良好的扩展基础；多端适配方案覆盖了不同设备与浏览器环境。