java如何实现库存的减少

2025-10-27 13:30:44

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);
}

java如何实现库存的减少

2、第二步：写前端页面，把库存总数查询出来并展示，代码如下：

</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>

java如何实现库存的减少

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);
}

java如何实现库存的减少

4、第四步：前端页面进行减少的点击事件，触发事件，num-1，代码如下：

java如何实现库存的减少

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

java如何实现库存的减少

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>

java如何实现库存的减少

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