zoukankan      html  css  js  c++  java
  • 业务逻辑:完成角色列表显示功能,二、完成角色添加功能 三、完成用户数据列表显示功能

    提示:使用EasyUIdatagrid组件动态展示后台角色列表数据

    操作步骤:

    1. 将角色列表页面中datagridurl属性修改为查询角色列表的action请求路径
    2. 编写roleAction的查询角色列表方法
    3. action的查询角色列表方法中调用service层对象查询角色列表
    4. 将查询出来的角色列表转换成json数据回显到页面

    一、 完成角色添加功能

    提示:添加的角色需要指定该角色具备哪些操作权限,该角色能显示哪些菜单,在保存角色时需要关联好权限和菜单数据

    操作步骤:

    1. 角色添加页面加载后发起ajax请求获取所有权限数据并生成类型为复选框的输入框显示在页面中
    2. 角色添加页面加载后发起ajax请求获取所有菜单数据并将其以ztree树的形式进行展示,同时开启树的复选框功能
    3. 给表单设置action请求路径,并给提交按钮绑定点击事件
    4. 在提交按钮点击事件函数中校验表单数据
    5. 校验成功后获取ztree中勾选中的节点集合并拼接为以逗号分隔的字符串
    6. 将字符串设置到表单的隐藏域中,随后点击提交表单
    7. 在角色action中使用属性封装来接收提交的权限id数据和菜单id字符串,在添加角色方法中调用service层
    8. 保存角色,并根据菜单id和权限id查询出对应的对象并给角色进行关联

    一、 完成用户数据列表显示功能

    提示:使用EasyUIdatagrid组件动态展示后台用户列表数据

    操作步骤:

    1. 将用户列表页面中datagridurl属性修改为查询用户列表的action请求路径
    2. 编写userAction的查询用户列表方法
    3. action的查询用户列表方法中调用service层对象查询用户列表
    4. 将查询出来的用户列表转换成json数据回显到页面
  • 相关阅读:
    vue自定义指令clickoutside使用以及扩展用法
    抓包工具Charles的使用教程
    vue之element-ui文件上传
    Vue省市区三级联选择器V-Distpicker的使用
    Vue如何封装多个全局过滤器到一个文件
    vue工程中使用iconfont在线CDN不生效的问题
    es6 Null 传导运算符
    js中布尔值为false的六种情况
    vue-vli3创建的项目配置热更新
    js思维导图
  • 原文地址:https://www.cnblogs.com/shan1393/p/9250355.html
Copyright © 2011-2022 走看看