p51分类删除效果细化

添加删除确认框
在这里插入图片描述
删除后任然展示父级节点,而不是收缩菜单,添加一个expend key属性即可

p52三级分类新增

后端就是简单的插入,前端先获取新增菜单的父级分类id和菜单的level级别等

p53修改分类

后端也是简单的修改

p54三级分类拖拽效果

在这里插入图片描述

p55 拖拽数据收集这集有点晕

这集有点难搞,利用node节点和data数据
核心就在于拖动节点时候,1 修改节点自身的父节点,2 以及自己节点的level发生变化的时候,及时修改,3 并且重新把当前节点所在的兄弟节点排序
这里有个好处就是element拖动时候,饿了么已经给我们排好了node的level,我们只需要把data的catelevel修改为level的值就可以了
在这里插入图片描述

p56拖拽功能完成

利用前端逻辑处理后,要发送给后端的分类数据,是一个数组,兄弟分类只需要重新排序,修改的分类除了排序sort还要额外修改父级分类parentid,级别catlevel(其实数据库只是修改这3个字段)
在这里插入图片描述

p57修改拖拽效果

添加关闭开启按钮以及批量保存按钮
在这里插入图片描述

p58三级分类删除批量删除

后端就是简单的删除

p59 逆向工程生成前后端代码

在这里插入图片描述

逆向生成了商品品牌的前后端代码

p60品牌管理添加显示开关

切换开关按钮时会向后台发送请求.修改品牌的显示状态字段
在这里插入图片描述

p61品牌管理云服务存储

在这里插入图片描述
项目中上传方式
第一种:要先将文件上传到我们的服务器,占用带宽

第二种:访问我们的服务器取得签名,使用签名后前端在再上传到阿里云,用这种比较好

p62 品牌管理 oss测试

使用了阿里云的原生oss上传
在这里插入图片描述

使用cloud alibaba 结合oss

依赖

<groupId>com.alibaba.cloud</groupId>
<artifactId>spring-cloud-starter-alicloud-oss</artifactId>
<version>2.2.0.RELEASE</version>

配置
在这里插入图片描述

上传
在这里插入图片描述

p63 建立第三方服务

建立了一个第三方服务
在这里插入图片描述

p64 前后端联调上传图片

在这里插入图片描述

P65 前端表单校验自定义校验器

前端自定义一些校验器

p66 品牌管理 JSR303校验

使用方法
在这里插入图片描述

在这里插入图片描述

可以使用bindingresult自己我们自己来处理返回指定格式的数据

p67统一异常处理

在这里插入图片描述

p68 JSR303分组校验

定义一个空接口.做标识用
在这里插入图片描述
在实体类上加上注解

在controller方法上加上这个**@Validated**注解,指定分组

p69自定义校验注解

正则校验
在这里插入图片描述
自定义校验注解

1.自定义一个注解,指定可以使用的0 ,1两种值

在这里插入图片描述

上面这个注解需要依赖

配置注解默认的message

2自定义一个校验器

需要实现一个接口ConstrainValidator
在这里插入图片描述
只要提交的值包含在规定的值,返回true

3校验器和校验注解关联

在这里插入图片描述

p70 spu sku 规格属性销售属性

在这里插入图片描述

p71属性组

把分类树形菜单提取出来.作为一个组件,点击改变分类时,应该查询分类对应的属性组
前端要使用父子节点通信
在这里插入图片描述

在这里插入图片描述

p72获取分类的属性组

一个商品分类下面有多个属性分组
在这里插入图片描述

p73新增属性组

主要是前端
在这里插入图片描述
eleme级联标签cascader介绍

prop会拿到分类数组的每一个分类,渲染出级联效果

在这里插入图片描述

后端结果为空时不返回该字段

p74修改属性组

在这里插入图片描述

修改时,应该回显完整的三级分类

在这里插入图片描述
用递归获取该属性组的所属三级分类

p75品牌与分类关联 mybatisplus分页

在这里插入图片描述

mybatisplus分页

@Configuration
@MapperScan("com.atguigu.gulimall.product.dao")
@EnableTransactionManagement
public class MybatisConfig {@Beanpublic PaginationInterceptor paginationInterceptor() {PaginationInterceptor paginationInterceptor = new PaginationInterceptor();// 设置请求的页面大于最大页后操作， true调回到首页，false 继续请求  默认falsepaginationInterceptor.setOverflow(true);// 设置最大单页限制数量，默认 500 条，-1 不受限制paginationInterceptor.setLimit(1000);return paginationInterceptor;}
}

品牌与分类关联 (多对多)

查询品牌对应哪些分类
在这里插入图片描述

在这里插入图片描述
中间表表做了冗余字段

新增品牌与分类关联

###修改分类与品牌时,也要记得更新中间表的冗余字段

p76属性新增

一个属性对应一个分类,添加时,属性表中插入了分类id,还需要属性与属性组中间表插入,

在这里插入图片描述
后端用一个vo来接受

在这里插入图片描述

p77 查询属性列表

条件查询+是否是某个分类下的属性

 @Overridepublic PageUtils queryAttrPage(Map<String, Object> map, Long catelogId) {QueryWrapper<AttrEntity> queryWrapper = new QueryWrapper<>();//是否携带分类if (catelogId!=0){queryWrapper.eq("catelog_id",catelogId);}//条件String key = (String) map.get("key");if (StringUtils.isNotEmpty(key)){queryWrapper.and((obj)->{obj.eq("attr_id",key).or().like("attr_name",key);});}IPage<AttrEntity> page = this.page(new Query<AttrEntity>().getPage(map), queryWrapper);return new PageUtils(page);}