day09_电商项目_项目实战day3.ppt

Vue_day09,Contents,目,录,修改用户,删除用户 推送代码到码云 权限列表 角色列表 分配权限，角色,Contents,目,录,修改用户,删除用户 推送代码到码云 权限列表 角色列表 分配权限，角色,了解如何弹出对话框,要点提示,修改用户-展示修改用户的对话框,掌握程度：了解,1.1 展示修改用户的对话框,了解如何获取点击的那个用户的信息,要点提示,修改用户-根据Id查询对应的用户信息,掌握程度：了解,1.2 根据Id查询对应的用户信息,了解如何将获取到的用户信息数据渲染到表单中,要点提示,修改用户-渲染修改用户的表单,掌握程度：了解,1.3 渲染修改用户的表单,了解在用户关闭对话框需要重置表单中的内容,要点提示,修改用户-实现修改用户表单的重置操作,掌握程度：了解,1.4 实现修改用户表单的重置操作,了解在用户点击对话框中的确定时需要验证表单中的数据是否正常,要点提示,修改用户-完成提交修改之前的表单预验证,掌握程度：了解,1.5 完成提交修改之前的表单预验证,了解表单验证完毕时如何发送请求更改用户的信息,要点提示,修改用户-提交表单完成用户信息的修改,掌握程度：了解,1.6 提交表单完成用户信息的修改,练习,完成修改用户信息的功能,提示,按照步骤完成修改用户信息的功能A.添加修改用户信息的对话框B.发送请求获取需要修改的用户的信息C.将用户的信息以表单的形式展现在对话框中D.对表单中的数据添加验证E.当用户关闭对话框时，对表单进行重置F.当用户点击对话框中的确定时，发送请求更新用户信息,10分钟,1.6 提交表单完成用户信息的修改,案例：完成修改用户信息的功能,了解如何使用弹窗组件进行弹窗提示了解如何获取用户选择的弹窗结果,要点提示,删除用户-弹框询问用户是否确认删除数据,掌握程度：了解,1.7 弹框询问用户是否确认删除数据,了解如何发送请求完成删除用户,要点提示,删除用户-调用API完成删除用户的操作,掌握程度：了解,1.8 调用API完成删除用户的操作,练习,完成删除用户,提示,按照步骤完成删除用户A.导入MessageBox组件，挂载MessageBox组件Vue.prototype.$confirm=MessageBox.confirmB.在用户点击删除按钮时使用MessageBox组件弹窗询问用户是否删除，并获得用户选择的结果C.当用户点击”确定”时，发送请求删除用户。,5分钟,1.8 调用API完成删除用户的操作,案例：完成删除用户,Contents,目,录,修改用户,删除用户 推送代码到码云 权限列表 角色列表 分配权限，角色,了解如何创建Users分支并推送代码,要点提示,提交代码-创建user子分支并把代码推送到码云仓库中,掌握程度：了解,2.1 创建user子分支并把代码推送到码云仓库中,了解创建rights子分支以及推送码云的过程,要点提示,新建分支-创建rights子分支并推送到码云,掌握程度：了解,2.2 创建rights子分支并推送到码云,练习,完成代码推送,提示,按照步骤完善侧边栏菜单A.创建user子分支，并将代码推送到码云B.创建rights子分支，并将代码推送到码云,10分钟,2.2 创建rights子分支并推送到码云,案例：完成代码推送,Contents,目,录,修改用户,删除用户 推送代码到码云 权限列表 角色列表 分配权限，角色,了解如何添加权限列表子组件以及规则,要点提示,权限列表-通过路由展示权限列表组件,掌握程度：了解,3.1 通过路由展示权限列表组件,了解如何绘制面包屑导航和卡片视图,要点提示,权限列表-绘制面包屑导航和卡片视图,掌握程度：了解,3.2 绘制面包屑导航和卡片视图,了解如何发送请求获取权限列表数据,要点提示,权限列表-调用API获取权限列表的数据,掌握程度：掌握,3.3 调用API获取权限列表的数据,了解如何渲染权限列表UI结构,要点提示,权限列表-渲染权限列表UI结构,掌握程度：掌握,3.4 渲染权限列表UI结构,了解用户-角色-权限 三者之间的关系,要点提示,介绍 用户-角色-权限 三者之间的关系,掌握程度：了解,3.5 介绍 用户-角色-权限 三者之间的关系,练习,完成权限列表,提示,按照步骤完成权限列表A.添加权限列表子组件以及路由规则的设置B.制作页面基本布局(面包屑导航，卡片视图等)C.发送请求获取权限列表数据D.根据数据渲染权限列表表格,8分钟,3.5 介绍 用户-角色-权限 三者之间的关系,案例：完成权限列表,Contents,目,录,修改用户,删除用户 推送代码到码云 权限列表 角色列表 分配权限，角色,了解如何添加角色列表组件以及规则,要点提示,角色列表-通过路由展示角色列表组件,掌握程度：掌握,4.1 通过路由展示角色列表组件,了解如何发送请求获取角色列表数据,要点提示,角色列表-绘制基本布局结构并获取列表数据,掌握程度：掌握,4.2 绘制基本布局结构并获取列表数据,了解如何以表格的形式渲染角色列表数据,要点提示,角色列表-渲染角色列表数据,掌握程度：了解,4.3 渲染角色列表数据,