2021-12-05
收获满满,从一定高度来学习,工程化,现实化来学习编程,能够发挥人的创造性,将人从枯燥繁杂的代码逻辑中解放出来。
面向对象是最要深入体会的思想。
vue开发前端项目,手动搭建vue-cli,使用webpack对vue项目打包进行优化过关
想来实战下,看看水平咋样,就拿el-admin小组go团队开发的产品来看
修改初始界面路由
取消空白的首页(前后端搭配,由于是练习前端能力,所以把后端功能在前端实现了)
隐藏一些路由,让这些路由不会出现在侧面栏里
感想:现在再来看el-admin,真是想人所想,解人共惑。官方文档现在来看,心中感觉佩服,手上感觉顺畅。太赞了。今天先把这些问题解决一下,之后把el-admin开发视频开完就可以进入下一个阶段了。
我个人感觉前端代码太灵活了,就像水一样,千变万化,虽说万变不离其宗,但确实看不懂
后来在el-admin的GitHub地址看到这张图:
image.png我也就明白了,el-admin上面沉淀的技术本就足够深厚。
今天看了看el-admin的前后端代码,都有了头绪。整体逻辑,自己如果独立捋顺是比较吃力的,跟着前人步伐走,之后再进行个人创作或许会更好些。要看到语言间的共性,抽象不局限于语言本身。
el-admin大体骨架算是搞懂了,但是在实战中才是检验自己水平的最好办法,所以就拿积分管理入手。现在再去看,才发现写的代码从结构和逻辑上看,都有有待改进的地方,把之前遗留的难题给解决掉了,里面的东西也懂咋回事了。这种一直能感觉到自己在进步的感觉还挺不错的。
- 解决问题的思考流程才是精粹和值得不断打磨的方向。
之前头条爬虫带给我的收获挺不错的,在这次解决问题的过程中提供了方向指引
下面是我解决问题的思路流程(删除了部分): - 美化积分管理web端
- 一, 首页更改
- 这个没浪费多少精力,时间,尝试了一下就找到关键点了。
- 二,多余路由
- el-admin官方文档找到store.dispatch('GetInfo')方法
- 查看返回的数据哪一个是想要的
- 发现这个方法是起跳转作用
- 根据单词意思查找可能的方法
- 根据参数的传递路径溯源
- 发现源头是router/router.js
- 从谷歌浏览器vue插件查看所属组件
- 抓包,看数据从哪个接口来,然后在代码中看是哪个方法调用了
- 找到了
- 看后端
- 有可能是redis的遗留问题
- 先修改mysql,后清空redis
- 改错数据库了,我说咋一直改就是没有用
- 发现如果在侧栏不显示,就进不去这个网址了
- 查看slider组件,是哪一个参数影响了进入
- 查看点击方法,发现在这之前就已经被剔除了
- 回退到html,发现了问题,通过v-if 实现只有为true的才会进来
- el-admin官方文档找到store.dispatch('GetInfo')方法
- 切换思路:思考为什么没有跳转
- 切换思路:通过修改路由列表进行调整
- 查看路由列表内容
- 在store中打日志
- 破案了,设为false之后,虽说在侧栏不显示,这是因为没有加入到路由组当中
- 修改
- 修改侧栏的展示方法
- 通过谷歌插件辅助找到slidebarItem
- 根据前端代码目录结构对应到代码所在
- 该改改,一直出问题
- 他就不是点击方法
- 应该加到钩子函数里即可或是放到执行逻辑的前面
- 问题解决
- 三,个人头像
- 通过谷歌插件辅助找到对应组件
- 在ws中全局查找,找到该组件位置,以及在navbar中的位置
- 找到问题了
- 如果在头像放的是网络连接,那么就会失败,因为在源代码中是通过拼接的方式,传过来的头像只有一个存在本地的路径,前面拼接的是服务器地址,如果传过来的是网络地址,那么前面怎么拼接都不会得到图片
- 现在查看为什么上传文件失败
- 大致搞明白了,能弄但没必要
- 所以,修改默认头像即可
- 需要修改两个地方,一个是个人主页,一个是顶栏头像
然后就是一些本专业论文作业,和个人的一些事情
然后就是六级单词,一天半
然后就是四天左右的底层学习,我总结问题,反思自己,发现我看书容易本末倒置。看书的目的是为了理解知道知识,而不是为了看书而看书,这次的学习过程中,我常常告诉自己这一点,所以就实现了书越变越厚,我自己也更为理解,我的目标是能够把所看到的要点了然于胸。通过之前的“逻辑协议”来学习受益匪浅。这条路子应该算是摸对了。
我的打算是接下来到十八号就准备六级了。之后在学底层的时候还是要多产出博客滴,好在我这次笔记有好好记,还有一些自己的心得,等到时候的时候就发布到csdn或者掘金上。然后再谈谈我对记笔记的一些想法。
最近学习就跟起飞一样,加油加油!
- 如果让我给自己的这一周打个分的话,7分吧
- 心猿意马,还是得学着收心。戒骄戒躁。他人是镜子,照到的也只是我自己。学着温和叭,小吴