【SaaS - Export项目】09部门Dept的更新，select回显，radio回显

阳光穿透心脏的1/2处 2022-11-21 14:55 177阅读 0赞

### 文章目录 ###

*   *   *  编辑更新部门信息
         *   *  1. \`export\_system\_service\`子工程test下编写测试
             *  2. \`export\_system\_service\`子工程创建service接口和实现类
             *  3. \`export\_dao\`子工程dao接口及其映射
             *  4. 测试回显（通过部门di获取部门信息），测试更新
             *  5. \`export\_web\_manager\`子工程编写controller
             *  6. 更新页面回显
             *   *  6.1 \`select\`下拉菜单的回显
                 *  6.2 \`radio\`单选框的回显（传递给后台的值是value的值）
             *  7. 可能出现的问题
             *   *  7.1 选择自己作为顶级部门时报错
                 *  7.2 选择自己作为顶级部门报错

### 编辑更新部门信息 ###

如果设置为顶级部门（无上级部门），就将上级部门的parent\_id设置为NULL，表示无上级部门，sql需要进行判断。

#### 1. `export_system_service`子工程test下编写测试 ####

通过id查询部门（回显页面）然后进行部门信息更新

`TestDeptService`

//测试通过id查询部门信息，进行页面回显（更新页面）
        @Test
        public void test04(){ 
    
            String deptId="100101";
            Dept dept = deptService.findById(deptId);
    
            l.info("test04 dept="+dept);
        }
    
        //进行更新操作
        @Test
        public void test07(){ 
    
            String deptId="0c9616fb-7741-4b21-be7a-9f4c2fbbc6af";
            Dept dept = deptService.findById(deptId);
            //1 模拟页面的修改
            dept.setDeptName("update dept更新部门名称");
    
            //所属公司
            dept.setCompanyName("吉首大学");
            dept.setCompanyId("1");
    
            //上级部门设为""空值或者null，也就是无上级部门，自己就是顶级部门
            Dept parent = new Dept();//下拉菜单
            parent.setDeptId("");//也可以赋值上 ""
            dept.setParent(parent);
            //状态设置为停用
            dept.setState(0);
    
            //2 保存到数据库
            deptService.updateDept(dept);
    
            l.info("test07 更新dept="+dept);
        }

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

`IDeptService`

//通过部门id查找部门
        Dept findById(String deptId);
        //新建一个部门
        void saveDept(Dept dept);

`DeptServiceServiceImpl`

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

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

`IDeptDao`

//通过部门id查找部门信息（上级部们）
        Dept findById(String deptId);
        //更新部门信息
        void update(Dept dept);

`IDeptDao.xml`

<select id="findById" parameterType="string" resultMap="deptMap">
            select * from  pe_dept where dept_id = #{dept_id}
        </select>

更新的两种方式（动态标签`if标签和choose标签`）判断上级部门的下拉菜单选择是否为空值，也就是是否成为顶级部门（顶级部门传来的是null值）

**`if标签`** 通过`test`属性进行条件判断，如果条件成立，就拼接sql，否则不拼接。  
**通过判断父部门的编号是否为null或者`''`空值**，来判断更新之后是否为顶级部门（无上级部门）

<update id="update" parameterType="dept">
             update  pe_dept set
    
                    dept_name     =  #{deptName    }  ,
                    <if test="parent.deptId == null or parent.deptId == '' ">
                        parent_id   = NULL  ,
                    </if>
                    <if test="parent.deptId !=null and parent.deptId != '' ">
                        parent_id     = ${parent.deptId}  ,
                    </if>
                    state         =  #{state       }  ,
                    company_id    =  #{companyId   }  ,
                    company_name  =  #{companyName }
    
             where dept_id= #{deptId}
        </update>

**`Choose`标签**，类似于switch，用于判断下拉菜单是否为空（空也就是无上级部门）

<update id="update" parameterType="dept">
            update  pe_dept set
            dept_name     =  #{deptName    }  ,
            <choose>
                <when test="parent.deptId == null or parent.deptId == ''">
                    parent_id   = NULL  ,
                </when>
                <otherwise>
                    parent_id    = #{parent.deptId}  ,
                </otherwise>
            </choose>
            state         =  #{state       }  ,
            company_id    =  #{companyId   }  ,
            company_name  =  #{companyName }
    
            where dept_id= #{deptId}
        </update>

#### 4. 测试回显（通过部门di获取部门信息），测试更新 ####

![在这里插入图片描述][20201102111619220.png_pic_center]  
更新部门为顶级部门成功  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTQyNTM0_size_16_color_FFFFFF_t_70_pic_center]

#### 5. `export_web_manager`子工程编写controller ####

`DeptController`

// 更新回显，跳转更新页面。${path}/system/dept/toUpdate?deptId=${dept.deptId}
        @RequestMapping(path = "/toUpdate", method = { RequestMethod.GET, RequestMethod.POST})
        public String toUpdate(Model model, String deptId) { 
    
            String companyId = super.getLoginCompanyId();
            l.info("toUpdate deptId=" + deptId);
    
            //查询部门获取部门信息dept
            Dept dept = deptService.findById(deptId);
            l.info("toUpdate dept=" + dept);
    
            //查询所有的部门
            List<Dept> list = deptService.findAll(companyId);
    
            //将数据传到前台jsp
            //当前更新的部门信息
            model.addAttribute("dept", dept);
            //所有部门信息，选择上级部门的时候需要遍历所有的部门
            model.addAttribute("list", list);
    
            return "system/dept/dept-update";
        }
    
        //更新部门操作，action="${path}/system/dept/update"
        @RequestMapping(path = "/update", method = { RequestMethod.GET, RequestMethod.POST})
        public String update(Dept dept, String parentId) { 
    
            l.info("update 更新部门dept=" + dept);
            l.info("update parentId=" + parentId);
    
            //当前写死companyId与companyName以后再修改(登录的公司）
            dept.setCompanyName(super.getLoginCompanyName());
            dept.setCompanyId(super.getLoginCompanyId());
            //下拉菜单 - 所有部门信息（选择上级部门）
            Dept parent = new Dept();
            parent.setDeptId(parentId);
            dept.setParent(parent);
    
            l.info("update dept=" + dept);
            //2 保存到数据库
            deptService.updateDept(dept);
            //修改完成之后跳到列表页面
            return "redirect:/system/dept/toList";
        }

#### 6. 更新页面回显 ####

下拉菜单的回显（上级部门选择以下拉菜单的形式展示），但是需要进行判断，如果是当前部门，就不显示在上级部门下拉菜单中（自己成为自己的上级部门就是一个bug了）。

##### 6.1 `select`下拉菜单的回显 #####

<div class="col-md-2 title">上级部门</div>
        <div class="col-md-10 data line-height36">
            <select class="form-control" name="parentId">
            	<%-- 成为顶级部门那么就没有上级部门，也就是上级部门为null，这里传空值 --%>
                <option value="">成为顶级部门</option>
                <c:forEach items="${list}" var="item">
                    <%-- dept表示正在编辑的部门数据，不能选自己作为上级部门--%>
                    <c:if test="${dept.deptId != item.deptId}">
                        <%-- 选中当前的上级部门，给下拉框添加一个选择效果 --%>
                        <option ${dept.parent.deptId == item.deptId ?'selected':''}  value="${item.deptId}">${item.deptName}</option>
                    </c:if>
     
                </c:forEach>
            </select>
        </div>

> **select**下拉菜单的回显，`value`才是传递给后台的值。
> 
>     <select name="parentId">
>      	    <option value="1">显示的值</option>
>         </select>

##### 6.2 `radio`单选框的回显（传递给后台的值是value的值） #####

#### 7. 可能出现的问题 ####

##### 7.1 选择自己作为顶级部门时报错 #####

解决办法，页面循环显示部门的时候进行if判断，如果是当前部门就不显示。

<c:forEach items="${list}" var="item">
                    <%-- dept表示正在编辑的部门数据，不能选自己作为上级部门--%>
                    <c:if test="${dept.deptId != item.deptId}">
                        <%-- 选中当前的上级部门，给下拉框添加一个选择效果 --%>
                        <option ${dept.parent.deptId == item.deptId ?'selected':''}  value="${item.deptId}">${item.deptName}</option>
                    </c:if>
     
                </c:forEach>

##### 7.2 选择自己作为顶级部门报错 #####

> 描述：当选择顶级部门时，提交的parent\_id为空字符串，存入数据库失败。  
> 解决办法：sql语句中进行**if或者choose判断**，如果传进来的是空字符串`''`那么将上级部门id市值为null也就是`parent_id = NULL`

**if方式进行判断给顶级部门赋值为NULL**

<if test="parent.deptId == null or parent.deptId == '' ">
            parent_id   = NULL  ,
        </if>
        <if test="parent.deptId !=null and parent.deptId != '' ">
            parent_id     = ${ parent.deptId}  ,
        </if>

**choose标签进行判断给顶级部门赋值为NULL**

<choose>
                <when test="parent.deptId == null or parent.deptId == ''">
                      parent_id   = NULL  ,
                </when>
                <otherwise>
                    parent_id    = #{ parent.deptId}  ,
                </otherwise>
            </choose>

[20201102111619220.png_pic_center]: /images/20221120/646fa51d0d8b49a2a45dd6126b5ac5e5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwNTQyNTM0_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/aae3975e12ae4722857e6d1fa308663f.png