变更记录

记录每次修订的内容,方便追溯。

版本 修订内容 作者 发布日期
v1.0 完成文档 @朽木白(xiumubai) 2022-09-20

1. 背景介绍

1.1 业务背景

查看课程详细信息,并且可以购买课程。

1.2 业务场景

展示课程详情,购买课程,学习课程。

2. 产品概述

2.1 产品定位

场景下,提供**能力,服务**对象的一款产品。

提升用户转化率

2.2 服务对象

面向全国0基础学员

3. 需求说明

3.1 需求列表

列出本次需求的明细列表

需求 模块 目标 优先级
信息展示 课程详情 展示课程信息,目录,评论等 P0
购买 支付 购买课程 P0
收藏 收藏 收藏课程 P0

3.2 需求明细

3.2.1 信息展示P0

模块 需求说明 图示
基础信息
- Logo
- 价格
- 购买人数
- 课程标题
- tag
image.png
介绍(tab)
- 讲师介绍:头像、描述,点击跳转到讲师详情
- 课程详情:后端返回html直接进行渲染

image.png
目录(tab)
- 课程目录列表
- 点击目录可以跳转到对应视频播放页面,具体看文档
- 未购买无法播放,展示小锁,如图:image.png点击提示购买
image.png
评价(tab)
- 评论列表展示信息
- 学员avatar
- 学员名称
- 评论日期
- 评论内容
- 评分(假数据)
- 查看全部:点击跳转到评论页面(具体看文档)
image.png
吸顶和锚点定位
- tab吸顶
- 点击不同的tab页面滚动跳转到对应的展示区域

3.2.2 支付

模块 需求说明 图示
点击购买|去学习-需要登陆
- 点击购买:跳准到支付页面,创建订单去支付
- 如果该课程已支付,按钮显示:去学习,点击跳转到对应的视频播放页面,默认播放第一条视频
- 具体支付页面请查看支付
image.png

3.3.3 收藏

模块 需求说明 图示
收藏-需要登陆
- 点击收藏按钮,文字变成已收藏,样式如下:image.png
- 点击已收藏,文字变成收藏,样式如下:image.png
- 收藏列表具体看文档:
image.png

4. 人员&排期

产品 朽木白
设计 朽木白
研发 朽木白
运营

05-课程详情 - 图10