一.知识回顾

【0.三高商城系统的专题专栏都帮你整理好了，请点击这里！】
【1-系统架构演进过程】
【2-微服务系统架构需求】
【3-高性能、高并发、高可用的三高商城系统项目介绍】
【4-Linux云服务器上安装Docker】
【5-Docker安装部署MySQL和Redis服务】
【6-Git安装与配置过程、Gitee码云上创建项目、IDEA关联克隆的项目】
【7-创建商城系统的子模块并将修改后的信息使用Git提交到Gitee上】
【8-数据库表结构的创建&后台管理系统的搭建】
【9-前端项目的搭建部署、Node安装、VSCode安装】
【10-Node的安装以及全局环境变量的相关配置&解决启动报错的问题(1.Error: Cannot find module ‘fs/promises)(2.npm安装node-sass报错)】
【11-导入人人generator项目并自动生成相关的文件&商品子模块的调试&公共模块common子模块的抽离与实现&Lombok插件的安装】
【12-商品子模块整合MyBatisPlus技术&其它模块通过generator的自动生成与补充完善】
【13-项目中微服务组件的学习-SpringCloudAlibaba微服务生态体系的学习&SpringCloudAlibaba的依赖管理&项目中SpringBoot和SpringCloud版本的统一】
【14-微服务的注册中心与配置中心Nacos&Windows操作系统上安装Nacos和Linux操作系统上用Docker中安装Nacos&每个子项目模块使用Nacos进行服务注册与发现】
【15-项目中服务的远程调用之OpenFeign&订单模块与商品模块集成使用OpenFeign的案例】
【16-配置中心之Nacos的基本使用&Nacos服务之命令空间、Nacos服务之配置组、Nacos服务之配置拆分】
【17-微服务网关之Spring Cloud Gateway&Spring Cloud Gateway网关服务搭建】
【18-业务开发-基础业务-商品模块-分类管理-前后端管理系统的启动-为分类管理表增加数据-Json插件的下载-返回具有层级目录、父子关系结构的数据】
【19-业务开发-基础业务-商品模块-分类管理-管理系统新建菜单-后端项目renren注册到Nacos注册中心和配置中心去-项目gateway网关模块的搭建-浏览器的同源策略与解决跨域问题实操案例】
【20-业务开发-基础业务-商品模块-分类管理-前端展示后端具有层级关系的目录数据-商品系统三级分类的逻辑删除前后端代码实现】

二.商品系统三级分类的新增类别

2.1 新增类别的后台实现

后端对应的controller接口

2.2 新增类别的前端实现

前端整体代码的逻辑整体实现：

下面是前端代码整体实现的一些逻辑细节操作:

对话框页面----》从Element-UI官方查找

弹出对话框后，防止点击其它位置对话框直接关闭，设置这个属性

后端接口方法需要的是一个对象，前端设置属性categoryForm{}以及对话框是否弹出的属性dialogVisable，默认为false，不弹出，只有点击后才弹出。

点击添加后弹出页面，设置append方法

完成表单数据提交的ajax请求—对应我们的addDialog方法

2.3 添加类别访问测试

添加数据

添加数据成功显示

三.商品系统三级分类的更新类别

3.1 后端逻辑实现

后端更新逻辑接口

后端根据商品分类的id查询商品实体对象

注意:补充之前代码的一个Bug

如果在二级分类下面添加三级分类，然后添加的三级分类不能显示。原因在Java后端中的Long类型数据的比较。只需要修改相关代码即可

出错原因

3.2 前端逻辑实现

全局属性的设置

先更新一下append的方法并设置相关的属性

新增加更新的功能

点击更新，进入edit的函数

既有新增，也有更新，通过定义一个submitForm函数来包装俩个子函数（addDialog新增—editDialog更新）

包装函数的接口—submitForm

新增函数接口----addDialog

更新函数接口-----editDialog

前端代码整体实现:

3.3 测试

新建一个二级分类

在刚建立的二级分类下新建立三级分类

更新三级分类的图标和计量单位

删除三级分类

好了，关于【21-业务开发-基础业务-商品模块-分类管理-商品系统三级分类的新增类别前后端代码实现-商品系统三级分类的更新类别前后端代码实现-之前的Bug修正】就先学习到这里，更多内容持续创作更新中，敬请期待。