/GuLuo

小组前端课程设计

Primary LanguageHTML

GuLuo 算法竞赛社区前端项目

简单需求分析

1. 用户信息模块

  1. 用户登录

    没什么特别。

  2. 用户注册

    没什么特别。

  3. 个人中心

    有多个标签页。

  4. 个人私信

    参照具体页面。

  5. 通知中心

    参照具体页面。

2. 应用模块

  1. 主题商店

    主题商店含有精选主题用户分享主题两个标签页,每个标签页有多个分页(考虑BootStrap,也可以直接多个页面实现),登录后有我创建的主题标签页。

    登陆后可以对主题进行编辑应用(功能实现不考虑)。

    可以根据更新日期使用人数进行排序。

  2. 图片上传

    这个页面比较简单,没有什么特别的,按照页面模仿即可。

    功能不需要实现。

  3. 在线IDE

    待定,暂不做。

  4. 云剪贴板

    内嵌一个Markdown编辑器,具体实现待定。

  5. 估值排名

    显示用户的排名,可以根据不同的数据进行排序(待定),有多个分页。

  6. 反馈问题

    左侧是帖子列表,右侧是板块跳转(跳转不实现)、发布帖子、跳转题目讨论区。

    有多个分页。

3. 题库模块

  1. 题目列表

    这里存放各种题目,有多个分页,默认按题号排序。

    有查找题目功能,并有高级选项。(功能具体不需实现)。

    通过率考虑用BootStrap进度条

  2. 题目详情(暂定实现2道题的题目详情

    主功能参照具体页面。

    右侧标签可以隐藏或显示。

    右侧可以跳转到该题目的提交记录、题解、以及讨论区。(题解不实现,提交记录由负责记录的同学实现,讨论区由负责讨论区的同学实现)

5. 题单模块

  1. 上部可以搜索或筛选题单(功能不实现)
  2. 下部是题单的列表,完成度考虑BootStrap进度条。

6.比赛模块

  1. 页面显示比赛列表,有多个分页,参照具体页面。

7. 记录模块

  1. 评测记录,可以根据用户ID或题目进行查找提交记录(功能不实现)
  2. 做2个具体题目的评测记录(全站),不需匹配筛选条件,具体与负责题目的同学对接。

8. 讨论区模块

  1. 主讨论区

    左侧是帖子列表,右侧是板块跳转(跳转不实现)、发布帖子、跳转题目讨论区。

    有多个分页。

  2. 做2个具体题目的讨论区,具体与负责题目的同学对接。

9. 洛谷网校

  1. 选课中心

    可以根据不同的类型进行筛选(具体不实现,做一个页面即可)。

10. 洛谷有题

​ 该页面为真题列表(具体跳转不实现)

11. 后台管理

​ 待定。

12. 其他页面(底部需要跳转的页面)

  1. 关于谷洛(一篇博文)
  2. 帮助中心(一篇博文)
  3. 用户协议(一篇博文)
  4. 联系我们(一篇博文)
  5. 小黑屋
  6. 陶片放逐
  7. 社区规则
  8. 招贤纳才(不做)

任务分配 (约34个页面)

注1:终定实现2个具体题目的详情、讨论以及记录页面,题号分别为P1000和P1001。

请负责具体题目的同学,尽量做到页面风格统一。

其实统一不统一没什么所谓了,反正都是课代表说了算。(逃

注2:群里已经发了目录组织结构图,请按照目录组织结构来创建文件夹以及对文件命名,文件名和代码不要用拼音! 文件名、类名等全小写,多个单词使用“-”分隔,不要用空格、中文、大写。

LDL(6 5个页面)

用户信息模块(5个页面)、主页

===> 主页、登录页面、个人中心、个人私信、~~通知中心、~~其他页面中的关于谷洛页面、

WA(5 4个页面)

应用模块(1、2、4、5)、后台管理

===> 主题商店、图片上传、云剪切板、咕值排名、后台管理

LPW(3 4个页面)

题库模块(1个主页面,2个题目详情页面)

===> 题库模块主界面、1个题目详情页面(P1000)、1个题目记录页面(P1000)、用户注册页面

LYC(4个页面)

题单模块、记录模块(主记录,2个具体题目记录) 啦啦啦啦

===> 题单模块主界面、记录模块主界面、1个题目详情页面(P1001)、1个题目记录页面(P1001)

CXL(3 4个页面)

讨论区模块(主讨论区、2个具体题目讨论区)

===> 讨论区模块主界面、

QU(3 4个页面)

比赛模块、洛谷有题、洛谷网校

===> 比赛模块、洛谷有题、洛谷网校、其他页面中的帮助中心页面

ZXY(4 5个页面)

其他页面(1~4)

===> 1个题目讨论区页面(P1000)、其他页面中的用户协议页面、底部模块的小黑屋页面、通知中心、应用模块中的反馈问题页面、创建团队页面

DJ(3 4个页面)

其他页面(5~7)

===> 1个题目讨论区页面(P1001)、其他页面中的联系我们页面、个人设置页面(若做不来可只实现第一个分页)、底部模块的陶片放逐页面

CSS书写规范(推荐性)

  1. 位置属性(position, top, right, z-index, display, float…)
  2. 大小(width, height, padding, margin…)
  3. 文字系列(font, line-height, letter-spacing, color, text-align…)
  4. 背景(background, border…)
  5. 其他(animation, transition…)

选择器尽量具体,防止冲突。