黑马面面项目实战完结小记

首页 / 回忆日志 / 正文

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

开源地址

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

开源地址 : 传送门

gitee.png

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

项目展示

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

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

1.png

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

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

2.png

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

3.png

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

4.png

最后

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

5.jpg

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

评论区
头像
    头像

    不错不错,我还没参与过团队开发,都是在单打独斗

      头像
      DianC
      4天前
      回复

      其实差不多的,但是就不知道工作以后怎么样了

    头像
    Leonus
    1周前
    回复

    大佬好厉害

      头像
      DianC
      1周前
      回复

      不不不,和大佬差距甚远,目前还在学习阶段