源码获取：ym7k.com/11811/

在线教育平台功能清单

一、首页模块（左图）

1. 顶部搜索栏：支持用户输入关键词快速检索课程，右侧配置搜索按钮，提升课程查找效率。
2. 核心标签区：展示“金牌导师”“绝对干货”“学员互动”“数据贯通”四大特色标签，直观呈现平台教学优势。
3. 课程分类入口：
   • 免费课程：蓝色图标入口，点击可浏览平台免费开放的学习资源。
   • VIP课程：红色图标入口，提供会员专属的付费精品课程。
   • 线下课程：橙色图标入口，展示线下实体培训班的报名及详情。
   • 线上互动：浅蓝色图标入口，支持用户参与直播课、在线答疑等互动学习活动。
4. 个性化推荐区：
   • 猜你喜欢：基于用户浏览或学习记录，智能推荐相关课程（如示例中的“Java从入门到放弃”），显示课程封面、名称、学习人数及价格（¥1.00），右侧“换一换”按钮支持刷新推荐内容，“更多>”可展开查看完整推荐列表。
   • 精品课程：展示平台精选优质课程，布局与“猜你喜欢”一致，突出课程核心信息（名称、简介、学习人数、价格），右侧“更多>”支持查看更多精品内容。
5. 底部导航栏：包含“首页”（当前选中，红色高亮）、“课程”“线下课程”“发现”“我的”五个主入口，实现页面间快速跳转。

二、“我的”页面模块（中图）

1. 用户登录区：顶部显示“请登录”提示，引导用户完成账号登录，登录后展示用户昵称及头像。
2. 资产与成就展示：
   • 余额：显示用户账户可用余额（示例为0.00），支持充值或查看消费明细。
   • 积分：展示累计积分（示例为0），可用于兑换课程或权益。
   • 学习成就：记录用户完成的学习里程碑（示例为0），激励用户持续学习。
   • 优惠券：展示可用优惠券数量（示例为0），方便用户在购课时抵扣费用。
3. 会员推广区：横幅广告“会员 给你1个学习的平台”，搭配“成为会员”按钮，引导用户开通会员享受专属权益。
4. 我的课程管理：
   • 线上课程：图标入口，查看已购买的在线课程列表及学习进度。
   • 线下课程：图标入口，管理报名的线下培训班信息。
   • 退款：图标入口，提交课程退款申请并查看处理进度。
   • 收藏：图标入口，查看收藏的课程，方便后续学习。
5. 我的服务功能区：
   • 签到：每日签到获取积分或奖励，提升用户活跃度。
   • 我的积分：查看积分明细及兑换记录。
   • 我的足迹：记录用户浏览过的课程，方便回溯查找。
   • 我的佣金：展示通过推广课程获得的佣金收益。
   • 我的团队：查看邀请的好友或团队成员信息（适用于推广功能）。
   • 学习记录：详细记录用户的学习时长、课程进度等数据。
   • 我的评论：管理用户对课程的评价及回复。
   • 学习券：查看可用的课程抵扣券或兑换券。
   • 分享好友：生成分享链接或海报，邀请好友注册学习。
   • 帮助中心：提供常见问题解答及操作指南。
   • 投诉建议：提交使用过程中的问题或改进建议。
   • 官方热线：展示平台客服电话，支持一键拨打咨询。
6. 底部导航栏：与首页一致，当前“我的”标签红色高亮，支持页面切换。

三、课程列表模块（右图）

1. 顶部筛选栏：
   • 全部：默认选中，展示平台所有课程。
   • 免费：筛选免费课程，满足预算有限用户的学习需求。
   • VIP：筛选会员专属课程，突出付费内容。
   • 热门好评：按课程热度及用户评价排序，展示优质热门课程。
   • 视频：筛选以视频形式呈现的课程，方便用户选择学习形式。
2. 课程分类侧边栏：左侧垂直排列“编程语言”“计算机”“音乐”等分类，当前“编程语言”选中，点击可切换不同学科领域的课程。
3. 课程展示区：
   • 课程卡片：展示单个课程的封面图、名称（如“Java从入门到放弃”）、简介（“Java最通用的编程语言，快...”）、学习人数（“0人学习过”）及价格（¥1.00）。
   • 内容统计：顶部显示“共1个内容”，告知当前筛选条件下的课程数量。
   • 分隔提示：“——我是有底线的——”标识课程列表结束，避免用户误判内容加载状态。
4. 底部导航栏：与前两页一致，当前“课程”标签红色高亮，保持导航一致性。