源码获取：ym7k.com/11811/

在线教育平台功能清单

一、首页模块

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

二、“我的”页面模块

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

三、课程列表模块

• 顶部导航栏：标题“课程列表”，明确当前页面功能。
• 课程分类筛选：
  • 一级分类：顶部标签栏包含“全部”（当前选中，红色高亮）、“免费”“VIP”“热门好评”“视频”，支持按课程属性筛选。
  • 二级分类：左侧侧边栏展示“全部”“编程语言”“计算机”“音乐”等细分领域，点击可切换分类，右侧内容区实时刷新对应课程。
• 课程展示区：
  • 课程卡片：显示课程封面、名称（如“Java从入门到放弃”）、简介（“Java最通用的编程语言，快...”）、学习人数（“0人学习过”）及价格（“¥1.00”）。
  • 底部提示：“我是有底线的”，表示当前分类下课程已全部加载完毕。
• 底部导航栏：与首页、“我的”页面一致，包含“首页”“课程”（当前选中，红色高亮）“线下课程”“发现”“我的”五个主入口。