Springboot+EasyUI ————商品上架/商品下架

一、商品上架 

1.1 页面分析

 

 

 1.2  原来的js

  handler:function(){
            var ids = getSelectionsIds();
            if(ids.length == 0){
                $.messager.alert('提示','未选中商品!');
                return ;
            }
            $.messager.confirm('确认','确定上架ID为 '+ids+' 的商品吗？',function(r){
                if (r){
                    var params = {"ids":ids};
                    $.post("/item/reshelf",params, function(data){
                        if(data.status == 200){
                            $.messager.alert('提示','上架商品成功!',undefined,function(){
                                $("#itemList").datagrid("reload");
                            });
                        }
                    });
                }
            });
        }

handler:function(){
            //获取选中的ID串中间使用","号分割
            var ids = getSelectionsIds();
            if(ids.length == 0){
                $.messager.alert('提示','未选中商品!');
                return ;
            }
            $.messager.confirm('确认','确定下架ID为 '+ids+' 的商品吗？',function(r){
                if (r){
                    var params = {"ids":ids};
                    $.post("/item/instock",params, function(data){
                        if(data.status == 200){
                            $.messager.alert('提示','下架商品成功!',undefined,function(){
                                $("#itemList").datagrid("reload");
                            });
                        }
                    });
                }
            });
        }

为了使商品上架和下架使用同一方法，因为对商品上架以及商品下架的js（页面路径）进行的优化，根据动态的获取参数，实现商品的状态更新。

    优化后的js

$.messager.confirm('确认','确定上架ID为 '+ids+' 的商品吗？',function(r){
                if (r){
                    var params = {"ids":ids};
                    $.post("/item/UpdateStauts/1",params, function(data){
                        if(data.status == 200){
                            $.messager.alert('提示','上架商品成功!',undefined,function(){
                                $("#itemList").datagrid("reload");
                            });
                        }
                    });
                }
            });

$.messager.confirm('确认','确定下架ID为 '+ids+' 的商品吗？',function(r){
                if (r){
                    var params = {"ids":ids};
                    $.post("/item/UpdateStauts/2",params, function(data){
                        if(data.status == 200){
                            $.messager.alert('提示','下架商品成功!',undefined,function(){
                                $("#itemList").datagrid("reload");
                            });
                        }
                    });
                }
            });

二、 后端

　　controller 层

    /**
     * 实现上架/下架通用操作
     *     url: /item/reshelf   上架操作 status=1
     *     url: /item/instock   下架操作 status=2
     *     restFUl操作方法

     */


    @RequestMapping("/UpdateStauts/{status}")
    public SystemResult UpdateStauts(@PathVariable Integer status, Long... ids){
        itemService.UpdateStauts(status,ids);
        return SystemResult.success();

    }

　　service /  impl层

  void  UpdateStauts(Integer status,Long[] ids);

    @Transactional
    @Override
    public void UpdateStauts(Integer status,Long[] ids) {
        //1、获取修改的数据，封装实体类，
         Item item = new Item();
         item.setStatus(status);
         //2、使用条件构造器，利用where条件进行拼接
         UpdateWrapper updateWrapper = new UpdateWrapper();
         List<Long> list = Arrays.asList(ids);
         updateWrapper.in("id", list);
        itemMapper.update(item, updateWrapper);
    }

三、 页面效果