谷粒商城 (二十二) --------- 商品服务 API 属性分组 ③ 新增修改分组

客官°小女子只卖身不卖艺 2024-04-07 14:28 111阅读 0赞

#### 目录 ####

*  一、新增分组
 *  二、修改分组

--------------------

## 一、新增分组 ##

新增分组中的所属分类我们来使用级联选择器进行选择，效果如图所示：

![在这里插入图片描述][fb6c72f546a14d66b5f1141a2cedd1f8.png]  
![在这里插入图片描述][2924a8fdbe044d35a25b4fa1a5120430.png]  
但我们发现三级目录之后还有一个空集合，我们需要在后端修改这里。。。。

![在这里插入图片描述][9c24f6e29e5e46b8a28ddd616125f736.png]  
重启服务之后显示正常。。。

![在这里插入图片描述][9918483978ef4cf8aa896fcfcf4dc8bf.png]

## 二、修改分组 ##

点击修改按钮，我们发现所属分类没有回显，我们需要对其进行修改。。。

![在这里插入图片描述][01637409ed4e4335a17de9c14d45726e.png]  
前端 ：  
![在这里插入图片描述][90c6ba08f79344d385c9858d00f3baca.png]  
后端我们需要封装具体分类的完整路径。。。

首先来定义一个路径属性，同时标志在数据库中不存在

![在这里插入图片描述][24fd2b34457c4fab873974c267fb7c31.png]

在 AttrGroupController 中：  
![在这里插入图片描述][ba27a627780c43e2b1316b5880d7ba33.png]  
categoryServiceImpl 中 findCatelogPath 方法为

![在这里插入图片描述][a2d4a3a5c91b42f5b8cc13f6e56fa489.png]

@Override
    public Long[] findCatelogPath(Long catelogId) {
        
        List<Long> paths = new ArrayList<>();
        List<Long> parentPath = findParentPath(catelogId, paths);
    
        Collections.reverse(parentPath);
        return parentPath.toArray(new Long[parentPath.size()]);
    }
    
    public List<Long> findParentPath(Long catelogId, List<Long> paths) {
        
        //1. 收集当前节点 id
        paths.add(catelogId);
    
        CategoryEntity byId = this.getById(catelogId);
        if (byId.getParentCid() != 0) {
        
            findParentPath(byId.getParentCid(), paths);
        }
        return paths;
    }

定义测试类：

![在这里插入图片描述][e4ad7b4012954f6b8ab925f48f9cf0fa.png]

![在这里插入图片描述][d83293f1208f4ada941a9696ae8985bf.png]

若在加上搜索功能，可以使用级联选择器的 filterable 属性  
![在这里插入图片描述][cdcba0c374284350ad1e2e6efbf86d4c.png]

[fb6c72f546a14d66b5f1141a2cedd1f8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/f4c49422c1f04dbebc7c8e5e869a8ce7.png
[2924a8fdbe044d35a25b4fa1a5120430.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/9bd5899ce3c440b6af06cd0844a4cef6.png
[9c24f6e29e5e46b8a28ddd616125f736.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/19f0d864a4d84d2388ba71a64c080bbf.png
[9918483978ef4cf8aa896fcfcf4dc8bf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/5478044ce9a14d11b353d0ea36b67b08.png
[01637409ed4e4335a17de9c14d45726e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/6ccb5af93fdd47b1813ac08f08f77a05.png
[90c6ba08f79344d385c9858d00f3baca.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/587f658a6d2a410abd56c0a4b0062b2b.png
[24fd2b34457c4fab873974c267fb7c31.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/e48f2a544fd44483be4546fb6c83d012.png
[ba27a627780c43e2b1316b5880d7ba33.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/4d2a6b7af11d489991b1c63828cd1449.png
[a2d4a3a5c91b42f5b8cc13f6e56fa489.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/42a12824b11a4132b662a99af7a29227.png
[e4ad7b4012954f6b8ab925f48f9cf0fa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/1a9313cfb34e4c65a5654805e8aa4016.png
[d83293f1208f4ada941a9696ae8985bf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/30ff0feab4014043b4015ddf9a2e01a3.png
[cdcba0c374284350ad1e2e6efbf86d4c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/07/4a099841b2f54999b4ca18f1f5827105.png