需求描述

功能描述

1.确认购物车信息及总价

2.进入下一步支付

界面

界面元素


名称 用途 显示 交互
购课步骤
展示 123

购物车摘要

支付信息

订单信息

1.页面跳转,步骤高亮显示
购物车摘要 展示

课程图像,课程标题,课程主题,课程难易程度,课程价格

分配学生姓名

购物车总价

确认 进入支付信息页面 【确认】按钮

1.点击按钮,进入【支付信息】.

2.当用户未登录时,进入【登录】,登录成功后返回此页面再次点击确认进入支付信息


验收标准
历史记录  
  1. 2022-04-24 16:42:11, 由 kyxia 创建。
  2. 2022-04-25 11:18:43, 由 kyxia 变更。
    修改了 版本号,旧值为 "1",新值为 "2"。
    修改了 描述 ,区别为:
    001-
    001+ 功能描述
    002+ 1.确认购物车信息及总价
    003+ 2.进入下一步支付
    004+ 界面
    005+ <img src="/zentao/file-read-6664.png" alt="" />
    006+ 界面元素
    007+
    008+ 名称
    009+ 用途
    010+ 显示
    011+ 交互
    012+ 购课步骤
    013+ 展示
    014+ 123购物车摘要
    015+ 支付信息
    016+ 订单信息
    017+
    018+ 1.页面跳转,步骤高亮显示
    019+ 购物车摘要
    020+ 展示
    021+
    022+ 课程图像,课程标题,课程主题,课程难易程度,课程价格
    023+ 分配学生姓名
    024+ 购物车总价
    025+
    026+
    027+ 确认
    028+ 进入支付信息页面
    029+ 【确认】按钮
    030+ 1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息】
    031+
    001-
    001+ <h3>功能描述</h3>
    002+ <p>1.确认购物车信息及总价</p>
    003+ <p>2.进入下一步支付</p>
    004+ <h3>界面</h3>
    005+ <p><img src="/zentao/file-read-6664.png" alt="" /></p>
    006+ <h3>界面元素</h3>
    007+ <p>
    008+ </p><table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    009+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    010+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    011+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    012+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">购课步骤<br /></td>
    013+ <td style="border:1px solid #ddd;">展示</td>
    014+ <td style="border:1px solid #ddd;">123<br /><p>购物车摘要</p>
    015+ <p>支付信息</p>
    016+ <p>订单信息</p>
    017+ </td>
    018+ <td style="border:1px solid #ddd;">1.页面跳转,步骤高亮显示</td>
    019+ </tr><tr><td style="border:1px solid #ddd;">购物车摘要</td>
    020+ <td style="border:1px solid #ddd;">展示</td>
    021+ <td style="border:1px solid #ddd;">
    022+ <p>课程图像,课程标题,课程主题,课程难易程度,课程价格</p>
    023+ <p>分配学生姓名</p>
    024+ <p>购物车总价</p>
    025+ </td>
    026+ <td style="border:1px solid #ddd;">无</td>
    027+ </tr><tr><td style="border:1px solid #ddd;">确认</td>
    028+ <td style="border:1px solid #ddd;">进入支付信息页面</td>
    029+ <td style="border:1px solid #ddd;">【确认】按钮</td>
    030+ <td style="border:1px solid #ddd;">1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息</a>】</td>
    031+ </tr></tbody></table><p><br /></p>
  3. 2022-04-25 14:00:00, 由 kyxia 编辑。
    修改了 所属计划,旧值为 "",新值为 "44"。
    修改了 所处阶段,旧值为 "wait",新值为 "planned"。
  4. 2022-04-25 14:00:33, 由 kyxia 关联到项目 MathConcept
  5. 2022-05-19 11:46:49, 由 kyxia 变更。
    修改了 版本号,旧值为 "2",新值为 "3"。
    修改了 描述 ,区别为:
    005-
    005+ <img src="/zentao/file-read-6664.png" alt="" />
    007-
    007+
    008- 名称
    008+ 名称
    009- 用途
    009+ 用途
    010- 显示
    010+ 显示
    011- 交互
    011+ 交互
    012- 购课步骤
    012+ 购课步骤
    013- 展示
    013+ 展示
    014- 123购物车摘要
    014+ 123购物车摘要
    015- 支付信息
    015+ 支付信息
    016- 订单信息
    016+ 订单信息
    017-
    017+
    018- 1.页面跳转,步骤高亮显示
    018+ 1.页面跳转,步骤高亮显示
    019- 购物车摘要
    019+ 购物车摘要
    020- 展示
    020+ 展示
    021-
    021+
    022- 课程图像,课程标题,课程主题,课程难易程度,课程价格
    022+ 课程图像,课程标题,课程主题,课程难易程度,课程价格
    023- 分配学生姓名
    023+ 分配学生姓名
    024- 购物车总价
    024+ 购物车总价
    025-
    025+
    026-
    026+
    027- 确认
    027+ 确认
    028- 进入支付信息页面
    028+ 进入支付信息页面
    029- 【确认】按钮
    029+ 【确认】按钮
    030- 1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息】
    030+
    031-
    031+ 1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息】.
    032+ 2.当用户未登录时,进入【<a href="/zentao/story-view-1710.html" target="_blank" rel="noreferrer noopener">登录】,登录成功后返回此页面再次点击确认进入支付信息
    033+
    034+
    005- <p><img src="{6664.png}" alt="" /></p>
    005+ <p><img src="/zentao/file-read-6664.png" alt="" /></p>
    007- <p>
    007+ <p><br /></p>
    008- </p><table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    008+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    009- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    009+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    010- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    010+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    011- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    011+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    012- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">购课步骤<br /></td>
    012+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">购课步骤<br /></td>
    013- <td style="border:1px solid #ddd;">展示</td>
    013+ <td style="border:1px solid #ddd;">展示</td>
    014- <td style="border:1px solid #ddd;">123<br /><p>购物车摘要</p>
    014+ <td style="border:1px solid #ddd;">123<br /><p>购物车摘要</p>
    015- <p>支付信息</p>
    015+ <p>支付信息</p>
    016- <p>订单信息</p>
    016+ <p>订单信息</p>
    017- </td>
    017+ </td>
    018- <td style="border:1px solid #ddd;">1.页面跳转,步骤高亮显示</td>
    018+ <td style="border:1px solid #ddd;">1.页面跳转,步骤高亮显示</td>
    019- </tr><tr><td style="border:1px solid #ddd;">购物车摘要</td>
    019+ </tr><tr><td style="border:1px solid #ddd;">购物车摘要</td>
    020- <td style="border:1px solid #ddd;">展示</td>
    020+ <td style="border:1px solid #ddd;">展示</td>
    021- <td style="border:1px solid #ddd;">
    021+ <td style="border:1px solid #ddd;">
    022- <p>课程图像,课程标题,课程主题,课程难易程度,课程价格</p>
    022+ <p>课程图像,课程标题,课程主题,课程难易程度,课程价格</p>
    023- <p>分配学生姓名</p>
    023+ <p>分配学生姓名</p>
    024- <p>购物车总价</p>
    024+ <p>购物车总价</p>
    025- </td>
    025+ </td>
    026- <td style="border:1px solid #ddd;">无</td>
    026+ <td style="border:1px solid #ddd;">无</td>
    027- </tr><tr><td style="border:1px solid #ddd;">确认</td>
    027+ </tr><tr><td style="border:1px solid #ddd;">确认</td>
    028- <td style="border:1px solid #ddd;">进入支付信息页面</td>
    028+ <td style="border:1px solid #ddd;">进入支付信息页面</td>
    029- <td style="border:1px solid #ddd;">【确认】按钮</td>
    029+ <td style="border:1px solid #ddd;">【确认】按钮</td>
    030- <td style="border:1px solid #ddd;">1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息</a>】</td>
    030+ <td style="border:1px solid #ddd;">
    031- </tr></tbody></table><p><br /></p>
    031+ <p>1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息</a>】.</p>
    032+ <p>2.当用户未登录时,进入【<a href="/zentao/story-view-1710.html" target="_blank" rel="noreferrer noopener">登录</a>】,登录成功后返回此页面再次点击确认进入支付信息</p>
    033+ </td>
    034+ </tr></tbody></table><p><br /></p>
  6. 2022-05-28 15:37:30, 由 kyxia 变更。
    修改了 版本号 ,旧值为 "3",新值为 "4"。
    修改了 研发需求名称,区别为:
    001- 确认购物车
    001+ 确认订单
    001- 确认购物车
    001+ 确认订单
    修改了 描述 ,区别为:
    002- 1.确认购物车信息及总价
    002+ 1.确认订单信息及总价
    005-
    005+ <img src="/zentao/file-read-6664.png" alt="" />
    002- <p>1.确认购物车信息及总价</p>
    002+ <p>1.确认订单信息及总价</p>
    005- <p><img src="{6664.png}" alt="" /></p>
    005+ <p><img src="/zentao/file-read-6664.png" alt="" /></p>
  7. 2022-05-28 15:47:11, 由 kyxia 变更。
    修改了 版本号,旧值为 "4",新值为 "5"。
    修改了 描述 ,区别为:
    005-
    005+ <img src="/zentao/file-read-6664.png" alt="" />
    006- 界面元素
    006+
    007-
    007+ <img src="/zentao/file-read-6841.png" alt="" />
    008- 名称
    008+ 界面元素-(图1)从购物车进入此页面
    009- 用途
    009+
    010- 显示
    010+ 名称
    011- 交互
    011+ 用途
    012- 购课步骤
    012+ 显示
    013- 展示
    013+ 交互
    014- 123购物车摘要
    014+ 购课步骤
    015- 支付信息
    015+ 展示
    016- 订单信息
    016+ 123购物车摘要
    017-
    017+ 支付信息
    018- 1.页面跳转,步骤高亮显示
    018+ 订单信息
    019- 购物车摘要
    019+
    020- 展示
    020+ 1.页面跳转,步骤高亮显示
    021-
    021+ 订单摘要
    022- 课程图像,课程标题,课程主题,课程难易程度,课程价格
    022+ 展示
    023- 分配学生姓名
    023+
    024- 购物车总价
    024+ 课程图像,课程标题,课程主题,课程难易程度,课程价格
    025-
    025+ 分配学生姓名
    026-
    026+ 订单总价
    027- 确认
    027+
    028- 进入支付信息页面
    028+
    029- 【确认】按钮
    029+ 确认
    030-
    030+ 进入支付信息页面
    031- 1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息】.
    031+ 【确认】按钮
    032- 2.当用户未登录时,进入【<a href="/zentao/story-view-1710.html" target="_blank" rel="noreferrer noopener">登录】,登录成功后返回此页面再次点击确认进入支付信息
    032+
    033-
    033+ 1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息】.
    034-
    034+ 2.当用户未登录时,进入【<a href="/zentao/story-view-1710.html" target="_blank" rel="noreferrer noopener">登录】,登录成功后返回此页面再次点击确认进入支付信息
    035+
    036+ 界面元素-图2从立即购买进入此页面
    037+
    038+ 名称
    039+ 用途
    040+ 显示
    041+ 交互
    042+ 购课步骤
    043+ 展示
    044+ 123购物车摘要
    045+ 支付信息
    046+ 订单信息
    047+
    048+ 1.页面跳转,步骤高亮显示
    049+ 订单摘要
    050+ 展示
    051+
    052+ 课程图像,课程标题,课程主题,课程难易程度,课程价格
    053+ 学生名字下拉选择框,必选,默认第一个学生
    054+ 订单总价
    055+
    056+ 1.选择学生名字
    057+ 确认
    058+ 进入支付信息页面
    059+ 【确认】按钮
    060+
    061+ 1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息】.
    062+ 2.当用户未登录时,进入【<a href="/zentao/story-view-1710.html" target="_blank" rel="noreferrer noopener">登录】,登录成功后返回此页面再次点击确认进入支付信息
    063+ 3.当用户未选择学生时,点击按钮,提示:請分配學生!
    064+
    065+
    005- <p><img src="{6664.png}" alt="" /></p>
    005+ <p><img src="/zentao/file-read-6664.png" alt="" /></p>
    006- <h3>界面元素</h3>
    006+ <p><br /></p>
    007- <p><br /></p>
    007+ <p><img src="/zentao/file-read-6841.png" alt="" /></p>
    008- <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    008+ <h3>界面元素-(图1)从购物车进入此页面</h3>
    009- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    009+ <p>
    010- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    010+ </p><table class="table table-kindeditor ke-select-col" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    011- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    011+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    012- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">购课步骤<br /></td>
    012+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    013- <td style="border:1px solid #ddd;">展示</td>
    013+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    014- <td style="border:1px solid #ddd;">123<br /><p>购物车摘要</p>
    014+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">购课步骤<br /></td>
    015- <p>支付信息</p>
    015+ <td style="border:1px solid #ddd;">展示</td>
    016- <p>订单信息</p>
    016+ <td style="border:1px solid #ddd;">123<br /><p>购物车摘要</p>
    017- </td>
    017+ <p>支付信息</p>
    018- <td style="border:1px solid #ddd;">1.页面跳转,步骤高亮显示</td>
    018+ <p>订单信息</p>
    019- </tr><tr><td style="border:1px solid #ddd;">购物车摘要</td>
    019+ </td>
    020- <td style="border:1px solid #ddd;">展示</td>
    020+ <td style="border:1px solid #ddd;">1.页面跳转,步骤高亮显示</td>
    021- <td style="border:1px solid #ddd;">
    021+ </tr><tr><td style="border:1px solid #ddd;">订单摘要</td>
    022- <p>课程图像,课程标题,课程主题,课程难易程度,课程价格</p>
    022+ <td style="border:1px solid #ddd;">展示</td>
    023- <p>分配学生姓名</p>
    023+ <td style="border:1px solid #ddd;">
    024- <p>购物车总价</p>
    024+ <p>课程图像,课程标题,课程主题,课程难易程度,课程价格</p>
    025- </td>
    025+ <p>分配学生姓名</p>
    026- <td style="border:1px solid #ddd;">无</td>
    026+ <p>订单总价</p>
    027- </tr><tr><td style="border:1px solid #ddd;">确认</td>
    027+ </td>
    028- <td style="border:1px solid #ddd;">进入支付信息页面</td>
    028+ <td style="border:1px solid #ddd;">无</td>
    029- <td style="border:1px solid #ddd;">【确认】按钮</td>
    029+ </tr><tr><td style="border:1px solid #ddd;">确认</td>
    030- <td style="border:1px solid #ddd;">
    030+ <td style="border:1px solid #ddd;">进入支付信息页面</td>
    031- <p>1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息</a>】.</p>
    031+ <td style="border:1px solid #ddd;">【确认】按钮</td>
    032- <p>2.当用户未登录时,进入【<a href="/zentao/story-view-1710.html" target="_blank" rel="noreferrer noopener">登录</a>】,登录成功后返回此页面再次点击确认进入支付信息</p>
    032+ <td style="border:1px solid #ddd;">
    033- </td>
    033+ <p>1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息</a>】.</p>
    034- </tr></tbody></table><p><br /></p>
    034+ <p>2.当用户未登录时,进入【<a href="/zentao/story-view-1710.html" target="_blank" rel="noreferrer noopener">登录</a>】,登录成功后返回此页面再次点击确认进入支付信息</p>
    035+ </td>
    036+ </tr></tbody></table><h3>界面元素-图2从立即购买进入此页面</h3>
    037+ <p>
    038+ </p><table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
    039+ <th style="background-color:#F1F1F1;">用途</th>
    040+ <th style="background-color:#F1F1F1;">显示</th>
    041+ <th style="background-color:#F1F1F1;">交互</th>
    042+ </tr></tbody><tbody><tr><td>购课步骤<br /></td>
    043+ <td>展示</td>
    044+ <td>123<br /><p>购物车摘要</p>
    045+ <p>支付信息</p>
    046+ <p>订单信息</p>
    047+ </td>
    048+ <td>1.页面跳转,步骤高亮显示</td>
    049+ </tr><tr><td>订单摘要</td>
    050+ <td>展示</td>
    051+ <td>
    052+ <p>课程图像,课程标题,课程主题,课程难易程度,课程价格</p>
    053+ <p>学生名字下拉选择框,必选,默认第一个学生</p>
    054+ <p>订单总价</p>
    055+ </td>
    056+ <td>1.选择学生名字</td>
    057+ </tr><tr><td>确认</td>
    058+ <td>进入支付信息页面</td>
    059+ <td>【确认】按钮</td>
    060+ <td>
    061+ <p>1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息</a>】.</p>
    062+ <p>2.当用户未登录时,进入【<a href="/zentao/story-view-1710.html" target="_blank" rel="noreferrer noopener">登录</a>】,登录成功后返回此页面再次点击确认进入支付信息</p>
    063+ <p>3.当用户未选择学生时,点击按钮,提示:請分配學生!</p>
    064+ </td>
    065+ </tr></tbody></table><p><br /></p>
  8. 2022-09-07 09:58:49, 由 kyxia 变更。
    修改了 版本号,旧值为 "5",新值为 "6"。
    修改了 描述 ,区别为:
    005-
    005+ <img src="/zentao/file-read-6664.png" alt="" />
    007-
    007+ <img src="/zentao/file-read-6841.png" alt="" />
    009-
    009+
    010- 名称
    010+ 名称
    011- 用途
    011+ 用途
    012- 显示
    012+ 显示
    013- 交互
    013+ 交互
    014- 购课步骤
    014+ 购课步骤
    015- 展示
    015+ 展示
    016- 123购物车摘要
    016+ 123购物车摘要
    017- 支付信息
    017+ 支付信息
    018- 订单信息
    018+ 订单信息
    019-
    019+
    020- 1.页面跳转,步骤高亮显示
    020+ 1.页面跳转,步骤高亮显示
    021- 订单摘要
    021+ 订单摘要
    022- 展示
    022+ 展示
    023-
    023+
    024- 课程图像,课程标题,课程主题,课程难易程度,课程价格
    024+ 年级图像,年级标题,年级介绍,年级价格
    025- 分配学生姓名
    025+ 分配学生姓名
    026- 订单总价
    026+ 订单总价
    027-
    027+
    028-
    028+
    029- 确认
    029+ 确认
    030- 进入支付信息页面
    030+ 进入支付信息页面
    031- 【确认】按钮
    031+ 【确认】按钮
    032-
    032+
    033- 1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息】.
    033+ 1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息】.
    034- 2.当用户未登录时,进入【<a href="/zentao/story-view-1710.html" target="_blank" rel="noreferrer noopener">登录】,登录成功后返回此页面再次点击确认进入支付信息
    034+ 2.当用户未登录时,进入【<a href="/zentao/story-view-1710.html" target="_blank" rel="noreferrer noopener">登录】,登录成功后返回此页面再次点击确认进入支付信息
    035-
    035+
    036- 界面元素-图2从立即购买进入此页面
    036+ 界面元素-图2从立即购买进入此页面
    037-
    037+
    038- 名称
    038+ 名称
    039- 用途
    039+ 用途
    040- 显示
    040+ 显示
    041- 交互
    041+ 交互
    042- 购课步骤
    042+ 购课步骤
    043- 展示
    043+ 展示
    044- 123购物车摘要
    044+ 123购物车摘要
    045- 支付信息
    045+ 支付信息
    046- 订单信息
    046+ 订单信息
    047-
    047+
    048- 1.页面跳转,步骤高亮显示
    048+ 1.页面跳转,步骤高亮显示
    049- 订单摘要
    049+ 订单摘要
    050- 展示
    050+ 展示
    051-
    051+
    052- 课程图像,课程标题,课程主题,课程难易程度,课程价格
    052+ 年级图像,年级标题,年级介绍,年级价格
    053- 学生名字下拉选择框,必选,默认第一个学生
    053+ 学生名字下拉选择框,必选,默认第一个学生
    054- 订单总价
    054+ 订单总价
    055-
    055+
    056- 1.选择学生名字
    056+ 1.选择学生名字
    057- 确认
    057+ 确认
    058- 进入支付信息页面
    058+ 进入支付信息页面
    059- 【确认】按钮
    059+ 【确认】按钮
    060-
    060+
    061- 1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息】.
    061+ 1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息】.
    062- 2.当用户未登录时,进入【<a href="/zentao/story-view-1710.html" target="_blank" rel="noreferrer noopener">登录】,登录成功后返回此页面再次点击确认进入支付信息
    062+ 2.当用户未登录时,进入【<a href="/zentao/story-view-1710.html" target="_blank" rel="noreferrer noopener">登录】,登录成功后返回此页面再次点击确认进入支付信息
    063- 3.当用户未选择学生时,点击按钮,提示:請分配學生!
    063+ 3.当用户未选择学生时,点击按钮,提示:請分配學生!
    064-
    064+
    065-
    065+
    005- <p><img src="{6664.png}" alt="" /></p>
    005+ <p><img src="/zentao/file-read-6664.png" alt="" /></p>
    007- <p><img src="{6841.png}" alt="" /></p>
    007+ <p><img src="/zentao/file-read-6841.png" alt="" /></p>
    009- <p>
    009+ <p><br /></p>
    010- </p><table class="table table-kindeditor ke-select-col" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    010+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#f1f1f1;border:1px solid #DDD;">名称</th>
    011- <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    011+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">用途</th>
    012- <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    012+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">显示</th>
    013- <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    013+ <th style="background-color:#f1f1f1;border:1px solid #DDD;">交互</th>
    014- </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">购课步骤<br /></td>
    014+ </tr></tbody><tbody><tr><td style="border:1px solid #ddd;">购课步骤<br /></td>
    015- <td style="border:1px solid #ddd;">展示</td>
    015+ <td style="border:1px solid #ddd;">展示</td>
    016- <td style="border:1px solid #ddd;">123<br /><p>购物车摘要</p>
    016+ <td style="border:1px solid #ddd;">123<br /><p>购物车摘要</p>
    017- <p>支付信息</p>
    017+ <p>支付信息</p>
    018- <p>订单信息</p>
    018+ <p>订单信息</p>
    019- </td>
    019+ </td>
    020- <td style="border:1px solid #ddd;">1.页面跳转,步骤高亮显示</td>
    020+ <td style="border:1px solid #ddd;">1.页面跳转,步骤高亮显示</td>
    021- </tr><tr><td style="border:1px solid #ddd;">订单摘要</td>
    021+ </tr><tr><td style="border:1px solid #ddd;">订单摘要</td>
    022- <td style="border:1px solid #ddd;">展示</td>
    022+ <td style="border:1px solid #ddd;">展示</td>
    023- <td style="border:1px solid #ddd;">
    023+ <td style="border:1px solid #ddd;">
    024- <p>课程图像,课程标题,课程主题,课程难易程度,课程价格</p>
    024+ <p>年级图像,<span>年级</span>标题,年级介绍,<span>年级</span>价格</p>
    025- <p>分配学生姓名</p>
    025+ <p>分配学生姓名</p>
    026- <p>订单总价</p>
    026+ <p>订单总价</p>
    027- </td>
    027+ </td>
    028- <td style="border:1px solid #ddd;">无</td>
    028+ <td style="border:1px solid #ddd;">无</td>
    029- </tr><tr><td style="border:1px solid #ddd;">确认</td>
    029+ </tr><tr><td style="border:1px solid #ddd;">确认</td>
    030- <td style="border:1px solid #ddd;">进入支付信息页面</td>
    030+ <td style="border:1px solid #ddd;">进入支付信息页面</td>
    031- <td style="border:1px solid #ddd;">【确认】按钮</td>
    031+ <td style="border:1px solid #ddd;">【确认】按钮</td>
    032- <td style="border:1px solid #ddd;">
    032+ <td style="border:1px solid #ddd;">
    033- <p>1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息</a>】.</p>
    033+ <p>1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息</a>】.</p>
    034- <p>2.当用户未登录时,进入【<a href="/zentao/story-view-1710.html" target="_blank" rel="noreferrer noopener">登录</a>】,登录成功后返回此页面再次点击确认进入支付信息</p>
    034+ <p>2.当用户未登录时,进入【<a href="/zentao/story-view-1710.html" target="_blank" rel="noreferrer noopener">登录</a>】,登录成功后返回此页面再次点击确认进入支付信息</p>
    035- </td>
    035+ </td>
    036- </tr></tbody></table><h3>界面元素-图2从立即购买进入此页面</h3>
    036+ </tr></tbody></table><h3>界面元素-图2从立即购买进入此页面</h3>
    037- <p>
    037+ <p><br /></p>
    038- </p><table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
    038+ <table class="table table-kindeditor" style="width:auto;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
    039- <th style="background-color:#F1F1F1;">用途</th>
    039+ <th style="background-color:#F1F1F1;">用途</th>
    040- <th style="background-color:#F1F1F1;">显示</th>
    040+ <th style="background-color:#F1F1F1;">显示</th>
    041- <th style="background-color:#F1F1F1;">交互</th>
    041+ <th style="background-color:#F1F1F1;">交互</th>
    042- </tr></tbody><tbody><tr><td>购课步骤<br /></td>
    042+ </tr></tbody><tbody><tr><td>购课步骤<br /></td>
    043- <td>展示</td>
    043+ <td>展示</td>
    044- <td>123<br /><p>购物车摘要</p>
    044+ <td>123<br /><p>购物车摘要</p>
    045- <p>支付信息</p>
    045+ <p>支付信息</p>
    046- <p>订单信息</p>
    046+ <p>订单信息</p>
    047- </td>
    047+ </td>
    048- <td>1.页面跳转,步骤高亮显示</td>
    048+ <td>1.页面跳转,步骤高亮显示</td>
    049- </tr><tr><td>订单摘要</td>
    049+ </tr><tr><td>订单摘要</td>
    050- <td>展示</td>
    050+ <td>展示</td>
    051- <td>
    051+ <td>
    052- <p>课程图像,课程标题,课程主题,课程难易程度,课程价格</p>
    052+ <p><span>年级</span><span>图像,</span><span>年级</span><span>标题,年级介绍,</span><span>年级</span><span>价格</span></p>
    053- <p>学生名字下拉选择框,必选,默认第一个学生</p>
    053+ <p>学生名字下拉选择框,必选,默认第一个学生</p>
    054- <p>订单总价</p>
    054+ <p>订单总价</p>
    055- </td>
    055+ </td>
    056- <td>1.选择学生名字</td>
    056+ <td>1.选择学生名字</td>
    057- </tr><tr><td>确认</td>
    057+ </tr><tr><td>确认</td>
    058- <td>进入支付信息页面</td>
    058+ <td>进入支付信息页面</td>
    059- <td>【确认】按钮</td>
    059+ <td>【确认】按钮</td>
    060- <td>
    060+ <td>
    061- <p>1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息</a>】.</p>
    061+ <p>1.点击按钮,进入【<a href="/zentao/story-view-1718.html" target="_blank" rel="noreferrer noopener">支付信息</a>】.</p>
    062- <p>2.当用户未登录时,进入【<a href="/zentao/story-view-1710.html" target="_blank" rel="noreferrer noopener">登录</a>】,登录成功后返回此页面再次点击确认进入支付信息</p>
    062+ <p>2.当用户未登录时,进入【<a href="/zentao/story-view-1710.html" target="_blank" rel="noreferrer noopener">登录</a>】,登录成功后返回此页面再次点击确认进入支付信息</p>
    063- <p>3.当用户未选择学生时,点击按钮,提示:請分配學生!</p>
    063+ <p>3.当用户未选择学生时,点击按钮,提示:請分配學生!</p>
    064- </td>
    064+ </td>
    065- </tr></tbody></table><p><br /></p>
    065+ </tr></tbody></table><p><br /></p>