实习日志（编写一个商城管理系统）

2021.08.16  星期一

        今天开始写小系统。首先对初始化了git的远程仓库。根据步骤将本地的仓库上传到了码云上的仓库。弄完了之后便准备测试一下后台的接口是否正常有效。一开始先将给的sql文件导入到数据库中。在导入过程出现了一些问题。

        一开始先按照小皮面板来进行导入，但导入的时候mysql总是会进行闪退。上网搜索按照步骤解决之后，出现了ERROR 2003 (HY000): Can't connect to MySQL server on 'localhost' (10061)。上网查询得知mysql服务没有了，于是又重新创建了一个mysql的服务。在查询了许久之后用小皮面板导入sql文件仍然无法解决。于是打算尝试用cmd命令复制右键导入，出现了问题，原因是没有创建库。最后用Navicat创建了数据库，将sql文件导入进去。之后用Postman测试接口发现都有效。

        之后开始编写。在使用element ui的插件时我选取的按需引用，但在使用的时候，总是报错

我安装了下面提示的也还是没用，上网查询也没有得到解决。弄了很久之后直接索性重新创了一个项目，直接全部引用。

        明天打算继续编写该系统。

2021.08.17 星期二

今天继续写系统。先开始写的是登陆组件，本次写的时候先着重的注意了css样式，按照网上的样式一个一个的写，一个一个去搜索理解了一下，我发现css样式主要还是要多去练习，才能掌握得更深。自己写出来的登陆页面大致是这样：

      （ 虽说不是很好看，但还是挺有成就感的）。之后准备和后端交互。首先启动后端，在启动的时候出现了错误：ER_ACCESS_DENIED_ERROR: Access denied for user ‘root‘@‘localhost‘ (using password: YES)。上网查询之后是因为数据库的密码账号没有改，改过之后成功启动。在用axios执行post请求的时候出现了很多的错误：

1.Cannot read property ‘protocol’ of undefined 这是因为错误引入axios，引入axios应该是Vue.prototype.$axios = axios;

2.

这是因为我将baseURL放在了错误的地方导致的。

3. 我在post里面写回调then的时候总是提示我then没有定义，这一个错误搜索了很久都没有解决，之后又仔细的看了一下代码，发现我的then写错地方了，导致出现了问题，最后将then写在对应的地方才得以解决（这个问题花了太久时间了）

4. 在vue里面的严格模式下，我书写方式总是会报一些小错误，还挺让人头疼的。

        终于将登录写完成了，当自己写的时候才会知道自己会出现哪些问题，还需要多多练习。明天继续编写。

2021.08.18 星期三

        今天计划继续往下编写代码。按照网上的提示，所有api接口认证，统一使用token认证，虽然了解了怎么去用它，但不明白为什么要用它。我对它的了解就是有了它之后，就不再需要输入用户名和密码，并且和数据库进行匹配，在访问系统的时候，只需要第一次将用户名和密码进行匹配之后就可以了。

        之后又学习了axios的拦截器，在请求或操作事情之前会进行拦截，进行相应的处理之后再继续进行操作。本次用Authorization提供token令牌。若有token令牌，则可以访问api接口Authorization认证在网上搜索之后了解到它可以对身份进行验证。

        在设计页面的时候还着重学习了css里面flex布局。https://www.ruanyifeng.com/blog/2015/07/flex-grammar.html，这里面我觉得还挺全的，可以码住学习。

        这是今天写的页面。明天打算继续写代码，并且晚上找一个算法题好好研究。

2021.08.19 星期四

        今天在编写系统的时候主要出现了两个问题。第一个问题就是，在写用户列表的时候一直呈现这样的样子：

 一直是重合在一起，检查了许久最终发现，在其他的一个组件里面写了一个css样式

 虽然用了scoped，但在用户列表的组件里面仍然生效，在修改了之后才得以正常。第二个问题就是在设置完分页后却没有效果，最后查询得知，必须要重新获取一下用户的信息，才能生效。否则数据不能够得到更新。

        之后编写的时候都挺顺利的。今天将用户列表的功能全部都完成了。我觉得在下面的编写代码过程中会越来越顺畅。这是今天写的：

         今天在掘金网上找了一个比较简单的算法题，判断一个链表是否为回文链表，其中实现它的方法有许多种，第一种方法双指针法，看的比较清晰，就是先将一个链表赋值到一个数组中，在遍历数组，用双指针法进行判断。但还有两种方法看的并不是很明白，明天打算继续看该题，把该题目真正弄明白。

2021.08.20 星期五

        今天先将昨天用户列表剩余的一些内容给写完成。 之后编写权限管理。先将权限列表给写好，没有什么大难度，就是把列表展示出来即可。

        再写角色列表里面学到了添加类的一个新的写法：class="['bottom', a === 0 ? 'top' : '']" ，意思是添加多个类，第二个是判断循环数组的索引值是否为0，若为0，则添加top类样式，可用于判断是否添加类。之后用布局e-col和e-row的时候突然被弄混了，不知道如何去恰当的使用他们。然后慢慢理清了思绪：e-row是横着切割页面，一行一行的展示内容， e-col是竖着切割页面。在理清了layout布局之后，便在角色列表里面用了三次页面渲染列表，灵活的用layout布局进行页面拆分，从而达到如下效果：

        晚上继续学习昨晚的算法题。我发现双指针法在快速排序里面也同样用到过，然后又复习了一遍快速排序。判断回文还可以用快慢指针。所谓快慢指针就是快指针每一次走两步，慢指针每次走一步。其大概步骤是将链表分为前后两部分，并把后半部分反转过来，前后进行比较。最后再将链表还原。其具体步骤：1、找到前半部分的尾节点。2、反转后半部分链表。3、判断是否回文。4、恢复链表。其中反转链表看的时候不是很明白，应该是单链表不是很熟悉，所以还是要去看一下单链表。