一个多月没有更新过了,当然也并没有荒废时间,参与了一个微信小程序部分页面,一个svg流动图结合echarts页面,两个echarts的可视化页面,高德地图坐标点击弹出模态框,坐标样式,标签换点等多种功能,对前端的页面展示,和后端的数据交互,渲染有了更深层次的理解,还完成了海康摄像头的调配结合高德地图,总的来说涉及的方面还是比较杂的。由于这部分存在保密协议,不方便过多赘述,也不太方便截图给大家看。
闲暇之余,抽时间把我去年进实验室的考核项目重构了一边,当时自己只有40%完成度,并且耗时3个月,如今满打满算3,4天时间,前后端分离重构了一下这个项目。前端用到了html,css,javaScript,结合vue-cli,element-ui,echarts,iconfont。后端用到了egg.js,数据库是mysql,由于当时数据库用的mongodb,虽然是重构,但是还是想尝试一些新东西,虽然当时的后端,我并没有写太多,这次虽然是网上搜资料,但起码是自己趟出来的,其实准确来说,后端的耗时更长一点,如果没有后端,前端可能1天半差不多就可以完成,看到自己有这样的提升,心里还是比较高兴的。但是也不能骄傲,也没有资格骄傲,毕竟这只是普通的不能再普通的水平了。
先给大家看看基本的效果吧。
这是我的登陆页面,感觉写的东西越来越多,愈发不喜欢花里胡哨的页面了,感觉最简单的才是最好看的,可能这也就是一些企业家奋斗大半辈子在大城市,最后选择回到农村,回归自然。一个简单的页面,可能和陶潜先生还能挂上钩,哈哈哈,个人拙见。
点击注册会弹出模态框,这个就不过多赘述了。
进入之后的页面是这样的,也就是首页,左上角可以收缩导航栏,还有实时时间,中间是一个登陆成功的消息提示,几秒后会自己小时,四个卡片以及下方的两个基本echarts都不是动态的数据,因为也不是专业写后端的,确实有点到知识盲区了。主色系还是以灰色打底,感觉这样会显得页面干净整洁。
这是此考核题最重要的部分,页面可以实现增删改查,详情展示,分页等功能。
增加是一个简单的模态框,调用接口来玩成数据交互以及页面的渲染。
修改图书也是个模态框,但是不同的是他会把已有的数据展示在输入框上,方便用户的修改,这两个模态框是同一个,用一些if判断让他们实现各自的功能,前端的页面,感觉还是越简洁越好,这也是本次重构一个重要目的,能尽量更少的代码实现相同的功能。
这是详情展示,就是交互渲染,没别的,前面懂了,这个就很容易理解了。
删除图书会有一个提示,因为用户使用当中可能会出现误点的问题。
分页就不大家展示了,其实就是一个简单的分页,有问题可以私信我。
借书页面我还没有写,因为后端的压力太大了,我一个人短时间无法完成了。
会员中心页面就是把右上角的个人信息放大了一下,还没有想好写什么,大家可以帮着我一起想想。
其实我知道,能看到这篇文章的人可能少之又少,但是如果我很幸运,你可以看到,可能你刚高中毕业,也可能大一刚结束你很迷茫,也可能你正在学前端,我们可以一起学习一起成长。生活上的事,我们也可以一起聊聊。可能你有些话不好意思和身边人说,但是对一个陌生人,你可以更好地倾诉。如有需要,加主页微信,我只是个学生,现实自我感觉人也还不错,我们应该会和的来。一起加油吧。