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

java如何实现库存的减少

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,代码如下:

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

 

       })

 

   })

java如何实现库存的减少

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。
猜你喜欢