2021-03-21《vue+element 电商后台管理项目 Day6》

用户管理模块的功能代码查看与梳理（User.vue）

• 请求用户数据列表
  1 根据文档自定义需要的参数
  2 发起ajax网络请求
  3 一般情况下定义多个数组去存放数据
  4 数据列表一般在生命周期函数里直接调用

• 绘制搜索框和添加用户按钮
  1 行跟列组件渲染

• 用户列表的渲染
  1 表格与请求下来的数据数组关联
  2 通过prop指定每一列的数据
  3 对于需要有样式的列用作用域插槽来绑定

• 分页效果
  当页码值和每页数据条数发生改变时，需要分别将函数的回调参数重新赋值给将要发起请求的参数，然后发起请求就实现了分页效果

• 添加用户
  1 根据文档定义需要传递参数的数据对象
  2 点击添加用户让对话框弹出
  3 关闭对话框让表单清空
  4 定义表单可以绑定的数据并且封装在一个数据对象上面
  5 定义数据绑定对象 验证规则对象
  6 预验证通过后发起请求 刷新列表 关闭对话框

• 编辑表单信息
  1 当点击编辑按钮时需要查询本行的数据
  3 通过作用域插槽把这行的id值传进请求查询数据的函数里
  2 把查询用户返回的数据放在editform里面待会请求数据使用
  3 通过editform里的数据项进行表单数据的绑定
  4 利用数据双向绑定的原理表单里的值就呈现出来了
  5表单预验证通过后发起提交按钮的网络请求
  由于每一行的id值不一样，通过id查询到参数也就不一样，绑定在editform的各项值也不一样，所以就达到了编辑表单信息的功能

• 删除表单信息
  1 点击删除按钮，将本行的id值传过去
  2 通过messagebox弹框提示用户是否真的要删除
  3 messagebox的返回值是一个字符串，当字符串为confirm时候，
  发起删除用户的网络请求，并且刷新数据列表