java如何实现库存的减少
1、第一步:写个一个库存查询接口,把库存数据返回给前端,备用,代码如下:
int num = 12;
@PostMapping("/queryStore")
@ResponseBody
String queryStore(){
Map<String, Object> m = new HashMap<>();
m.put("num", num);
m.put("type", "假装这是库存");
return JSON.toJSONString(m);
}

2、第二步:写前端页面,把库存总数查询出来并展示,代码如下:
<div id="x1">
</div>
<script src="lib/jquery-3.4.1/jquery-3.4.1.min.js"></script>
<script>
$.post('http://localhost:8081/queryStore', {}, function (data) {
data = JSON.parse(data);
$('#x1').html(data.num);
})
</script>


3、第三步:编写库存减少的代码,就是对库存总数num进行-1操作,代码如下:
@PostMapping("/delStore")
@ResponseBody
String delStore(){
Map<String, Object> m = new HashMap<>();
m.put("num", num-1);
m.put("type", "库存减少了");
return JSON.toJSONString(m);
}

4、第四步:前端页面进行减少的点击事件,触发事件,num-1,代码如下:
<a href="#" id="x2">库存减少</a>
<script src="lib/jquery-3.4.1/jquery-3.4.1.min.js"></script>
<script>
$("#x2").click(function () {
$.post('http://localhost:8081/delStore', {}, function (data) {
data = JSON.parse(data);
$('#x1').html(data.num);
})
})


5、第五步:点击减少库存,可以发现库存已经减一,即从12变为11,如图:

6、第六步:库存减少只需要对库存总数进行减法操作,下面是全部前端代码:
<body>
<div id="x1">
</div>
<a href="#" id="x2">库存减少</a>
<script src="lib/jquery-3.4.1/jquery-3.4.1.min.js"></script>
<script>
$("#x2").click(function () {
$.post('http://localhost:8081/delStore', {}, function (data) {
data = JSON.parse(data);
$('#x1').html(data.num);
})
})
$.post('http://localhost:8081/queryStore', {}, function (data) {
data = JSON.parse(data);
$('#x1').html(data.num);
})
</script>
</body>

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:172
阅读量:54
阅读量:87
阅读量:116
阅读量:140