M

一、立项背景和目标 当下中小学生线上素质教育需求持续增长，传统线下授课存在地域限制、资源分配不均、课后学习跟踪困难等问题，线上授课平台缺口明显。本项目打造高途素养中小学生在线教育 App，目标是搭建稳定流畅的跨平台学习载体，打破线下教学空间壁垒，为中小学生提供系统化素养课程学习渠道，兼顾直播互动、自主学习、进度管理，提升学习趣味性与学习效率，同时保障多端设备适配性、高并发场景稳定性，统一团队开发规范，实现低成本高效迭代。 二、软件功能、核心功能模块介绍 本应用基于 React Native 实现 iOS、Android 双端跨平台开发，核心模块包含六大板块： 课程管理模块：统一管理上架课程、课时编排、课程资料下发，依托 Redux Toolkit+TypeScript 全局状态管控，实现课程数据实时同步； 直播课堂模块：集成 Agora 音视频 SDK，支撑师生实时连麦授课，优化音视频延迟与机型兼容性，适配高低端设备直播画质； 学习进度追踪模块：自动记录课时完成情况、习题完成数据，可视化展示学习轨迹，方便学生与家长复盘学习状态； 个性化推荐模块：采集用户学习行为数据构建推荐逻辑，搭配 React Query 做数据缓存与预加载，精准推送适配学情的素养课程； 用户管理模块：管控学员、教师账号权限，区分角色访问权限，保障账号数据安全； 课堂互动模块：涵盖课程评论、点赞、课程分享、实时弹幕、课堂聊天，借助 Framer Motion、Lottie 实现交互动画，Styled-Components 封装统一响应式 UI 组件，保证全端界面视觉统一。 配套技术能力：Axios 封装统一请求层，自带异常捕获与请求重试；自定义虚拟列表组件优化长列表滚动性能；ESLint+Prettier 规范团队编码风格，提升代码可维护性。 三、业务流程、功能路径描述 用户完成账号登录后，进入首页由个性化推荐模块推送适配课程，可进入课程专区浏览全部课程并预约报名；报名成功后跳转课程管理页查看已购课时，按时进入 Agora 直播课堂参与线上授课，课堂内可发送弹幕、评论互动、连麦提问；课程学习过程中系统自动记录学习时长、完成节点，同步至学习进度模块生成学习报告；课后支持对课程点赞、评论、分享课程链接，所有列表数据采用虚拟列表懒加载 + React Query 缓存，页面跳转依托 React Navigation 嵌套动态路由完成，全链路数据请求经 Axios 统一封装交互，高并发弹幕通过 Socket.IO 接收消息并轻量化渲染，全程保障交互流畅、数据稳定同步。