24、商城系统（六）：品牌管理功能，状态显示设置，阿里云oss从零配置，前后端联调图片上传，统一异常处理，JSR303校验、分组校验、自定义校验

目录

一、品牌管理代码生成器生成前端代码

二、关闭eslint的代码校验

三、表单页面显示状态变更

1.显示状态变更成按钮式

2.更新页面左侧文字宽度

3.每次变更状态调用一下更新接口

四、阿里云oss上传图片

1.上传图片的方式

2.阿里云oss申请

3. 做oss文件上传测试（可跳过）

（1）在common模块添加阿里云的依赖

（2）在product模块添加阿里云的账户

（3）编写测试文件

（4）去阿里云查看结果

4.做一个third-party模块用作第三方功能（重要）

（1）创建文件

（2）引入依赖

（3）注册到注册中心

（4）创建nacos

（5）阿里云新建一个目录，并配置跨域

（6） 编写获取签名的接口

（7）测试

（8）gateway网关添加third-parth

五、前后端联调上传图片到oss（重要）

 1.前端代码通用上传功能

2.前端引用图片上传功能

3.测试

4.展示图片

六、表单校验，JSR303校验，统一异常处理

1.前端校验

2.后端使用JSR303校验入参

3.统一异常处理

七、JSR303分组校验

1.在common定义两个注解

2.对象的校验加上分组

3.controller的校验使用@Validated(value = UpdateVaild.class)

八、JSR303自定义校验

1.首先设置好字符集

2.自己写一个校验注解

 3.使用自定义注解

4.postman测试

九、感谢支持

---

一、品牌管理代码生成器生成前端代码

我们先在菜单管理新增一个品牌管理

然后用人人开源的代码生成器生成前端代码，复制进vscode 

 

可以看到效果：

但是因为我们没有设置按钮权限，所以把代码中按钮权限统一放开：