菜鸟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: '已取消删除'
        });
      });
    },