功能的设想:
通过isqr这个值来确定该耗材是否使用二维码管理,在新增耗材种类的时候加入该属性(选择是或否),并写入数据库,在显示库存数据的时候查找该值,以此决定是否显示二维码并扫码出入库。
遭遇的问题:
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 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 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值为“否”的耗材不再显示二维码。
最终困扰了我们了两个多月的问题终于得到了完美的解决。