完成商城平台记录

2021-12-20        星期一

 

        今天完成的内容：订单相关接口都已完成，并且优化了一些商品的相关接口，现在还剩购物车的接口，后端大致的一些就可以完成了。

         明天打算将购物车也完成，之后开始优化前端的一些内容，并进行交互。

2021-12-21        星期二

        今天将购物车的一些接口内容都编写完成，购物车的数据库设定是设立两个外键，分别是user_id和shop_id，当用户登陆成功之后，用户的相关信息会被保存起来，用户在看到自己喜欢的商品之后，可以将商品加入到购物车，此时会先将用户id取出来，并将商品相关信息存入购物车中，在购物车中，可以选中一些商品，从而进行付款。用户也可以对每个商品的数量进行改变。

        下面是一些接口。

 设计完这些接口之后，又去回顾了vue方面的知识，并且写了一些小案例。如下是进行了一些总结

 明天计划编写前端内容，将前后端连通。

2021-12-22        星期三

        今天早上按计划进行编写，将首页的一些内容编写完成。但下午导师给我新安排了原本计划1月份的任务。没办法，只得先完成导师安排的内容，自己的项目内容进度暂搁。

        制定了接下来的计划。
    1、明天先完成公司的一些内容，再去完成首页和商品分类详情的部分；
    2、完成商品详情页面的内容，完成登陆注册的内容，完成搜索的部分内容；
    3、完成搜索的内容，完成商品详情的部分内容；
    4、完成商品详情的内容，个人资料，修改资料。
    5、购物车。
    6、订单页面。

2021-12-23        星期四

        今日完成的内容：将首页编写完成，分类详情编写一部分；在编写首页的时候遇到了问题：在遍历轮播图的数组时，不会能够获取到dom节点，原因是在获取dom节点时，此时vue并没有更新完成dom，这是因为vue的异步更新队列，但详细的并没有去了解，明天将会去详细了解一些vue的这一个概念，解决的方案是在需要获取dom的地方，加一个nextTick方法，在其回调函数中获取dom并对dom进行操作，并且放在update钩子函数中。还遇到一个问题，就是当在更改的dom值时，每次更新都会重新执行update钩子函数里面的内容，这并不是我需要的，我只需要在初始的时候执行一次即可，所以当发现问题后对代码进行了修改。

今日完成如下：

 

 

2021-12-24        星期五

        今天将商品详情页面已经基本完成。今天遇到的问题主要是路由方面。

        获取路由参数的方式：this.$route.params。在切换分类的时候，页面不能够即使更新，原因是当切换路由的时候，只是路由的参数变化了，而此时页面并没有发生变化。所以我将路由参数进行了watch检测，当改变路由参数时，重新获取商品内容，此时会得到更新。后端接口中的参数不能含有特殊字符，否则接口将会报错。

        由于今天公司举办圣诞节活动，我去进行了布置现场，所以原先还剩一点内容并没有完成，我打算找个时间将其补充完成，也不需要花费很长的时间。

今日完成如下：

 

2021-12-27        星期一

        今天先学习了js中的构造函数，prototype等一些内容，看了如下一篇文章。

用自己的方式（图）理解constructor、prototype、__proto__和原型链 - 掘金；

        之后继续写自己的项目，但写了没多久，导师就新安排了任务给我，在公司里一直在完成公司的一些内容。原计划的安排也因此暂搁，现在只能先首先将公司业务完成，把一天的时间划分为三个时间段，一个时间段来完成公司的内容，还有一部分完成自己的项目，还有一部分深化学习基础内容。因此自己的项目可能会往后延期时间。目前登陆和注册已经编写完成。还剩搜索，购买，商品详情，个人信息，购物车，订单一些内容。

2021-12-28        星期二

        今天编写了主要有一个分类的折叠面板。

 做的流程如下：先分别进行遍历属性，和属性的值，并设置一个标记，控制折叠与展开；但会有一个问题，就是当两个同时展开的时候，会出现错误。此时我的做法是检测自己点击的位置，若点击的地方改变了，则将所有的属性的class类都初始化，并将点击的属性的class类改为展开。在写根据属性值显示商品的时候，我打算在前端通过更改商品数组来进行；但并不能达到预期效果。所以在后端重新写了一个接口，根据点击不同的属性值，来展示需要的商品。之后在切换路由的时候，不能够正常展示属性；原因是在操作dom的地方并不能拿到那个元素；进行修改，达到预期的目的。

2021-12-29        星期三

        今天出现的问题：在写搜索界面的时候，出现了许多的问题。比如把搜索到的值传递给另一个组件的时候无法传递成功，原因是在bus事件中，需要先监听事件，之后再触发，才能发送数据，而由于vue中的生命周期函数原因，使得无法正常执行，所以需要在a组件的destory里面触发，在b组件的created中监听。但当我刷新页面，数据将会消失，目前无法解决。且每个商品的组件c里面的样式无法正确显示。查找许久仍然没有解决，有点怀疑人生。

2021-12-30        星期四

        今天将昨天的问题解决：昨天的问题是因为在vue里面用bus全局事件总线进行组件通信的时候，是先进行监听，之后触发，才能够生效。而且只能是触发一次，当页面更新的时候只能重新触发，才能获得数据。我昨天在写的时候没有注意到这个。之后换了一种思路去写，将搜索的内容通过路由传参，再来获取路由参数，再来调接口。此时昨天的问题得到了解决。

        之后我又将每个商品，商品的页面都写成独自的组件，并通过props传参，来获得不同的数据。在进行路由跳转的时候遇到了一些问题。

当少了第一个/时，会无法正常显示。原因是我的根路由是/，如果没有/，此时会根据上一个路由地址的后面添加我写的/后面的内容。所以不能正常显示。

2021-12-31        星期五

        今天去医院做了个核酸，耽误了一些时间。之后写了商品详情的页面，将昨天的一些小bug改正，在写的轮播图的时候，会遇到一些小bug，是由于一些逻辑上的问题导致的：当是轮播在第一张图片，第一次轮播的时候，会出现一些问题。但都一一解决了。今年的学习到此为止，明年继续！