有些时日没更新了，说说近况，属于是摆烂+紧张的背面试题状态，摆烂是因为前段时间刚做完项目实战累的，想好好放松一下，正好今天自习不算很忙，所以发一篇文章记录一下这个项目，还有特别感谢组内的另外两个小伙伴!

开源地址

首先说明一下，虽然说项目是开源的，但还是希望遵守开源协议，自己看看图一乐就好了，不要转载传播，因为比赛时间和我们技术不太成熟的缘故，写的不是很好，很多细节也未完善，来源也是想给后续的学员来点灵感，希望能帮到您~

开源地址 : 传送门

也是因为来了这里学习才开始慢慢有贡献度，以前不懂git，现在觉得git真的很强大，三个人几乎只用了四天时间就开发完这个项目了，虽然很多细节没完善，但有一说一，多人协作是真的快。

项目展示

整体依赖于vue-element-admin，一个后台前端解决方案，然后开发使用的是proxy代理的方式解决跨域问题，接下来展示每个页面并介绍一下其基本功能。

首先是登录注册页，除了验证码有点新颖之外没什么特别的，通过这个验证码我们才彻底了解withCredentials: true是干什么的，即跨域发送请求时允许携带cookie，这样后端才知道是哪个电脑的验证码。

登录成功后进入数据概览页面，这里利用了Echarts的可视化图表库完成了数据渲染，配置太多了记不牢，所以基本全靠查文档，磕磕碰碰也算是完成布局了。

不过开发的时候值得注意的是容器的数据渲染时机，在created中发起的请求并获取到数据，但那时候未必加载了dom，这时候就会报一个错误说未找到dom，其实只要在挂载前使用if判断一下this.$refs.容器是否存在即可。

然后就是用户列表界面，这里就是增删改查没啥好说的，但有一个地方我们是做了特殊处理的，那就是权限管理，就是用户的角色如果是超级管理员就有全部页面的查看与操作权限，而管理员就相应减少一个页面，以此类推。

其他页面都挺相似的了，都是一些增删改查的操作，然后接下来就是一个非常非常耗时的功能，那就是国际化处理，因为个人有点完美主义，所以我将页面能看到中文的地方都做了处理（后端的数据没办法），但奈何时间太赶，都没来得及审查，有一个地方疏忽了，在评比的时候还是有些许尴尬的，不过我觉得从时间上来讲已经做的很好了，永远忘不了那天晚上肝到了凌晨3点还没睡觉，不难，但是非常耗时。

最后

非常感谢我的另外两个组员(同桌心里感谢一下就好了哈哈略...)，本来是六个人的组，奈何那三个小伙伴学艺不精，并没有参与到本次的项目来，但还好还有两个能完成任务的大佬，爱死他们了，不然我都不知道一个人该怎么办，更别说拿奖了，所以，特此记录，希望多年以后还能记得他们。

中间那个端着证书的憨憨就是我啦，看得出还是非常腼腆的哈哈，至于拍照技术那只能怪班主任了，一个组就拍两张，另一张效果更差，所以只能放上这张了，因为刚上台所以位置都没调好就拍了，我也是很无奈昂，最后最后，项目终于结束啦，撒花~