exerciseCoding页面-题解评论区
-
页面设计 -
业务流程
本issue页面设计详见远程分支coding-page-exercise-solution中的exerciseCoding页面
核心业务流程
journey
title 打开题解评论区
跳转到exerciseCoding页面: 5
点击左侧切换栏题解评论按钮: 4
点击左侧切换栏题目描述按钮: 5
journey
title 对题目新增评论
跳转到exerciseCoding页面: 5
点击左侧切换栏题解评论按钮: 4
点击写评论按钮: 4
输入评论: 4
点击发布评论按钮发布评论: 5 :确认弹窗
点击关闭按钮关闭评论编辑区: 4
journey
title 对他人评论进行子评论
跳转到exerciseCoding页面: 5
点击左侧切换栏题解评论按钮: 4
点击想要进行操作评论左下角的评论按钮展开评论: 4
输入评论: 4
点击发送按钮: 5 :确认弹窗
需求描述
- 为exerciseCoding页面添加切换导航栏,用于左半栏中题目描述部分和题解评论部分的切换
- 题解评论区为本题所有题解评论的集合,如有必要,可以为题解评论添加页码
- 每条题解评论右下侧有三个小按钮,分别为点赞、展开子评论、收藏,点击相应按钮会有相应操作
- 点击点赞按钮会为该评论添加一次赞的次数,并更新该按钮样式
- 点击展开子评论按钮会展开本评论的所有子评论,如有必要,可以为子评论列表添加页码;子评论列表下部有评论区,用户可通过该区域为本评论添加新的子评论,注意在用户点击发送按钮后需要使用告知交互提示(issue53)对用户进行提示
- 点击收藏按钮同样会使用告知交互提示(issue53)对用户进行提示,若用户同意收藏,则将该评论纳入用户收藏区,并为该评论添加一个收藏数
- 用户点击写评论按钮后,右侧codingArea整体变化为评论编辑区,用户可通过关闭按钮对评论编辑区予以关闭
- 评论编辑区的五个按钮对应评论编辑区的五种功能
- 关闭按钮用于关闭评论编辑区,并将其恢复为codingArea
- 添加本题代码按钮用于将用户的代码加入下方左侧编辑器中,具体实现上可以先将codingArea内的代码予以加入,后期平台实现代码保存及载入功能后,可以弹出列表框,使用户可以选择本题的历史提交记录
- 保存和载入按钮用于对当前评论的暂存与拉取,本阶段可以先考虑不做
- 发布按钮用于发表本评论,在用户点击发布按钮后同样会使用告知交互提示(issue53)对用户进行提示