12.2-12.4总结

12.2

明明跟着Vue3的视频学的，结果今天发现我学的都是vue2的写法，导致网上查阅资料调用组件有很多东西看不懂。设置lang=ts也用不了，所以去查文档，增加配置了。

-安装vue-cli手脚架

解决lang="ts"报错http://t.csdn.cn/7fxc4

·去学习了解了支付宝的支付接口，蚂蚁金服开发平台，还没整明白。

02 支付宝开发者入驻_哔哩哔哩_bilibilihttps://www.bilibili.com/video/BV1Ft41167fk/?p=2&vd_source=c09a3cfb2b3d8664f944692a8651495a

后来小伙伴说学长说支付可以先不写，模拟一下就行，所以先放一边了，先把主要功能写完，有时间再加上来完善项目。 

---

12.3

上午有选修课。

---

一整个下午加半个晚上把计算机组成原理的存储器，主存与CPU的连接什么的搞明白了，非常明白。两个小时的视频反复看了好几遍，做了十几页笔记。

http://t.csdn.cn/TOOA1http://t.csdn.cn/TOOA1

---

做梦的时候把token的流程捋通了，晚上速度写完。

说实话之前都没理解这玩意，今天突然就悟了。

感觉每次后端获取像下面这样子操作很麻烦

 然后去学习了自定义注解来判断获取token

Springboot中使用自定义参数注解获取 token 中用户数据 - 粥里有勺糖 - 博客园 (cnblogs.com)https://www.cnblogs.com/roseAT/p/11828318.html#:~:text=%E4%BD%BF%E7%94%A8%E8%87%AA%E5%AE%9A%E4%B9%89%E5%8F%82%E6%95%B0%E6%B3%A8%E8%A7%A3%E8%8E%B7%E5%8F%96%20token%20%E4%B8%ADUser%E6%95%B0%E6%8D%AE%201%20%E6%8B%A6%E6%88%AA%E5%99%A8%E4%B8%AD%E6%88%AA%E8%8E%B7token,2%20TokenUtil%E5%B7%A5%E5%85%B7%E7%B1%BB%E8%A7%A3%E6%9E%90token%E4%B8%AD%E7%9A%84%E7%94%A8%E6%88%B7%E4%BF%A1%E6%81%AF%203%20%E6%8A%8A%E8%A7%A3%E6%9E%90%E7%BB%93%E6%9E%9C%E5%AD%98%E5%85%A5%E5%88%B0%E6%88%90%E5%91%98%E5%8F%98%E9%87%8F%E4%B8%AD%204%20controller%E4%B8%AD%E9%80%9A%E8%BF%87TokenUtil%E5%B7%A5%E5%85%B7%E7%B1%BB%E6%8F%90%E4%BE%9B%E7%9A%84%E9%9D%99%E6%80%81%E6%96%B9%E6%B3%95%E8%8E%B7%E5%8F%96%E7%94%A8%E6%88%B7%E4%BF%A1%E6%81%AF

---

学习到了如何在js文件中引用store里的state里的变量。

http://t.csdn.cn/CaAWHhttp://t.csdn.cn/CaAWH

---

 12.4

一个上午，再修改后台，出了bug，截至中午还未解决。

是后台页面跳转无法正常显示的问题。

考虑是不是vue2和vue3不兼容的问题？

---

http://t.csdn.cn/OJE9fhttp://t.csdn.cn/OJE9f这个问题解决了【解决过程如上面这个博客】

---

下午先是把这周的Java视频作业做完了

然后发现了用户端的一个bug，之前都是没有问题的。

就算搜索列表无法通过搜索结果卡片点进去具体详细页面，但这个功能之前是已经完成了的。

后面分析测试之后发现是进入卡片时获取到的当前房源类型为undefined。

之前实现了该功能之后是又在该页面增加了个条件查询的组件，因为各房源的搜索条件组件不一样，所以需要进行切换，我就在条件查询组件的位置放了个router-view，将条件查询组件设置为该页面的children，然后在实现的过程中发现组件不会根据我的type变化，就进行了路由监听，路由变化时根据type改变条件搜索组件。

问题就出在这个地方。进入搜索页面时，是带着搜索类型进来的，类型type体现在跳转页面到此处时携带的参数type，而随之进行的条件组件切换，导致了路由的进一步变化，获取到的新的跳转参数不再是type而是条件查询的字段，所以导致重新定义了一遍type，而无该字段导致的undefined。

所以我将条件组件的切换这里改成了以下写法解决问题，直接指定获取路由中参数的方法获取type解决了这个bug

然后由此也对此vue文件的代码优化了很多地方，之前也有写复杂的地方进行了完善。

这个页面是比较早写好的，当时写的代码太冗余了导致今天一开始都被自己代码给绕晕了，还改了挺久。

---

一晚上都在搞文件上传图片。之前写的后端只能postman调用，现在前后端连不起来，改ing。

---

写了一晚上终于把这玩意搞好了，一直是一个测试地址忘记改了😅😅😅改bug真的很痛苦

http://t.csdn.cn/I8Ftdhttp://t.csdn.cn/I8Ftd小伙伴的博客帮助很大。

 每个地方的小细节都不能出错。