谈谈最近的一个项目总结,提高自己,让思路更清晰(上)

1,074 阅读3分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第6天,点击查看活动详情
目前来看,好像最近几次的项目都是后台管理系统,人力资源的项目比较多

一、谈谈在项目中遇到的问题

1、这个是一个半成品的项目,老大丢给我们做的时候后台数据已经挺完善了,服务器的数据都差不多搭建好了,在配置服务器数据的时候,自己好多环境变量都删了,结果在利用脚手架生成的时候出现了很多bug,目前只是简单的让项目跑起来,在vue.config.js中的open: true,还是注销掉的,后续在软件配置上还要自己在学习一下,
2、在利用vue-element-admin这个配置时,自己在校验这一块还需要多加强一下,对框架的熟悉程度还不算特别高,表单之间,插槽使用还不够熟练,后续还得继续加强

二、项目中主要运用那些技术

正常的人资具备的都差不多,这里就讲讲我觉得特别突出的亮点吧

1、每个模块的拆分,以前每个模块拆分不算很多,加上同事之间的匹配,自己做的就相对比较少,这个项目由于缺人手,才发现,要拆分的是真的挺细的,登录模块,主页模块,路由的拆分,组织架构,公司角色,员工管理,权限设置与权限管理,其他模块的集成,在分细点,图表、日历等等,都是一个模块,一个模块每个东西都拆分出去,工程量挺大的,不过也成长了许多

2、单个技术亮点,我认为svg精灵图的使用,减轻了服务器的访问次数,路由懒加载,路由拆分成模块,这些都是比较经典的vue特性

3、自己手写的一些算法,例如平铺数组转tree型结构,目前大部分人可能会使用外部工具,我觉得自己定制的会更好

三、简单回顾一下自己做的成果

   1、axios的二次封装
      每个模块自己的请求ajax
      请求和响应拦截器的处理逻辑
   2、路由守卫的处理逻辑、
      前置守卫在跳转之前所做的判断
        页面进入之前获取用户信息
      后置守卫在进入之后取消进度条的显示
   3、登录模块
      表单校验
      前端正则的学习,[正则的重要性](https://juejin.cn/post/7099802435702489102)
      经典token持久化的第二种方式:cookie
   4、进度条的使用
   5、主页导航的布局和实现路由跳转的功能
   6、自定义指令的基本使用及封装
   7、路由的基本配置
    给大家推荐一个快速创建文件夹的git命令
       mkdir
    创建文件的命令
       touch
   8、svg精灵图的实现
   9、组织架构模块
      树形组件认识

image.png

      单独树操作栏组件的表单
      删除部门,新增部门,修改部门的配置

四、总结经验

1、目前自己还处于学习阶段,对待知识的太多 还是要多多学习
2、积累经验,不断总结,每天进步,保持对知识的敬畏
3、细心做某些事,把思路理清楚,有条理,不要到最后自己找不到自己的文件