技术选型：

富文本：https://imzbf.github.io/md-editor-rt/en-US/docs

思维导图：https://markmap.js.org/docs/markmap

antd-mobile：https://mobile.ant.design/zh/

userequest：https://ahooks.js.org/zh-CN/hooks/use-request/index

Redux：https://cn.redux.js.org/tutorials/essentials/part-2-app-structure

注意：

使用了antd mobile的实验性组件，使用~锁定了版本。

界面：

remeNote记忆笔记 - 图1remeNote记忆笔记 - 图2remeNote记忆笔记 - 图3

参考资料：

那些React环境中常用的第三方库，大前端必备! - 掘金

《CSS实战案例汇总》悬浮按钮样式-CSDN博客

React中水平和垂直方向上的组件居中的方法 - 掘金

api路由设计：

:::color1

  1. 用户注册：POST /api/register
  2. 用户登录：POST /api/login
  3. 查询笔记本：GET /note/notebook/list
  4. 查询笔记列表：GET /note/notelist/list
  5. 查询一个笔记：GET /note/notedetail/{id}
  6. 创建一个笔记：POST /note/build/createnote
  7. 创建一个笔记本：POST /note/build/createnotebook
  8. 删除一个笔记：POST /note/delete/note
  9. 删除一个笔记本：POST /note/delete/notebook
  10. 保存一个笔记：POST /note/update/notedetail
  11. 查询卡组列表：GET /card/cardlist
  12. 查询一个卡组：GET /card/carddetail/{id}
  13. 生成一个卡组：POST /card/build/genecard
  14. 创建一个卡组：POST /card/build/buildcard
  15. 保存卡片背诵信息：POST /card/save
  16. 查询背诵次数的卡片：POST /card/
  17. 删除一个卡片：POST /card/delete/card
  18. 查询导图列表：GET /mindmap/mindmaplist
  19. 添加一个评论：POST /comment/add
  20. 查询一个小组：GET /studygroup/groupdetail/{id}
  21. 创建一个小组：POST /studygroup/build/creategroup
  22. 加入一个小组：POST /studygroup/joingroup
  23. 发表一个评论：POST /comment/make
  24. 查看笔记的评论：GET /comment/view
  25. 删除一个评论：POST /comment/delete

:::

数据库设计

画板

画板