2022毕业设计-编程日记

22.02.28周一

昨天看了一个全栈实战视频，成功开启了后端服务器，把数据库的数据展示在了localhost上；再转战前端，使用react-umi框架，虽然html、css的语法在寒假学尚硅谷react教程时就基本懂得了，但是还是一直无法连通api接口调得localhost的数据。
另外，今天学习的时间确实过长了，一整天的promise、fetch学下来，代码还是不是出错就是版本过低。故明天，为了调整心态、提高真正的学习效率，要做到两点，一是控制学习不能太长，二是看一些官方完整版的技术视频，不要图时间段就看自媒体的，因为确实没什么用。

22.03.01周二

早上10点半，跟着“Umi 3+Dva入门实践”的教学视频（umi与Dva结合传递数据仓库model.ts）敲了一个早上的代码，明明代码敲得一模一样，但是转到/users后就是一片空白。
网上umi视频教程特别少，除了上面提到的这个，在B站上也搜不到其他篇幅完整的umi视频，就好像小说《鲁滨孙漂流记》里的星期五，只能跟着流落荒岛的鲁滨孙一个人学习，失去了比较、参考的机会，学习回报率极低，甚至可以说没有一点希望，所以基本上决定放弃umi这个框架了。
但是回过头来，返回到create-react-app，进入vscode的App.js文件中，不知道是什么插件作祟，居然会自动把return内的html标签拆解掉，好好的首行缩进被拆解得齐头并进，也根本无法进行后面的学习。
中午和陈师兄交流，他说现在生产模式的教学网站已经改用umijs3.0而不是2.0了，还推荐我学习midway框架。然后还让我改js为jsx后缀，和安装javascriptreact插件来解决App.js自动解除格式化的问题。也要感谢中午的时候，阿龙帮我一起思考了上面的这个问题。
下午攀树课结束后来到图书馆，学习了视频“React中Axios库的封装和使用”，这里除了基本的get、post方法，还涉及到了一点Axios的源码教学。视频学了一半，虽然成功在httpbin.org上get、post了数据，但是和本地服务器做（跨域）数据交互时，还是被拒绝（has been blocked by CORS policy），好像又要学一门nginx技术。晚课结束后，还要就这个问题继续努力。
晚上下课回宿舍后，把“Axios”视频看完，在服务端配置了COSR插件，终于实现了前后端的数据交互！马上又研究了组件的this.state属性，把axios返回的数据用setState更新到了this.state属性上，最后成功把交互数据在render函数内的return方法里调用了。
实现了这前后端项目基础的最后一环后，感到浑身轻松了不少，有希望明天就把反馈功能完成。当然，完成和主站点分立的反馈界面后也要注意，主站点的答题系统是基于react-umi2.0或者3.0框架开发的，以后如果要实现别的功能，肯定还是躲不开和umi这个“野孩子”的交流；或者，明天也可以试试直接用umi实现反馈。

22.03.02周三

早上都在处理后端数据result，result的格式是[{},{},{}]，我好久才意识到这是列表，而不是数组。后来令products=result.data，格式依然是[{},{},{}]，{}里面是对象，然后用products[0].id或者products[1].content_text就可以取出对象的值value。但是这时需要面对一个新问题：products在第一次渲染html时是没有值的，因为前端还没有请求到后端数据，这时products也是空的，不能用[n]来取特定位置的对象，于是报错：Cannot read properties of null。这时我考虑在