记忆卡片project
需求抽取
Client功能点
1、响应式布局，多端使用——需要在PC，移动端自由适配
2、问题卡片展示：
卡片展示——在卡片页面中展示卡片问题，记忆层次按钮，问题tags，关联问题，以及上一题、下一题、随机一题跳转按钮，侧边菜单栏按钮，问题卡片细节信息包含：题号，正文，tags，问题贡献者，答案卡片细节包括：问题复述，答案正文，问题贡献者，上次浏览时间，总复习次数
答案翻转——当用户选择记忆层次时自动翻转卡片，展示答案
标记记忆层次——层次包括（不了解，知道但不清晰，很了解），点击时标记用户对此问题的了解程度，并展示答案
分类快速查询——点击tags或者内置关键词搜索链接，自动按照关键词匹配、tags查找、记忆层次查找对应的问题，并分页展示搜索结果
卡片搜索——在搜索框输入内容，按照id数字、关键词匹配、tags查找、记忆层次，并分页展示搜索结果
3、问题卡片切换：
前后顺序切换——点击 上一题、下一题跳转按钮或者手动滑动题目卡片时候切换
随机切换——给出随机一题的按钮，可以随机给出一题，优先在未浏览的题目中抽取
4、用户设置：
保留用户的浏览记录——用户记忆每一张卡片，保留其上次浏览时间，总共浏览次数和对应记忆层次
记忆分析——生成用户记忆报告，使用可视化js将信息可视化，包括总浏览题目，各个记忆层次的数量和比例，最擅长什么，最不擅长什么
Admin后台端
1、root+admins的多用户模式——维护数据库，项目配置
2、admin dashboard——套用crud系统dashboard，需要带有分页
3、CURD操作（带权限）：
添加问题——新建问题，贡献者为操作用户，设置关联问题；完善问题答案——将问题的答案填入，贡献者为操作用户；修改问题——修改问题，答案，tags，关联问题，分类等；删除问题——删除问题，需要验证用户权限，目前仅root管理员拥有删除权限，需要谨慎。
4、分类浏览——配置分类选项（例如无答案问题，待关联问题，回答有误问题、题目描述不清晰），筛选展示搜索到的合理项
5、快速修改——在简要分页页面提供合理的快速修改下拉框；详细编辑页面修改完成后点击提交修改，提供跳转到下一个分类过滤项的按钮
6、操作留痕——所有admin对问题的操作需要留痕，包含操作人id，操作题目id，操作类型，操作时间
7、操作历史可视化——暂时可以不考虑
8、数据导出——将问题表，用户表，记录表等数据库表导出为json格式
9、数据导入——将包含信息的json解析，恢复对应的数据库
架构选择
前端
页面构建初步选择Ant design vue构建，rest url风格请求。使用mock来生成测试数据。
数据库设计
用户表，id，pw，name，priority（can add,modify,delete)功能组合赋予
前端设计
页面设计
原型设计。
记忆页面： 主交互页面。 默认为PC网页，响应式布局，适配手机端。
- 记忆卡片设计：正面，反面，。
- 正面
- 反面
- 动效
- 浏览交互按钮设计
- tag交互按钮设计：
- 浏览页面： 图状浏览页面，表状浏览页面，展示基础内容字段。
交互设计
- 记忆页面翻转效果，特殊动效。
- 交互按钮
- 卡片切换设计：滑动动效，可拖动。
Admin端设计
套用基于接口的后台管理框架，按照要求适配即可。
记忆算法设计
- 艾宾浩斯遗忘曲线：基于此方式在浏览时间上安排复习
- 时间冲突解决原则：先旧后新
