基于SSM架构的CRM系统(四):部门模块加上关联对象的CRUD&部门菜单&高级查询&集成后台主页面

前一天做了部门的列表

新增和删除还没有处理(删除不用处理):

首先要加新增和编辑的dialog里面的表单要加字段,部门状态使用单选框,并且关联字段"上级部门","部门经理"不能使用文本框,把数据列表出来,用户使用的时候直接下拉选择:

部门经理是员工对象,考虑到可能有重名,使用combogrid,展示多个字段,便于区分是哪个部门员

上级部门是部门对象,考虑到部门下面还有子部门,使用combotree

.................(具体看步骤和代码)

步骤总结:

一 上级部门处理
 1.1 控件选择
    combotree-部门拥有上下级并且是选择框架
 1.2 后台查询部门树
           一对多嵌套结果
 1.3 前台简单实现
    name--text   (适配easyui,写一个getText方法,return name;)
 1.4 前台高级
        回显--setValue
              部门树变化加载-打开新建或修改对话框时重新加载
二 部门经理
      从所有员工中选择一个员工来作为部门经理
  2.1 控件选择
              为了显示的员工信息更加精确，选择combogrid(下拉表格)，表格里面可以显示更多员工信息。
               这个控件还有一个NB的功能，通过用户输入动态往后台查询数据。设置mode为remote，并且文件传到后台的参数名为q
  2.2 员工能够通过参数q做高级查询
          这个q就相当于原来keyword（关键字），为了兼容combogrid我们定义为q而不是keyword
  2.3 简单实现部门经理选择
  2.4 高级
         回显 setValue
         分页条
         pagination:true
         //--对分页条简化
          //1）通过combogrid获取grid  combogrid=combo+grid， $('#cc').combogrid('grid');
             var grid = $("#cg").combogrid('grid');
          //2)通过grid获取分页条   grid=其他+分页条，getPager
            var pager= grid.datagrid('getPager');
          //3)通过分页条对象简化分页条 Pagination修改属性就ok
            pager.pagination({ 
              showPageList:false, 
              showRefresh:false,
              displayMsg:''
              }); 
      mode=remote--后台要支持（员工q高级查询）
      
 三 部门查询
 3.1 分类
       简单查询：就是本页面直接写少量的查询条件进行查询。
       高级查询：就是本页面弹出一个模态框写查询条件进行查询。
 3.2 高级查询原理：
    1）当点击查询按钮时，要能触发一个响应函数。
    2）响应函数里面要做以下事情
      ①要把查询添加表单里面的查询添加封装成一个对象
        {
            code: '01',
            name: 'name01'
        }
      ②调用datagrid的load方法，构造好的json对象作为参数进行传入。
          $('#dg').datagrid('load',{
            code: '01',
            name: 'name01'
        });
          
     3）后台要对传入json参数进行接收并完成，后台的高级查询。
     
  3.3 简单查询
         有两个查询条件，q（q作用于sn和name）和state
         
  3.4 高级查询
    1）写一个高级查询的按钮
    2）点击高级查询按钮时要打开高级查询对话框
    3）点击高级查询对话框上面的查询按钮时
          ①要把查询添加表单里面的查询添加封装成一个对象
        {
            code: '01',
            name: 'name01'
        }
      ②调用datagrid的load方法，构造好的json对象作为参数进行传入。
          $('#dg').datagrid('load',{
            code: '01',
            name: 'name01'
        });
    4）后台处理高级查询条件
     四 集成后台主页  main.jsp  menu.json  index.jsp(输入localhost自动跳转)

代码下载:https://download.csdn.net/download/qq_33526760/11813786