HRS--人力资源系统(Springboot+vue)--打基础升级--(五)编辑当条记录

今天开发第一步:当前条记录,点击编辑,可以修改数据

1.  首先点击编辑,获取到了当前条的数据,弹出了一个小窗口

 这个窗口是不是很熟悉,,没错。。这个窗口跟新增按钮弹出的窗口是同一个的

bug1:所以,触发了本次的第一个bug,那就是点新增按钮后,应该出现的是个空白窗口才对,但是它拿到了点编辑按钮的那条数据。

解决方法:如何,修改呢,就是点新增按钮时,将当前窗口的数据置为空

2. 因为用的是一个窗口,所以自然提交确定按钮用的也是同一个,是add/employInfo接口,这里做下修改,把接口地址改为modify/employInfo,在这个统一对外的接口里,统一做数据增删改的操作,对外只暴露一个接口即可。

初始:

 改造后:

bug2:编辑的时候,时间选择当前的时间包括时分秒,但是后端跟数据库都用的是Date类型来保存时间,只要年月日。出现了未识别的日期

 

  

解决方法:因为这里有UTC跟本地时间时差的转换问题,所以就改成统一的格式,这里就保留了时分秒的数据,所以在Vue的element标签中选择了datatime,数据库的日期类型格式也为datatime

 在读出时间数据的时候也做类型的转换

 最后显示正常

 第二步:当前记录的删除按钮

bug3: 就是删除完之后页面不会自动更新,重新生成存在的数据 

网上搜了一些方法,要么写起来报错,要么效果不好,先暂时用这个(location.reload())来刷新吧,会有一闪页面的不好体验,而且是整个页面刷新不是局部。

猜你喜欢

转载自blog.csdn.net/weixin_42450130/article/details/132521073