diff --git a/book-product/src/main/java/com/bookstore/bookmall/product/controller/BrandController.java b/book-product/src/main/java/com/bookstore/bookmall/product/controller/BrandController.java
index ff2e3ae..9d86ed9 100644
--- a/book-product/src/main/java/com/bookstore/bookmall/product/controller/BrandController.java
+++ b/book-product/src/main/java/com/bookstore/bookmall/product/controller/BrandController.java
@@ -5,8 +5,11 @@ import java.util.HashMap;
 import java.util.Map;
 
 
+import com.bookstore.common.valid.AddGroup;
+import com.bookstore.common.valid.AddShowStatusGroup;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.validation.BindingResult;
+import org.springframework.validation.annotation.Validated;
 import org.springframework.web.bind.annotation.PathVariable;
 import org.springframework.web.bind.annotation.RequestBody;
 import org.springframework.web.bind.annotation.RequestMapping;
@@ -62,7 +65,7 @@ public class BrandController {
      */
     @RequestMapping("/save")
     //@RequiresPermissions("product:brand:save")
-    public R save(@Valid @RequestBody BrandEntity brand /* ,BindingResult result*/){ // @Valid开启校验功能
+    public R save(@Validated(AddGroup.class) @RequestBody BrandEntity brand /* ,BindingResult result*/){ // @Valid开启校验功能
 //        if (result.hasErrors()) {
 //            //获取校验结果,foreach遍历全部错误数据
 //            Map<String, String> map = new HashMap<>();
@@ -92,6 +95,13 @@ public class BrandController {
         return R.ok();
     }
 
+    @RequestMapping("/update/status")
+    //@RequiresPermissions("product:brand:update")
+    public R updateStatus(@Validated(AddShowStatusGroup.class) @RequestBody BrandEntity brand){
+        brandService.updateById(brand);
+        return R.ok();
+    }
+
     /**
      * 删除
      */
diff --git a/book-product/src/main/java/com/bookstore/bookmall/product/entity/BrandEntity.java b/book-product/src/main/java/com/bookstore/bookmall/product/entity/BrandEntity.java
index 34cad0d..c8d0267 100644
--- a/book-product/src/main/java/com/bookstore/bookmall/product/entity/BrandEntity.java
+++ b/book-product/src/main/java/com/bookstore/bookmall/product/entity/BrandEntity.java
@@ -3,10 +3,13 @@ package com.bookstore.bookmall.product.entity;
 import com.baomidou.mybatisplus.annotation.TableId;
 import com.baomidou.mybatisplus.annotation.TableName;
 
+import java.awt.*;
 import java.io.Serializable;
 import java.util.Date;
 
 import com.bookstore.common.valid.AddGroup;
+import com.bookstore.common.valid.AddShowStatusGroup;
+import com.bookstore.common.valid.ListValue;
 import com.bookstore.common.valid.UpdataGroup;
 import lombok.Data;
 import org.hibernate.validator.constraints.URL;
@@ -35,13 +38,13 @@ public class BrandEntity implements Serializable {
 	/**
 	 * 品牌名
 	 */
-	@NotBlank(message = "品牌不能为空", groups = {UpdataGroup.class})
+	@NotBlank(message = "品牌不能为空", groups = {UpdataGroup.class, AddGroup.class})
 	private String name;
 	/**
 	 * 品牌logo地址
 	 */
 	@NotNull
-	@URL(message = "logo必须是一个合法的url地址")
+	@URL(message = "logo必须是一个合法的url地址", groups = {AddGroup.class, UpdataGroup.class})
 	private String logo;
 	/**
 	 * 介绍
@@ -50,16 +53,18 @@ public class BrandEntity implements Serializable {
 	/**
 	 * 显示状态[0-不显示；1-显示]
 	 */
+
+	@ListValue(vals={0, 1},groups = {AddShowStatusGroup.class, AddGroup.class}) //自己编写的校验注解
 	private Integer showStatus;
 	/**
 	 * 检索首字母
 	 */
-	@Pattern(regexp = "/^[a-zA-Z]$/", message = "检索首字母必须是一个首字母")
+	@Pattern(regexp = "^[a-zA-Z]$", message = "检索首字母必须是一个首字母", groups = {AddGroup.class, UpdataGroup.class})
 	private String firstLetter;
 	/**
 	 * 排序
 	 */
-	@Min(value = 0, message="排序必须大于等于0")
+	@Min(value = 0, message="排序必须大于等于0", groups = {AddGroup.class, UpdataGroup.class})
 	private Integer sort;
 
 }
diff --git a/book-product/src/main/java/com/bookstore/bookmall/product/mallProductApplication.java b/book-product/src/main/java/com/bookstore/bookmall/product/mallProductApplication.java
index 51c04c3..f0f55a6 100644
--- a/book-product/src/main/java/com/bookstore/bookmall/product/mallProductApplication.java
+++ b/book-product/src/main/java/com/bookstore/bookmall/product/mallProductApplication.java
@@ -28,10 +28,19 @@ import org.springframework.cloud.client.discovery.EnableDiscoveryClient;
 *  2、在controller中开启校验功能
 *  3、给校验的bean后紧跟一个BindingResult.可以获取校验结果
 *  4、分组校验
+*     1、@NotNull(message = "修改时必须指定品牌id", groups = {UpdataGroup.class})， 为字段添加校验标签，
+*        给校验标注什么情况需要校验
+*     2在controller中使用Validated中开启校验注解
+*       注意，若使用Validated，未指定分组的字段默认不生效
 *统一的异常处理
 * @controllerAdvice
 *  1、当数据校验发生异常时，抛出到controllerAdvice集中处理
 *
+* 自定以校验注解
+*   1、编写一个自定义的校验注解
+*   2、编写一个自定义的校验器
+*   3、关联自定义的校验器和检验注解
+*
 *
 * */
 
diff --git a/mall-common/src/main/java/com/bookstore/common/valid/AddShowStatusGroup.java b/mall-common/src/main/java/com/bookstore/common/valid/AddShowStatusGroup.java
new file mode 100644
index 0000000..610d635
--- /dev/null
+++ b/mall-common/src/main/java/com/bookstore/common/valid/AddShowStatusGroup.java
@@ -0,0 +1,4 @@
+package com.bookstore.common.valid;
+
+public interface AddShowStatusGroup {
+}
diff --git a/mall-common/src/main/java/com/bookstore/common/valid/ListValue.java b/mall-common/src/main/java/com/bookstore/common/valid/ListValue.java
new file mode 100644
index 0000000..cb26c34
--- /dev/null
+++ b/mall-common/src/main/java/com/bookstore/common/valid/ListValue.java
@@ -0,0 +1,21 @@
+package com.bookstore.common.valid;
+
+import javax.validation.Constraint;
+import javax.validation.Payload;
+import javax.validation.constraints.NotNull;
+import java.lang.annotation.*;
+
+@Target({ElementType.METHOD, ElementType.FIELD, ElementType.ANNOTATION_TYPE, ElementType.CONSTRUCTOR, ElementType.PARAMETER, ElementType.TYPE_USE})
+@Retention(RetentionPolicy.RUNTIME)
+@Constraint(validatedBy = {ListValueConstraintValidator.class}) //这里填的是校验器，可以自己编写一个
+@Documented
+
+public @interface ListValue {
+    String message() default "{com.bookstore.common.valid.ListValue.message}"; //会在一个配置文件中取得错误消息，我们用自己的，所以添加一个ValidationMessages.properties
+
+    Class<?>[] groups() default {};
+
+    Class<? extends Payload>[] payload() default {};
+
+    int[] vals() default {};
+}
diff --git a/mall-common/src/main/java/com/bookstore/common/valid/ListValueConstraintValidator.java b/mall-common/src/main/java/com/bookstore/common/valid/ListValueConstraintValidator.java
new file mode 100644
index 0000000..ae26a23
--- /dev/null
+++ b/mall-common/src/main/java/com/bookstore/common/valid/ListValueConstraintValidator.java
@@ -0,0 +1,38 @@
+package com.bookstore.common.valid;
+
+import org.hibernate.validator.internal.util.annotation.ConstraintAnnotationDescriptor;
+
+import javax.validation.ConstraintValidator;
+import javax.validation.ConstraintValidatorContext;
+import java.util.HashSet;
+import java.util.Set;
+
+public class ListValueConstraintValidator implements ConstraintValidator<ListValue, Integer>/*第一个泛型是校验注解，第二个泛型是校验类型*/ {
+
+    private Set<Integer> set = new HashSet<>();
+
+    //初始化方法，会将详细信息给我门
+    @Override
+    public void initialize(ListValue constraintAnnotation) {
+        ConstraintValidator.super.initialize(constraintAnnotation);
+
+        int[] vals = constraintAnnotation.vals(); //获取数据
+        for (int i =0; i < vals.length; i++) {
+            set.add(vals[i]);
+        }
+    }
+
+    @Override
+
+
+    /*
+    @param value 第一个value是用户提交用于校验的数据
+    @param context
+    @return
+    * */
+    public boolean isValid(Integer value, ConstraintValidatorContext constraintValidatorContext) {
+
+        return value == null || set.contains(value);
+    }
+
+}
diff --git a/mall-common/src/main/resources/ValidationMessages.properties b/mall-common/src/main/resources/ValidationMessages.properties
new file mode 100644
index 0000000..4402c68
--- /dev/null
+++ b/mall-common/src/main/resources/ValidationMessages.properties
@@ -0,0 +1 @@
+    com.bookstore.common.valid.ListValue.message=必须提交的值
\ No newline at end of file
diff --git a/renren-fast-vue/src/views/modules/common/category.vue b/renren-fast-vue/src/views/modules/common/category.vue
new file mode 100644
index 0000000..55da341
--- /dev/null
+++ b/renren-fast-vue/src/views/modules/common/category.vue
@@ -0,0 +1,68 @@
+<!--  -->
+<template>
+    <!-- 每一个节点用catid区分 -->
+    <el-tree :data="menus" :props="defaultProps" node-key="catId" ref="menuTree" @node-click="nodeClick">
+
+    </el-tree>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
+//例如：import 《组件名称》 from '《组件路径》';
+
+export default {
+    //import引入的组件需要注入到对象中才能使用
+    components: {},
+    data() {
+        //这里存放数据
+        return {
+            name: 'Category',
+            menus: [],
+            expandedKey: [],
+            defaultProps: { // 分类
+                children: 'children',
+                label: 'name'
+            },
+        };
+    },
+    //监听属性 类似于data概念
+    computed: {},
+    //监控data中的数据变化
+    watch: {},
+    //方法集合
+    methods: {
+        //获取菜单数据
+        getDataList() {
+            this.$http({
+                url: this.$http.adornUrl('/product/category/list/tree'),
+                method: 'get',
+            }).then(({ data }) => {
+                console.log("成功获取到菜单数据。。。", data.data);
+                this.menus = data.data;
+            })
+        },
+        nodeClick(data, node, component){
+            console.log("子组件的节点被点击：", data, node, component);
+            //向父组件发送事件
+            this.$emit("tree-node-click", data, node, component);
+    },
+    },
+
+
+    //生命周期 - 创建完成（可以访问当前this实例）
+    created() {
+        this.getDataList();
+    },
+    //生命周期 - 挂载完成（可以访问DOM元素）
+    mounted() {
+
+    },
+    beforeCreate() { }, //生命周期 - 创建之前
+    beforeMount() { }, //生命周期 - 挂载之前
+    beforeUpdate() { }, //生命周期 - 更新之前
+    updated() { }, //生命周期 - 更新之后
+    beforeDestroy() { }, //生命周期 - 销毁之前
+    destroyed() { }, //生命周期 - 销毁完成
+    activated() { }, //如果页面有keep-alive缓存功能，这个函数会触发
+}
+</script>
diff --git a/renren-fast-vue/src/views/modules/product/attrgroup-add-or-update.vue b/renren-fast-vue/src/views/modules/product/attrgroup-add-or-update.vue
new file mode 100644
index 0000000..4b970ea
--- /dev/null
+++ b/renren-fast-vue/src/views/modules/product/attrgroup-add-or-update.vue
@@ -0,0 +1,120 @@
+<template>
+  <el-dialog
+    :title="!dataForm.attrGroupId ? '新增' : '修改'"
+    :close-on-click-modal="false"
+    :visible.sync="visible">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
+    <el-form-item label="组名" prop="attrGroupName">
+      <el-input v-model="dataForm.attrGroupName" placeholder="组名"></el-input>
+    </el-form-item>
+    <el-form-item label="排序" prop="sort">
+      <el-input v-model="dataForm.sort" placeholder="排序"></el-input>
+    </el-form-item>
+    <el-form-item label="描述" prop="descript">
+      <el-input v-model="dataForm.descript" placeholder="描述"></el-input>
+    </el-form-item>
+    <el-form-item label="组图标" prop="icon">
+      <el-input v-model="dataForm.icon" placeholder="组图标"></el-input>
+    </el-form-item>
+    <el-form-item label="所属分类id" prop="catelogId">
+      <el-input v-model="dataForm.catelogId" placeholder="所属分类id"></el-input>
+    </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        visible: false,
+        dataForm: {
+          attrGroupId: 0,
+          attrGroupName: '',
+          sort: '',
+          descript: '',
+          icon: '',
+          catelogId: ''
+        },
+        dataRule: {
+          attrGroupName: [
+            { required: true, message: '组名不能为空', trigger: 'blur' }
+          ],
+          sort: [
+            { required: true, message: '排序不能为空', trigger: 'blur' }
+          ],
+          descript: [
+            { required: true, message: '描述不能为空', trigger: 'blur' }
+          ],
+          icon: [
+            { required: true, message: '组图标不能为空', trigger: 'blur' }
+          ],
+          catelogId: [
+            { required: true, message: '所属分类id不能为空', trigger: 'blur' }
+          ]
+        }
+      }
+    },
+    methods: {
+      init (id) {
+        this.dataForm.attrGroupId = id || 0
+        this.visible = true
+        this.$nextTick(() => {
+          this.$refs['dataForm'].resetFields()
+          if (this.dataForm.attrGroupId) {
+            this.$http({
+              url: this.$http.adornUrl(`/product/attrgroup/info/${this.dataForm.attrGroupId}`),
+              method: 'get',
+              params: this.$http.adornParams()
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm.attrGroupName = data.attrGroup.attrGroupName
+                this.dataForm.sort = data.attrGroup.sort
+                this.dataForm.descript = data.attrGroup.descript
+                this.dataForm.icon = data.attrGroup.icon
+                this.dataForm.catelogId = data.attrGroup.catelogId
+              }
+            })
+          }
+        })
+      },
+      // 表单提交
+      dataFormSubmit () {
+        this.$refs['dataForm'].validate((valid) => {
+          if (valid) {
+            this.$http({
+              url: this.$http.adornUrl(`/product/attrgroup/${!this.dataForm.attrGroupId ? 'save' : 'update'}`),
+              method: 'post',
+              data: this.$http.adornData({
+                'attrGroupId': this.dataForm.attrGroupId || undefined,
+                'attrGroupName': this.dataForm.attrGroupName,
+                'sort': this.dataForm.sort,
+                'descript': this.dataForm.descript,
+                'icon': this.dataForm.icon,
+                'catelogId': this.dataForm.catelogId
+              })
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.$message({
+                  message: '操作成功',
+                  type: 'success',
+                  duration: 1500,
+                  onClose: () => {
+                    this.visible = false
+                    this.$emit('refreshDataList')
+                  }
+                })
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          }
+        })
+      }
+    }
+  }
+</script>
diff --git a/renren-fast-vue/src/views/modules/product/attrgroup.vue b/renren-fast-vue/src/views/modules/product/attrgroup.vue
new file mode 100644
index 0000000..2da79ce
--- /dev/null
+++ b/renren-fast-vue/src/views/modules/product/attrgroup.vue
@@ -0,0 +1,179 @@
+<!--  -->
+<template>
+    <el-row :gutter="20">
+        <el-col :span="6">
+            <category @tree-node-click="treeNodeClick"></category>
+        </el-col>
+        <el-col :span="18">
+            <div class="mod-config">
+                <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+                    <el-form-item>
+                        <el-input v-model="dataForm.key" placeholder="参数名" clearable></el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button @click="getDataList()">查询</el-button>
+                        <el-button v-if="isAuth('product:attrgroup:save')" type="primary"
+                            @click="addOrUpdateHandle()">新增</el-button>
+                        <el-button v-if="isAuth('product:attrgroup:delete')" type="danger" @click="deleteHandle()"
+                            :disabled="dataListSelections.length <= 0">批量删除</el-button>
+                    </el-form-item>
+                </el-form>
+                <el-table :data="dataList" border v-loading="dataListLoading" @selection-change="selectionChangeHandle"
+                    style="width: 100%;">
+                    <el-table-column type="selection" header-align="center" align="center" width="50">
+                    </el-table-column>
+                    <el-table-column prop="attrGroupId" header-align="center" align="center" label="分组id">
+                    </el-table-column>
+                    <el-table-column prop="attrGroupName" header-align="center" align="center" label="组名">
+                    </el-table-column>
+                    <el-table-column prop="sort" header-align="center" align="center" label="排序">
+                    </el-table-column>
+                    <el-table-column prop="descript" header-align="center" align="center" label="描述">
+                    </el-table-column>
+                    <el-table-column prop="icon" header-align="center" align="center" label="组图标">
+                    </el-table-column>
+                    <el-table-column prop="catelogId" header-align="center" align="center" label="所属分类id">
+                    </el-table-column>
+                    <el-table-column fixed="right" header-align="center" align="center" width="150" label="操作">
+                        <template slot-scope="scope">
+                            <el-button type="text" size="small"
+                                @click="addOrUpdateHandle(scope.row.attrGroupId)">修改</el-button>
+                            <el-button type="text" size="small"
+                                @click="deleteHandle(scope.row.attrGroupId)">删除</el-button>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <el-pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle"
+                    :current-page="pageIndex" :page-sizes="[10, 20, 50, 100]" :page-size="pageSize" :total="totalPage"
+                    layout="total, sizes, prev, pager, next, jumper">
+                </el-pagination>
+                <!-- 弹窗, 新增 / 修改 -->
+                <add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate"
+                    @refreshDataList="getDataList"></add-or-update>
+            </div>
+        </el-col>
+
+    </el-row>
+</template>
+
+
+<script>
+/*
+父子组件传递数据
+1、子组件给父组件传递数据，事件机制
+  子组件给父子件发送一个事件，携带上数据
+
+*/
+
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
+//例如：import 《组件名称》 from '《组件路径》';
+import Category from "../common/category.vue";
+import AddOrUpdate from "./attrgroup-add-or-update.vue";
+
+export default {
+    //import引入的组件需要注入到对象中才能使用
+    components: { Category, AddOrUpdate },
+    data() {
+        return {
+            dataForm: {
+                key: ''
+            },
+            dataList: [],
+            pageIndex: 1,
+            pageSize: 10,
+            totalPage: 0,
+            dataListLoading: false,
+            dataListSelections: [],
+            addOrUpdateVisible: false
+        }
+    },
+    //监听属性 类似于data概念
+    //监控data中的数据变化
+    watch: {},
+    //方法集合
+    methods: {
+        //感知树节点被点击
+        treeNodeClick(data, node, component) {
+            console.log("attrgroup感知到节点被点击", data, node, component);
+            console.log("菜单id:", data.catId);
+
+        },
+
+        // 获取数据列表
+        getDataList() {
+            this.dataListLoading = true
+            this.$http({
+                url: this.$http.adornUrl('/product/attrgroup/list'),
+                method: 'get',
+                params: this.$http.adornParams({
+                    'page': this.pageIndex,
+                    'limit': this.pageSize,
+                    'key': this.dataForm.key
+                })
+            }).then(({ data }) => {
+                if (data && data.code === 0) {
+                    this.dataList = data.page.list
+                    this.totalPage = data.page.totalCount
+                } else {
+                    this.dataList = []
+                    this.totalPage = 0
+                }
+                this.dataListLoading = false
+            })
+        },
+        // 每页数
+        sizeChangeHandle(val) {
+            this.pageSize = val
+            this.pageIndex = 1
+            this.getDataList()
+        },
+        // 当前页
+        currentChangeHandle(val) {
+            this.pageIndex = val
+            this.getDataList()
+        },
+        // 多选
+        selectionChangeHandle(val) {
+            this.dataListSelections = val
+        },
+        // 新增 / 修改
+        addOrUpdateHandle(id) {
+            this.addOrUpdateVisible = true
+            this.$nextTick(() => {
+                this.$refs.addOrUpdate.init(id)
+            })
+        },
+        // 删除
+        deleteHandle(id) {
+            var ids = id ? [id] : this.dataListSelections.map(item => {
+                return item.attrGroupId
+            })
+            this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+            }).then(() => {
+                this.$http({
+                    url: this.$http.adornUrl('/product/attrgroup/delete'),
+                    method: 'post',
+                    data: this.$http.adornData(ids, false)
+                }).then(({ data }) => {
+                    if (data && data.code === 0) {
+                        this.$message({
+                            message: '操作成功',
+                            type: 'success',
+                            duration: 1500,
+                            onClose: () => {
+                                this.getDataList()
+                            }
+                        })
+                    } else {
+                        this.$message.error(data.msg)
+                    }
+                })
+            })
+        }
+    },
+
+}
+</script>