山东大学项目实训开发日志——基于vue+springboot的医院耗材管理系统(16)

        今天我们解决了一个困扰了我们很久的问题——isqr值的获取与使用。

        功能的设想：通过isqr这个值来确定该耗材是否使用二维码管理，在新增耗材种类的时候加入该属性（选择是或否），并写入数据库，在显示库存数据的时候通过耗材的id查找该值，以此决定是否显示二维码并扫码出入库。

        遭遇的问题：
        1.前后端调用不一致。
        在问题的初始阶段，在前端调用getIsQR方法，但是在后端没有进行相应的调用。此时getIsQr的方法在create()中的getList内调用。

getList() {
        /*
        *略
        */
        getIsQr(this.dataStock.reagentId)；
}
getIsQr(this.dataStock.reagentId).then(response => {
        this.listLoading = false;
        this.isQr = response.data;
      });

api调用代码：

export function getIsQr (params) {
  return request({
    url: '/baseInfo/getisQR',
    method: 'get',
    params: params
  })
}

通过debug发现后端并未调用相应的方法

@ApiOperation("获取是否使用二维码")
    @RequestMapping(value = "/getisQR", method = RequestMethod.GET)
    @ResponseBody
    public CommonResult<String> getisQR(@RequestBody ReagentStock reagentStock) {
        String bool=baseInfoService.searchbycode(reagentStock);
        return CommonResult.success(bool);
    }

  问题的解决：将getIsQr()方法独立出来并在created()里直接调用

created() {
    this.getList();
    this.getStock();
    this.getIsQr();
  },
/*
 *中间代码略
*/
methods: {
    getIsQr(){
      getIsQr(listQuery).then(response => {
        this.isQr = response.data;
      })
    },

2.无法正常传递参数。
在解决了上面的问题后，又出现了新的问题，从前端将参数传入后端时总是报错。
错误为400 Bad Request

解决办法：将方法的属性"get"改为"post"

export function getIsQr(data) {
  return request({
    url: '/baseInfo/getisQR',
    method: 'post',
    data: data
  })
}

3.不能传递正确的参数。
通过debug，发现每次传递进来的参数为空，更改参数后数据的格式不匹配。

null是因为使用的参数不正确。
修改后格式不匹配是因为没有在传入的时候定义为.json文件

解决办法：把后端调用方法时形参列表中的形参类型定义为JSONObject并重写该代码

@ApiOperation("获取是否使用二维码")
    @RequestMapping(value = "/getisQR", method = RequestMethod.POST)
    @ResponseBody
   public CommonResult<String> getisQR(@RequestBody JSONObject id) {
        String stocknum=id.getString("keyword");
        String bool=baseInfoService.searchbycode(stocknum);
        return CommonResult.success(bool);
    }

具体实现：

@Override
    public String searchbycode(String stocknum){
        String reagentid=baseInfoMapper.getreagentid(stocknum);
        String isqr =baseInfoMapper.selectByPrimaryKey(Long.valueOf(reagentid)).getisQR();
        return isqr;
    }

代码得到了正确的运行，isqr值为“否”的耗材不再显示二维码。

如图所示

isqr为“是”的针头和isqr为“否”的纸

最终困扰了我们了两个多月的问题终于得到了完美的解决。