公司重构旧项目,技术栈Vue+Element-UI,如何做比较好?

问题描述

公司的旧的项目是使用了 ext.js + 后端 比较老的框架 SSH + JSP,需要看懂旧项目的逻辑进行重构,稍微瞄了几眼旧项目,一个js文件写了四五千行代码,这是大家所说的屎山代码吗?新项目用的Vue2 + element-UI 进行重构,需求的话,基本是给一个功能模块,你跟着照搬过来,很多时候,旧项目在跑一些弹窗的流程的时候,还会出现各种莫名其妙的BUG,比如有其他的手册教怎么操作后会有相应的内容弹出,但是你跟着那样子操作是没有的...等等等,一些莫名其妙的问题,不是很懂该如何进行项目,- -!

问题出现的环境背景及自己尝试过哪些方法

联调后端接口的时候,由于系统涉及了很多用户权限的判断,所以要做很多层的逻辑处理,要慢慢的去看下旧项目的代码去用Vue重写一遍,现在遇到问题,和后端联调接口,后端直接丢一个postman的接口会出现很多调试不通,比如直接报一些后端封装好的 500错误,java的空指针错误,等等等...到现在项目进行得比较慢,线上有测试环境可以跑通项目但是,还是没接口文档看(好像有个东西叫逆向解析接口?抓包去看相应接口做了什么事情么?)

由于页面有很多的表单页提交,会做很多的校验,现在做完的工作只做了个校验,校验完联调接口,很多角色权限去弄,后端也没给说哪个接口,对应哪个权限,给我感觉后端对旧项目的接口也不是特别熟悉,工作想再进行下去,有点难搞。。。。看之前逻辑和联调接口比较麻烦- -!,因为你联调不成功前面的接口,后面的弹窗也没法做,难顶......

最近遇到挺多问题,比如弹窗组件封装完,父子需要监听对应的值,要用到computed + update:xxx(不怎么想用vuex弄,虽然会省事很多)
比如单个表单验证后在按钮点击做一个校验,是一个失去焦点之后触发valid的报红,才做校验,但是找不到element form的回调具体是在哪执行,最后通过dom去判断实现了,比较花哨的写法,就怕review代码麻烦 emm。。

你期待的结果是什么?

欢迎各位大佬指正,看看有啥对项目进展有帮助的,需求做不完项目经理可不开心了哦- -

阅读 2k
1 个回答

可能重构不来,当然上面肯给时间当我没说

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题