毕业设计——基于web的城市充电桩指示系统（一）

想法

也快到了该毕业的时候了，看着空白的博客页和并不辉煌的大学事迹，总感觉应该留下点什么，借着这次做毕设的机会，想把自己的所思所想、学习过程和走过的坑做一个总结，也算是留有纪念吧。

选题

其实我对于java不是很敏感，觉得那玩意太费脑细胞了，我只对前端感兴趣，所以毫不犹豫地选择了前端方向，老师也很好，同意我修改选题。恰好我又对电动汽车比较感兴趣，所以就决定做一个充电桩的系统。

功能

思来想去，觉得一个简单的系统似乎对于毕设来说有点显得寒酸了，由于我主攻的是前端方向，自然是要在前端上面加深度和难度，于是根据手头上适合测试的设备，选择做pc端网页和手机app。系统最基本的功能肯定是要在地图上显示充电桩的位置，并且最好能提供导航功能。然后还要有查看充电桩的详细信息（瓦数、是否空闲、电费等），再加上预约充电桩、支付等功能。如果有余力还想加入管理员身份，可以添加、修改充电桩信息，可以处理用户上报的故障信息等等。

框架、生态系统

因为自己在一边实习一边写毕设，因此要考虑学习的时间成本，最好还是能贴合公司的技术栈，以此做一下拓展和延申。我选择了Vue2作为前端的框架，生态系统用其配套的vue-cli、vue router、vue-x，ui组件选择了vant ui，因为不想学java，所以打算使用node.js来搭建后台服务器（其实Node.js我是完全不会的，但考虑到都是从零开始，java的学习成本肯定不会比Node.js要低），数据库用稍微有过接触的MySQL（其实是课没好好学）。

UI设计图

因为对于艺术不是很懂，只会欣赏（哈哈哈），而且公司开发也不需要前端做UI设计，所以UI确实困扰了我一段时间，最后在’即时设计’网站上找了一套UI，巧的是它刚好有一套充电桩的app，就拿来自己用了（不知道能不能商用，反正我也不会商用）。
这里贴一下网站链接：即时设计

第一篇就先写这么多吧，由于是在做毕设的过程中产生的这个写博客的想法，所以可能思维已经不完全和刚开始想的一样了，不过我会尽力复现当时的想法，博客也会去追自己目前的进度（目前在摆烂，貌似再写一篇就追上了😂）。