癌症筛查与早诊培训平台 V1.0 · 12个关键页面线框图与交互逻辑说明
| 元素ID | 元素名称 | 说明 | 交互类型 |
|---|---|---|---|
| E1 | 登录方式切换 | 支持密码登录和短信验证码登录两种方式切换 | Tab切换 |
| E2 | 账号输入框 | 支持手机号/账号输入，实时校验格式 | 输入框 |
| E3 | 密码/验证码输入框 | 密码模式下为密码输入，验证码模式下为验证码输入+获取按钮 | 输入框+按钮 |
| E4 | 记住密码 | 勾选后记住登录状态，30天内免登录 | 复选框 |
| E5 | 登录按钮 | 点击提交登录请求，验证通过后跳转首页 | 按钮 |
| E6 | 忘记密码 | 跳转至找回密码页面 | 链接 |
| E7 | 注册入口 | 跳转至注册页面 | 链接 |
| 异常场景 | 处理方式 |
|---|---|
| 网络异常 | 显示"网络连接失败，请检查网络设置"提示，提供重试按钮 |
| 账号被锁定 | 连续5次密码错误后账号锁定30分钟，提示锁定剩余时间 |
| 验证码发送失败 | 提示"验证码发送失败，请稍后重试"，保持倒计时状态 |
| 多端登录冲突 | 提示"您的账号已在其他设备登录"，提供强制下线选项 |
| 元素ID | 元素名称 | 说明 | 交互类型 |
|---|---|---|---|
| E1 | 顶部导航栏 | 包含Logo、导航菜单（课程、答疑、考试、证书）、用户头像 | 导航 |
| E2 | Banner轮播 | 展示重要通知、推荐课程、活动等 | 轮播 |
| E3 | 分类筛选 | 按癌种、课程类型、难度等维度筛选课程 | 筛选器 |
| E4 | 课程卡片 | 展示课程封面、标题、讲师、学习人数、进度等 | 点击跳转 |
| E5 | 搜索框 | 支持关键词搜索课程 | 输入框 |
| E6 | 底部Tab栏 | 移动端底部导航，首页/课程/我的三个Tab | Tab切换 |
| 异常场景 | 处理方式 |
|---|---|
| 课程列表加载失败 | 显示错误提示和"点击重试"按钮，保留已加载的内容 |
| 网络断开 | 顶部显示网络异常提示条，已缓存内容可正常浏览 |
| 图片加载失败 | 显示默认课程封面图，不影响其他内容展示 |
| 交互功能 | 说明 |
|---|---|
| 播放控制 | 播放/暂停、快进快退、进度条拖拽 |
| 倍速播放 | 0.5x / 0.75x / 1.0x / 1.25x / 1.5x / 2.0x |
| 清晰度切换 | 标清 / 高清 / 超清，根据网络自动适配 |
| 全屏模式 | 支持网页全屏和浏览器全屏 |
| 学习进度 | 每10秒自动上报学习进度，断点续播 |
| 防拖拽 | 首次学习禁止快进未观看部分，复习时可自由拖拽 |
| 异常场景 | 处理方式 |
|---|---|
| 网络中断 | 暂停播放，显示"网络连接已断开"，恢复后自动续播 |
| 视频加载缓慢 | 显示缓冲动画，自动降低清晰度以保障流畅播放 |
| 页面意外关闭 | 自动保存当前播放位置，下次打开从上次位置继续 |
| 长时间无操作 | 5分钟无操作暂停播放，弹出"是否继续学习"提示 |
| 元素 | 说明 |
|---|---|
| 提问按钮 | 点击弹出提问弹窗，填写问题标题、详情、关联课程 |
| 分类Tab | 全部/我的/热门/直播答疑 四个分类切换 |
| 状态标签 | 待回答（红）/ 已回答（绿）/ 精选（金） |
| 问题卡片 | 展示问题标题、摘要、提问者、回答数、浏览量 |
| 数据项 | 说明 |
|---|---|
| 累计学习时长 | 统计所有课程的有效学习时长，精确到分钟 |
| 已完成课程 | 已100%完成学习的课程数量 |
| 学习中课程 | 已开始但未完成的课程数量 |
| 获得证书数 | 已通过审核发放的证书数量 |
| 作业完成率 | 已提交作业数 / 应提交作业数 |
| 考试通过率 | 通过考试数 / 参加考试数 |
| 功能 | 说明 |
|---|---|
| 证书编号 | 全国唯一编号，可在线验证真伪 |
| 二维码验证 | 扫描证书右下角二维码可验证证书有效性 |
| PDF下载 | 支持高清PDF格式下载，可打印 |
| 证书分享 | 支持生成分享卡片，分享至微信等平台 |
| 证书列表 | 展示所有已获得证书，按时间倒序排列 |
| 有效期提醒 | 证书到期前30天提醒续期培训 |
| 指标 | 说明 |
|---|---|
| 注册学员总数 | 平台累计注册学员数量 |
| 在线课程数 | 已发布上线的课程总数 |
| 累计学习时长 | 所有学员累计学习时长总和 |
| 已颁发证书数 | 已审核通过并发放的证书总数 |
| 培训基地数 | 已入驻的各级培训基地数量 |
| 专家人数 | 已认证的授课专家数量 |