java如何实现库存的减少
1、第一步：写个一个库存查询接口，把库存数据返回给前端，备用，代码如下：int num = 12;@PostMapping("/queryStore")@ResponseBodyString 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")@ResponseBodyString 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>
