Web项目开发日志

3.31

• 前端：使用React和Axios，mui等等渲染库
• 后端：使用python写，通过一个MongoEngine，使用mongodb数据库

问题：

• 前端调用的哪一个后端的接口获取数据库数据
• 前端如何将获得的数据进行显示（尤其是不同的url是怎样显示到前端的）

4.1

• 暂时别想关于权限，就任意用户都能将所有人信息都展示出来

总结：

• 显示resource not found，进一步想想办法，怎么把数据导出来

4.2

• API Contract 用户查询 - Meteoroid.fit - Confluence (atlassian.net) （该页面了解少，不太明白）
• 确定就是axios的，接下来去看一看axios的api吧。。。。
• 接下来想办法找到resources的存放位置，能找到就能导入
  • api接口部分去看了，未找到，下一步看一看后端有没有相关连接

4.3

• 根据郑哥可以导入数据（使用axios框架的get api），目前用户列表可以展示
• 准备弄用户个人界面

4.16：filter部分(前端)

根据mui的filter进行操作，尝试学着去弄

才发现.env好像放在api-sdk里面了，没有放到backend里面

4.17

好像弄懂了是哪一个contains，下一步暂时目标明确了

• 改写filter，让只包含contains
• 现在需要去寻找一个包含filter的位置的东西（再去进一步研究一下）尤其是有没有data相关的东西

下半：

• 修改filter（通过在Grid中进行修改，现在做到了只有contains字段）
• 下一步去研究如何将数据一并进行修改，并且显示（考虑使用原本的API？）
• 现在的问题：对于sort完全没有修改，value可以自主识别
• 想法：也许修改好参数，可以传入value，之后就可以进行排序了？
  • 可以在之前基础上调整一下参数传入？（这样可以吗？）
  • 怀疑：参数的问题，现在getfiltermodel第三个参数正常（使用后就是排序）
  • 怀疑第二个参数不对劲（传入后没有反应）
• 成功！不过还有优化空间
  • filter与sort之间的逻辑前后执行问题（现在先sort再filter可以，反之则不太行）
  • 对于没有过滤器的选项，直接取消filter选项（已经解决）

终于！凹了大概八九个小时？（其实总共用的时间加起来大概是十几个小时的时间），终于把需要的功能做出来了

nice！！！今晚去健身房锻炼一下，现在超级爽

稍微复盘一下学到的东西

• 对于mui的理解大大加强了（至少这个周六日静下心来仔细啃了一遍）
• 对于axios的理解也了解了更多一些（rect可以用，之后也可以用于vue语言的前端代码编写）
• gpt真的好用（不光是用于写代码，更好的在于理解你需要做的事情，帮助你去快速学习一个新的概念并且非常有逻辑）
• 着重看了js的回调函数callback部分，关于异步同步的理解方面

下一步准备：

• 没事的话（虽然拿脚趾头想都会感觉不会没事）去看一下项目的代码
• go语言项目等待进度然后去稍微赶一下（vue和react的共通之处稍微了解一下）
• 现在主要身份即是开发者（web项目）也是挂你人员（中级实训部分），考虑一下全栈（虽然大概率现在就在这样子做）
• reacct的hook继续去看一下
• 计网和操作系统的书去看一下（这一周，至少周二之后终于可以闲下来俩天了）

4.24

• 去修改一下commit

4.25

想法：

• 注册页面修改一下，把调用api获取到的邮箱直接填入？
• api准备好后开始做整个注册的流程（别急，可以白兰），至少可以通过验证到达registeredlist界面
  • 点击链接之后跳转到的位置应该重定向到register界面
• 修改邀请链接的超时时间（这个该怎么修改？）

VSCODE快捷键

ctrl+shift+f  #全局搜索代码

VS Code 的常用快捷键 - 知乎 (zhihu.com)