菜鸟Bug之删除

开发开发,bugbug,凡是开发哪能没有bug,以前老是说记录记录,总是解决完之后就不管了,这几天闲了下来,就温习温习吧,这算是在优快云上记录的第一个bug处理。

目录

删除数据仍显示

批量删除数据类型

后端代码

前端处理


删除数据仍显示

开发过程删除一般都是物理删除,页面删除之后,数据库仍然存在,但在页面不需要展示

1、这个第一个想到的就是SQL的正误,是否物理删除掉,查看验证SQL正确与否;

2、接着发现数据表存在用于判断状态的字段,在SQL中添加对应的字段;

3、执行SQL,查看删除数据是否发生改变,再为其添加过滤添加,最后成功修复。

批量删除数据类型

批量删除遇到问题是数据类型问题,前端接受处理JSON类型,后台传值没有此类型,导致报错。

在遇到此问题时,刚开始直接使用List集合接值,但是好像还是不能成功,于此直接使用字符串,再将其从前端接受的值强转,使用List接受。前端也进行了修改。算是解决,可能太麻烦了。后期可以完善此功能。

后端代码

	@SysLog("批量删除")
	@PostMapping("/townDeletes")
	public R townDeletes(@RequestBody String params) {
		List<String> ids = JSON.parseArray(JSON.parseObject(params).getString("ids"), String.class);
		return R.ok(baseTownMappingService.deleteIds(ids));
	}

前端处理

JS

export function delIds (data) {
  return request({
    url: '/base/baseTownMapping/townDeletes',
    method: 'post',
    data
  })
}

​​​vue

delBatchClumnMapping() {
      let ids = []
      this.tableSelectionList.forEach(element => {
        ids.push(element.id)
      });
      console.log(ids)
      this.$confirm('此操作将删除该数据是否继续','提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        let params = {}
        params.ids = ids
        delIds(params).then(res => {
          let data = res.data
          if (data.code == 0) {
            this.$message.success('删除成功')
            this.tableParams.current = 1;
          } else {
            this.$message.error(data.msg)
          }
          this.getList()
        })
      }).catch(() => {
        this.$message({
          type: 'info',
          message: '已取消删除'
        });
      });
    },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值