2022毕业生入职前端的第一个项目总结

1,103 阅读8分钟

        入职了第一家公司一个多月,第一个项目差不多终于完结了,就差最后老大在整体测试一遍没有问题就交付了。在这一个项目中,我觉得我学习和成长的都挺多的,和之前自己在网上自学前端跟着视频做项目相比较,之前的仅是这一个月的九牛一毛。

目录

        系统页面展示:

        前端技术栈:

        功能介绍:

        一:标准管理

        二:业务处理

        三:统计报表

        四:综合查询

        五:系统设置

        总结:


        系统页面展示:

        第一个项目做的是国家电网——国网云阳供电公司的干部测评系统。以下也是这个系统的登录界面,和功能的一个图片展示。

登录界面

登录界面

功能界面

        前端技术栈:

       1. 这个项目是运用VUE3和他的语法糖setup来完成的。

       2.利用的组件是Element plus

       3.利用Git、Gitee来进行管理进行多人协助开发。

        

        功能介绍:

        因为在自己的电脑上现在运行不了这个项目,我就大概介绍一下这个系统的各个功能,和在这次项目中,我完成了哪几个功能的模块。

        这个系统是为云阳供电公司做的一个干部测评系统,大体功能就是管理员可以在此系统生成一套测评卷,然后选择相应公司的人对此套试卷进行答题,被选中的人将扫描二维码在手机上进行对测评卷的答写。所以这个系统是一个在pc管理端进行对测评卷的生成,然后员工在手机端进行答题的一个系统。下面是此系统具体功能的介绍:

一:标准管理

****这个模块中包含分数项、编辑项、选择项三个功能。在这个模块中,管理员可以通过对测评卷各个题目进行增删查改,题目包括的就是分数项、编辑项、选择项这三类题目。在我入职之前,这个模块就已经完成了,所以对于这个模块我只负责了后期测试的bug修改和一些部分的样式更改。

二:业务处理

****这个模块就是整个系统的关键模块,包含导入名册、生成测评表、考评计划、数据维护这四个功能。我负责了前三个功能:

        1.导入名册: 在这个功能中,管理员可以导入人员信息的Excel文件进去,也可以导出人员信息的Excel文件,也可以在页面中进行对人员的增删改查功能。

     2.生成测评表:这个功能是重中之重的功能,也是我在此系统中遇到最大难题的功能,在这个功能中我也是用了很多时间。在这个功能中,管理员可以把标准功能中新增好的题目生成一套测评卷。以及对测评卷的编辑,在编辑中我遇到很多与后端数据的获取更改和组装的问题,以后有时间可以分享出来,在此就不详细写出来了。

       3.考评计划: 这个功能也是此此项目很关键的一个功能,在生成测评表之后,需要有员工进行测评。所以在这个功能中管理员可以进行对考评批次和场次的新增和编辑,选出要测评的员工,让他们进行对某一张测评卷的答写。在这个功能中可以在考评计划详情中,填写需要的二维码张数,然后下载二维码让员工可以在手机上扫码进行测评。

        4.数据维护: 这个功能是对已经答题过的员工的测评卷进行维护和补录,这个功能我负责的地方主要也是后期的bug修改以及一些校验的添加。

三:统计报表

        这个模块就是两个报表,一个是单人统计报表一个是多人统计报表,在这个模块中可以查询员工对测评表的测评数据的展示,包括得分、绩效等数据。这个模块我参与的不多,就只有在数据的渲染上和同事讨论了一下方法。

四:综合查询

        在这个模块就是管理员可以用员工的信息进行一个他们对测评表的测评结果的一个查询,也差不多是一个展示的功能。这个模块我没有参与,也是最后完成的一个模块。

五:系统设置

****这个模块包含了组织架构、用户管理、角色管理、权限设置、参数配置五个功能,这个模块我主要负责了组织架构和参数配置这两个功能。

        1.组织架构: 这个功能是可以对公司的一个部门的展示和新增、编辑、删除,在这个功能中是用一个树形控件进行的,这也是我入职公司写完两天静态页面后,第一个开始做的功能。之前没用过树形控件,所以开始的时候对我的挑战还是很大,欣慰的是我最后还是完成了。

       2.用户管理: 这个功能管理员可以对用这个系统的用户进行一个增删查改和一个授权他的角色,这个功能也是我入职前就完成了的,所以我也只在项目后期进行了一个bug修改和加校验的添加。

        3.角色管理: 这个功能是对角色的授权和增删查改,每一个角色拥有哪些权限也是在这个功能进行,例如这个角色是超级管理员或者普通管理员。我负责的部分也和用户管理中一样。

       4.权限设置: 这个功能就是对整个系统的权限进行增删查改,也是入职前已经完成的,后面我才了解一个项目的初期就是该从菜单和权限开始写起,所以这个项目的完成情况也是重中之中,在我现在开始的一个新项目中,目前我也是在对这个功能进行编写。

       5.参数配置: 这个功能有三个界面,有他的参数配置、综合等级区间和权重配置,前两个是我完成的,后面一个我只对它的页面布局进行了一个调整。这个功能中管理员可以对参数、综合等级区间和权限的参数进行一个配置和增删查改。在这里面有一个小插曲就是,跟着设计图完成了综合等级区间之后,在测试时老大说换一总功能的展示,把只展示了四个区间的输入框改成了用表格的形式,让管理员不止有四个区间,可以对区间进行增删查改了。

        总结:

        这个项目是我在公司第一个完成的项目,感触还是挺多的,在公司进行一个系统的完成和自己在家进行自学差别是很大的,我学到了和后端的沟通,可以在接口上进行更改和修改。第一次用vue3中的setup语法糖,也是第一次用element plus组件库,和element还是有一些不一样的地方。在技术方面也觉得自己这一个多月以来进步了很多,成长得也挺快的。但不足的就是没有将每次遇到的困难给记录下来,在今后的项目中我会把自己遇到的问题和解决方案给写出来。希望这样也能让自己进步的更快吧。

        这是第一次在掘金上发布我的博客内容,今后会经常发布我在前端项目中遇到的困难,一些解决方案以及一些自己对前端的看法吧。

(目前还是一个前端小辣鸡,正在进步中...)