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

电商项目——初识电商——第一章——上篇
电商项目——分布式基础概念和电商项目微服务架构图，划分图的详解——第二章——上篇
电商项目——电商项目的虚拟机环境搭建_VirtualBox，Vagrant——第三章——上篇
电商项目——Linux虚拟机中安装docker,mysql,redis_VirtualBox——第四章——上篇
电商项目——电商项目的环境搭建_开发工具&环境搭建——第五章——上篇
电商项目——快速开发人人开源搭建后台管理系统&代码生成器逆向工程搭建——第六章——上篇
电商项目——分布式组件（SpringCloud Alibaba，SpringCloud）——第七章——上篇
电商项目——前端基础——第八章——上篇
电商项目——商品服务-API-三级分类——第九章——上篇
电商项目——商品服务-API-品牌管理——第十章——上篇
电商项目——商品服务-API-属性分组——第十一章——上篇
电商项目——商品服务-API-品牌管理——第十二章——上篇
电商项目——商品服务-API-平台属性——第十三章——上篇
电商项目——商品服务-API-新增商品——第十四章——上篇
电商项目——商品服务-API-商品管理——第十五章——上篇
电商项目——商品服务-API-仓库管理——第十六章——上篇

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