🎓
在线教育平台H5移动端功能演示
教育培训 · 上传者 驰旭教育 · 更新于 2026-07-16
移动端网页
会员专享 H5移动端在线教育课程
6浏览
0下载
0点赞
2026-07-16更新
⚠ 版权与免责声明
本资源由社区用户「驰旭教育」上传分享，版权归原作者所有。
· 本站内容仅限个人学习与研究使用，严禁用于任何商业用途。
· 下载后请于 24 小时内删除或销毁，逾期风险自负。
· 因参考、运行本站代码产生的任何损失，本站不承担赔偿责任。
· 如涉及侵权，请联系我们，核实后 48 小时内下架。
· 源代码演示数据中的 人名、企业名称、机构、产品、联系方式等信息，均属于在学习研究时的测试模拟数据，与现实中的同名任何个人、企业、组织无任何关联；若有雷同，纯属巧合。如这些内容无意中侵犯您的合法权益，请联系我们，核实后将及时删除或更改。
功能介绍
- 发现好课：搜索/分类筛选、限时特惠 Banner、继续学习、热门课程双列卡片
- 课程列表：6 门课程横卡展示、综合/最新/最热/价格排序、标签与评分
- 购买课程：课程封面与价格、优惠券选择、支付方式、金额明细、确认支付
- 视频学习：播放器 UI、当前播放进度、目录章节树、跳转记笔记
- 学习笔记：记录到当前时间点的编辑器、历史笔记列表、关联视频时间点
- 上传视频资料：拖拽上传入口、上传进度条、已上传视频/附件/讲义管理
- 章节管理：课程章节目录、发布状态、新增章/新增小节、保存发布
- 分类管理：一级/二级分类树、课程数统计、新增分类入口
- 订单管理：今日订单/成交额/退款/成功率看板、订单卡片（订单号/买家/金额/状态）
- 9 个独立 HTML 文件（首页/课程列表/购买/视频/笔记/上传/章节/分类/订单）+ 共享 style.css，底部导航按角色切换
- 截图 9 张，覆盖学生端、讲师端与后台全部功能
界面预览
源码结构
index.html
courses.html
buy.html
video.html
notes.html
upload.html
chapters.html
category.html
orders.html
style.css
详细说明
在线教育平台 H5，每个功能独立 HTML 文件，含学生端（发现好课/课程列表/购买/视频/笔记）、讲师端（上传资料/章节管理）、后台（分类管理/订单管理），全部中文，数据为演示数据。
下载压缩包后解压，按源码内 README 配置 AppID / 接口地址 / 云环境，使用对应开发者工具导入即可预览。如遇问题可在评论区留言，由上传者与其他社区成员交流答疑。
用户评论 （0）
还没有评论，来抢沙发～