【SaaS - Export项目】08部门Dept的查询、分页、增加、删除（ajax）

ゝ一世哀愁。 2022-11-21 11:19 93阅读 0赞

### 文章目录 ###

*   *  部门管理 - 分析
     *  准备
     *  部门信息CRUD（当前默认对公司id=1的部门进行管理）
     *   *  1. 查询部门信息分页显示【\*\*\*】
         *  2. 添加部门信息
         *  3. 通过id删除部门【ajax\*\*\*】

## 部门管理 - 分析 ##

1）部门表dept的结构  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTQyNTM0_size_16_color_FFFFFF_t_70_pic_center]  
2）`parent_id`的父部门id含义  
如果一个部门记录的parent\_id为null，没有上级部门。（形成一个树形结构）  
反之就是上级部门的id。  
3）`company_id`可以用于查询一个分司有几个部门。

## 准备 ##

创建部门类

> 这里要注意：数据库中上级部门存储的是上级部门id，但是我们在这里也直接写成部门对象，方便获取上级部门的信息。
> 
>     public class Dept { 
>        //private String parentId; //数据库是上级部门的id
>        //特殊（类中有一个类还是自己），上级部门也是Dept类，可以直接获取上级部门信息，封装到类中
>        private Dept parent;

//部门类
    public class Dept { 
        //类的成员变量是小驼峰，第二个单词起首字母大写（aaBbCc)
        //数据库是下划线，每个单词小写，使用_隔开（aa_bb_cc)
    
        private String deptId;
        private String deptName;
        //private String parentId; //数据库是上级部门的id
        //特殊（类中有一个类还是自己），上级部门也是Dept类
        private Dept parent;            //在类中，直接用上级部门的类对象（好处：可以直接获取上级部门信息，封装到类中）
        private Integer state;          //部门启用/通用状态
        private String companyId;       //企业id
        private String companyName;     //企业名
        //省略get/set方法
    }

部门增删查改是基于公司而言的，这里我们设置一个`BaseController`模拟，公司id=1的吉首大学，对部门进行管理的时候继承该类，也就是对该登录公司进行部门管理（当前先写为这个默认值）  
`BaseController`

//定义父类BaseController，让子类继承父类的request,session,response,并且注入对象
    //子类继承父类，可以自动拥有父类的非私有成员（方法或者变量）
    //当前默认登录的公司id为1，名称为吉首大学
    public class BaseController { 
        //定义一个可以返回companyId，对部门管理要看公司，这里先设死为1，也就是对id为1的公司的部门进行管理
        public String getLoginCompanyId(){ 
            return "1";
        }
        //定义一个可以返回companyName
        public String getLoginCompanyName(){ 
            return "吉首大学";
        }
    
        //在父类中定义成员变量 request,session,response,并且注入对象
        // 以后控制器方法可以直接使用
        @Autowired
        protected HttpServletRequest request;
        //注入session
        @Autowired
        protected HttpSession session;
        //注入response
        @Autowired
        protected HttpServletResponse response;//需要disable inspection
    
    }

## 部门信息CRUD（当前默认对公司id=1的部门进行管理） ##

### 1. 查询部门信息分页显示【\*\*\*】 ###

【注意】：这里每个部门数据库表都有一个对应的上级部门id（如果没有上级部门，也就是顶级部门，那就为Null），但是在部门类Dept中我们封装的是上级Dept部门对象，而不是上级部门的id，这是为了方便的获取上级部门的信息。  
所以查询当前部门信息，同时查询副部们的信息封装到当前部门，通过`assoication`实现

<association column="parent_id" property="parent" javaType="dept" select="findById"></association>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTQyNTM0_size_16_color_FFFFFF_t_70_pic_center 1]

1.  `export_system_service`子工程test下编写测试查询部门分页显示方法

`TestDeptService`

@RunWith(SpringJUnit4ClassRunner.class)
    @ContextConfiguration("classpath*:spring/applicationContext-*.xml")
    public class TestDeptService { 
        private static final Logger l = LoggerFactory.getLogger(TestDeptService.class);
    
        @Autowired
        IDeptService deptService;
    
        //测试查询公司（通过登录公司的id）的所有部门信息
        @Test
        public void test01(){ 
            //给页面的下拉菜单按公司查找所有的部门
            String  companyId="1";
    
            List<Dept> list = deptService.findAll(companyId);
            //打印
            l.info("test02 部门列表list="+list);
        }
        
        //测试分页查询显示（每页3条）指定公司id的部门 参1：当前页 参2：每页数据大小 参3：公司id
        @Test
        public void test02(){ 
            //部门分页显示
            int curr=1;
            int pageSize=3;
            String  companyId="1";
            //调用分页查找方法 参1：当前第几页 参2：每页多少条 参3：公司id
            PageInfo<Dept> pi = deptService.findByPage(curr,pageSize,companyId);
            //日志打印
            l.info("test01 分页信息pi="+pi);
        }
    }

1.  `export_system_service`子工程创建service接口和实现类

`IDeptService`

//部门业务接口
    public interface IDeptService { 
    	//根据公司id，companyId查找该公司下面的所有的部门
        List<Dept> findAll(String companyId);
    
        //分页查询显示指定公司id的部门 参1：当前页 参2：每页数据大小 参3：公司id
        PageInfo<Dept> findByPage(int curr, int pageSize, String companyId);
    }

`DeptServiceServiceImpl`

//部门业务实现类
    @Service
    public class DeptServiceImpl implements IDeptService { 
    
        //还需要注入dao 根据三层架构 service调用dao
        @Autowired
        IDeptDao deptDao;
    
        @Override
        public List<Dept> findAll(String companyId) { 
            List<Dept> list =  deptDao.findAll(companyId);
            return list;
        }
       
        @Override
        public PageInfo<Dept> findByPage(int curr, int pageSize, String companyId) { 
            //调用dao查询所有的记录，并分页显示
            //select * from dept;
            //select * from dept limit curr-1,pageSize; //拦截器增加limit，分页查询显示
            PageHelper.startPage(curr,pageSize);
            List<Dept> list =  deptDao.findAll(companyId);
            return new PageInfo<>(list);
        }
    }

1.  `export_dao`子工程dao接口及其映射

`IDeptDao`

public interface IDeptDao { 
    
        //通过公司id查找所有部门
        List<Dept> findAll(String companyId);
    }

`IDeptDao.xml` 【\*\*\*】

<?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd" >
    
    <mapper namespace="com.xgf.dao.system.dept.IDeptDao">
    
        
        <resultMap id="deptMap" type="dept">
            <id column="dept_id" property="deptId"/>
            <result column="dept_name" property="deptName"/>
            <result column="company_id" property="companyId"/>
            <result column="company_name" property="companyName"/>
            
            <association column="parent_id" property="parent" javaType="dept" select="findById"></association>
        </resultMap>
    
        
        <select id="findById" parameterType="string" resultMap="deptMap">
            select  * from  pe_dept where dept_id = #{dept_id}
        </select>
    
        
        <select id="findAll" parameterType="string" resultMap="deptMap">
                select * from pe_dept where company_id = #{companyId}
        </select>
    
    </mapper>

1.  测试查询所有部门方法并分页显示，查询成功  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTQyNTM0_size_16_color_FFFFFF_t_70_pic_center 2]
2.  `export_web_manager`子工程编写controller

`DeptController`

@Controller
    @RequestMapping("/system/dept")
    public class DeptController extends BaseController { 
        @Autowired
        IDeptService deptService;
    
        //日志记录
        private static  final Logger l = LoggerFactory.getLogger(DeptController.class);
    
        //查询部门信息，并返回部门列表页面，@RequestParam的defaultValue设置默认值
        @RequestMapping(path="/toList",method ={  RequestMethod.GET, RequestMethod.POST})
        public String toList(Model model, @RequestParam(defaultValue = "1") Integer curr,
                             @RequestParam(defaultValue = "5")  Integer pageSize){ 
            l.info("toList 当前页curr = "+curr);//当前第几页
            l.info("toList 每页数据量pageSize = "+pageSize);//每页记录数
            l.info("toList 部门所属公司companyId = "+super.getLoginCompanyId());//指定公司id
            //查询一个分页
            PageInfo<Dept> pi = deptService.findByPage(curr, pageSize, super.getLoginCompanyId());
    
            l.info("toList pi = "+pi);
            model.addAttribute("pi",pi);
            return "system/dept/dept-list";
        }
    }

`dept-list.jsp`  
按钮工具栏（增加、删除、刷新按钮）

<div class="pull-left">
                        <div class="form-group form-inline">
                            <div class="btn-group">
                                <button type="button" class="btn btn-default" title="新建" onclick='location.href="${path}/system/dept/toAdd?companyId=1"'><i class="fa fa-file-o"></i> 新建</button>
                                <button type="button" class="btn btn-default" title="删除" onclick='deleteById()'><i class="fa fa-trash-o"></i> 删除</button>
                                <button type="button" class="btn btn-default" title="刷新" onclick="window.location.reload();"><i class="fa fa-refresh"></i> 刷新</button>
                            </div>
                        </div>
                    </div>

部门table

<table id="dataList" class="table table-bordered table-striped table-hover dataTable">
                        <thead>
                        <tr>
                            <th class="" style="padding-right:0px;">
                                <input type="checkbox" name="selid" onclick="checkAll('id',this)">
                            </th>
                            <th class="sorting">序号</th>
                            <th class="sorting">编号</th>
                            <th class="sorting">上级</th>
                            <th class="sorting">名称</th>
                            <th class="text-center">操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <c:forEach items="${pi.list}" var="dept" varStatus="st">
                            <tr>
                                <td><input type="checkbox" name="id" value="${dept.deptId }"/></td>
                                <td>${st.count }</td>
                                <td>${dept.deptId }</td>
                                <td>${dept.parent.deptName }</td>
                                <td><a href="/system/dept/toUpdate?id=${dept.deptId }">${dept.deptName }</a></td>
                                <th class="text-center"><button type="button" class="btn bg-olive btn-xs" onclick='location.href="${path}/system/dept/toUpdate?deptId=${dept.deptId}"'>编辑</button></th>
                            </tr>
                        </c:forEach>
                        </tbody>
                    </table>

底部导入重用分页信息（分页工具栏`page.jsp`）

<%-- 底部分页信息 --%>
            <div class="box-footer">
                <%-- 分页页面重用，将url参数传给分页页面，分页页面通过表单提交${param.pageUrl}获取地址来实现分页 --%>
                <jsp:include page="../../common/page.jsp">
                    <jsp:param value="${path}/system/dept/toList" name="pageUrl"/>
                </jsp:include>
            </div>

### 2. 添加部门信息 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTQyNTM0_size_16_color_FFFFFF_t_70_pic_center 3]

1.  `export_system_service`子工程test下编写测试添加部门方法

`TestDeptService`

//测试增加
        @Test
        public void test03(){ 
            //模拟表单
            Dept dept = new Dept();
            dept.setCompanyId("1");
            dept.setDeptName("最牛13的java部门");
            dept.setState(1);
    
            Dept parent = new Dept();
            parent.setDeptId("100101101");
    
            dept.setParent(parent);
            //保存到数据库
            deptService.saveDept(dept);
        }

1.  `export_system_service`子工程创建service接口和实现类

`IDeptService`

//新建一个部门
    	void saveDept(Dept dept);

`DeptServiceServiceImpl`

@Override
        public void saveDept(Dept dept) { 
            //表的id都不是自动生成的，UUID随机生成
            String id = UUID.randomUUID().toString();
            dept.setDeptId(id);
    
            //调用dao进行保存
            deptDao.save(dept);
        }

1.  `export_dao`子工程dao接口及其映射

`IDeptDao`

//保存一个部门
        void save(Dept dept);

`IDeptDao.xml`  
增加部门的时候，先获取上级部门信息，再通过`parent.deptId`获取上级部门的id，存入数据库。

<insert id="save" parameterType="dept">
        insert into pe_dept
            (
            dept_id      ,
            dept_name    ,
            parent_id    ,
            state        ,
            company_id   ,
            company_name
            )
            values
            (
            #{deptId     },
            #{deptName   },
            #{parent.deptId  },
            #{state       },
            #{companyId  },
            #{companyName}
            )
        </insert>

1.  测试增加一个部门方法，增加成功  
    ![在这里插入图片描述][20201102085028569.png_pic_center]
2.  `export_web_manager`子工程编写controller

`DeptController`

//跳转增加部门页面
        @RequestMapping(path="/toAdd",method ={  RequestMethod.GET, RequestMethod.POST})
        public String toAdd(Model model){ 
            //需要为下拉菜单查询出所有的部门，一个部门对应一个选项
            //根据companyId查询出部门，不做分页
            l.info("toAdd companyId="+super.getLoginCompanyId());
            List<Dept> list=deptService.findAll(super.getLoginCompanyId());
    
            l.info("toAdd list="+list);
            model.addAttribute("list",list);
            return "system/dept/dept-add";
        }
        
        //增加部门
        @RequestMapping(path="/add",method ={ RequestMethod.POST})
        public String add(Dept dept,String parentId){ 
            l.info("add dept="+dept);
            l.info("add parentId="+parentId);
            //按照登录公司来进行部门管理，先默认公司id是1，对id=1的公司进行部门管理
            dept.setCompanyId(super.getLoginCompanyId());
            dept.setCompanyName(super.getLoginCompanyName());
            Dept parent = new Dept();
            parent.setDeptId(parentId);
    
            dept.setParent(parent);
            //保存到数据库
            deptService.saveDept(dept);
            return "redirect:/system/dept/toList";
        }

页面`dept-add.jsp`以表单的形式提交

### 3. 通过id删除部门【ajax\*\*\*】 ###

> 删除部门业务分析：  
> 通过id删除指定部门，删除时需要**判断当前部门是不是其他部门的上级部门**，如果是，删除失败，否则删除成功。（因为部门之间有一个上级部门，就相当于一颗树的结构，如果树有子节点，删除该树就会导致那些子节点就没有父节点，也就是没有上级部门了）

1.  `export_system_service`子工程test下编写测试删除部门方法

`TestDeptService`

//测试查询以当前部门id为直接上级部门的部门数量（不能直接删除的判断）
        @Test
        public void test05(){ 
            //测试删除id=100的部门，该部门有给其他部门作上级部门（应该删除失败）
            String deptId="100";
            //根据id删除（service会判断该部门是否有下级部门）
            int count=deptService.findParentCount(deptId);
            l.info("test05 查询到deptid="+deptId+"作为直接上级的部门有 " + count + "个");
        }
    
    
        //通过id删除部门
        @Test
        public void test06(){ 
            //测试删除id=100的部门，该部门有给其他部门作上级部门（应该删除失败）
            String deptId="100";
            //根据id删除（service会判断该部门是否有下级部门）
            boolean result=deptService.deleteDeptById(deptId);
            l.info("test06 删除结果result="+result);
        }

1.  `export_system_service`子工程创建service接口和实现类

`IDeptService`

//查找以当前部门作为直接上级部门的部门数量
        int findParentCount(String deptId);
        //根据指定的deptId删除部门数据
        // 当前部门是不是其他部门的上级上级部门（两种情况）
        //1. 删除部门不是其他部门的上级部门，可以直接删除 2. 删除部门是其他部门的上级部门删除报错
        boolean deleteDeptById(String deptId);

`DeptServiceServiceImpl`

@Override
        public int findParentCount(String deptId) { 
            int count = deptDao.findParentCount(deptId);
            return  count;
        }
        
        @Override
        public boolean deleteDeptById(String deptId) { 
            //先查询该部门的直接下级部门的数量（也就是将该部门作为上级部门的部门数）
            int count = deptDao.findParentCount(deptId);
            //根据返回值count判断是否有下级部门
            if(count==0){ //没有给其他部门作上级，执行删除
                deptDao.deleteById(deptId);
                return true;    //删除成功
            }else{ 
                return false;   //是其他部门的上级部门，删除失败
            }
        }

1.  `export_dao`子工程dao接口及其映射

`IDeptDao`

//统计当前部门作为其他部门的上级的数量，也就是当前部门的直接下级部门的数量（直接下级）
    	//如果当前部门，没有直接下级部门，那么删除就能成功，否则删除失败（不能删除有下级部门的部门）
        int findParentCount(String deptId);
    
        //通过id删除部门
        void deleteById(String deptId);

`IDeptDao.xml`

<select id="findParentCount" parameterType="string" resultType="int">
            select count(*) from pe_dept where parent_id=#{deptId}
        </select>
    
        
        <delete id="deleteById" parameterType="string">
            delete from pe_dept where dept_id=#{deptId}
        </delete>

1.  测试删除部门（有下级部门删除失败，无下级部门删除成功）  
    查询当前部门作为上级部门的部门数  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTQyNTM0_size_16_color_FFFFFF_t_70_pic_center 4]  
    有下级部门的删除失败  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTQyNTM0_size_16_color_FFFFFF_t_70_pic_center 5]  
    没有下级部门的删除成功  
    ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTQyNTM0_size_16_color_FFFFFF_t_70_pic_center 6]
2.  `export_web_manager`子工程编写controller

`DeptController`

// 删除部门（ajax异步提交），如果没有下级部门就删除成功，否则删除失败，location.href="${path}/system/dept/delete?depId="+deptId;
        @RequestMapping(path = "/delete", method = { RequestMethod.GET,RequestMethod.POST})
        @ResponseBody   //加上@ResponseBody返回的才是字符串，不然就是返回的页面了
        public Object delete(String deptId) { 
            l.info("delete deptId=" + deptId);
    
            boolean deleteResult = deptService.deleteDeptById(deptId);
            //ajax异步
            if(deleteResult == true){ 
                //删除成功
                return Msg.init(200,"部门编号deptId = " + deptId + "的部门删除成功。",null);
            }else { 
                return Msg.init(-200,"deptId = " + deptId +"的部门存在下级部门，删除失败，请删除该部门的下级部门后再删除",null);
            }
    
        }

`dept-list.jsp`

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTQyNTM0_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/d88d482272fb4e24bf70a4b7689c8abb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTQyNTM0_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221120/13020ada83c94ad5a3d78affa4c4383c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTQyNTM0_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221120/a9e6993d6e914d04a47d6e1cd126fb54.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTQyNTM0_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221120/35b3061c33f54dce806586b9c3ada712.png
[20201102085028569.png_pic_center]: /images/20221120/742c800444a34a888ecd4b7f0b1974e5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTQyNTM0_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221120/8faf92cd09f9460f98b720448f66217d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTQyNTM0_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221120/5281d545c21748638010d5c13d4bb1c4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTQyNTM0_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221120/c2194c9d712147d2b5f5a54a56e4cbeb.png