电商项目——商品服务-API-品牌管理&品牌分类关联与级联更新——第十二章——上篇

本文链接：https://blog.csdn.net/qq_44891295/article/details/109108485

文章目录

1：品牌分类关联
2：级联更新问题的出现

1：品牌分类关联

前面我们编写了平台属性中的属性分组，接下来我们对商品系统中的各个接口实现联调

在这里插入图片描述

查询是逆向工程搭建的，我们要使用自己的查询功能；分页统计数据是错的，我们要引入分页插件

引入分页插件
在这里插入图片描述

编写模糊查询功能

接下来我们编写关联查询功能（使用完整的代码）

在我们电商系统中每一个品牌都要有它所属的分类，华为，小米等都是手机分类下的品牌；但是一个品牌不止只关联一个分类，他会关联很多分类；比如小米造了手机关联手机分类，又造电视关联电视分类等；一个品牌会对应多个分类，一个分类下也会有很多品牌，多对多在我们数据库中就会有一张中间表

我们接下来编写如下接口

前端代码（要导入CategoryCascader 组件）
brand.vue

       <el-button type="text" size="small" @click="updateCatelogHandle(scope.row.brandId)">关联分类</el-button>

 <el-dialog title="关联分类" :visible.sync="cateRelationDialogVisible" width="30%">
      <el-popover placement="right-end" v-model="popCatelogSelectVisible">
        <category-cascader :catelogPath.sync="catelogPath"></category-cascader>
        <div style="text-align: right; margin: 0">
          <el-button size="mini" type="text" @click="popCatelogSelectVisible = false">取消</el-button>
          <el-button type="primary" size="mini" @click="addCatelogSelect">确定</el-button>
        </div>
        <el-button slot="reference">新增关联</el-button>
      </el-popover>
      <el-table :data="cateRelationTableData" style="width: 100%">
        <el-table-column prop="id" label="#"></el-table-column>
        <el-table-column prop="brandName" label="品牌名"></el-table-column>
        <el-table-column prop="catelogName" label="分类名"></el-table-column>
        <el-table-column fixed="right" header-align="center" align="center" label="操作">
          <template slot-scope="scope">
            <el-button
              type="text"
              size="small"
              @click="deleteCateRelationHandle(scope.row.id,scope.row.brandId)"
            >移除</el-button>
          </template>
        </el-table-column>
      </el-table>
      <span slot="footer" class="dialog-footer">
        <el-button @click="cateRelationDialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="cateRelationDialogVisible = false">确 定</el-button>
      </span>
    </el-dialog>
  import CategoryCascader from "../common/category-cascader";

代码如下

@RestController
@RequestMapping("product/categorybrandrelation")
public class CategoryBrandRelationController {
   
    @Autowired
    private CategoryBrandRelationService categoryBrandRelationService;

    /**