首页 > 代码库 > OA项目之部门管理的功能实现
OA项目之部门管理的功能实现
1.部门管理和岗位管理的功能实现是差不多的,首先看下都有哪些功能如图:(这里需要注意的比如如何显示上级部门?在添加的时候如何以树的结构来显示?等等需要非常注意的,本人在这其中遇到很多很多的错误,修改找错大改半天的时间,真的是看起来容易,动起手来都是错!!)
2.分析完功能,首先要做的就是几个请求?需要几个页面?需要几个方法?知道了以后先写DepartmentAction
解释:其中list方法是显示数据库中的相关数据,包括上级部门,上级部门是通过parent.name属性获取的,等下在jsp页面可以看到
因为在修改和添加页面中都需要用到select标签,其中的name属性为parentId,而我们的modle中是没有的,所以必须在action中手动编写此属性,并提供getter和setter方法。
还需要注意的就是回显的问题,方法都差不多,只是有的属性model中没有的我们需要另外获取
package com.icss.oa.view.action; import java.util.List; import org.springframework.context.annotation.Scope; import org.springframework.stereotype.Controller; import com.icss.oa.base.BaseAction; import com.icss.oa.domain.Department; import com.opensymphony.xwork2.ActionContext; @Controller @Scope("prototype") public class DepartmentAction extends BaseAction<Department> { private Long parentId; /** 列表 */ public String list() throws Exception { List<Department> departmentList = departmentService.findAll(); ActionContext.getContext().put("departmentList", departmentList); return "list"; } /** 删除 */ public String delete() throws Exception { departmentService.delete(model.getId()); return "toList"; } /** 添加页面 */ public String addUI() throws Exception { List<Department> departmentList=departmentService.findAll(); ActionContext.getContext().put("departmentList",departmentList ); return "addUI"; } /** 添加 */ public String add() throws Exception { // 1,新建对象并封装属性,也可以使用model //将上级部门值保存 model.setParent(departmentService.getById(parentId)); // 2,保存到数据库中 departmentService.save(model); return "toList"; } /** 修改页面 */ public String editUI() throws Exception { List<Department> departmentList=departmentService.findAll(); ActionContext.getContext().put("departmentList",departmentList ); // 准备回显的信息 Department department = departmentService.getById(model.getId()); ActionContext.getContext().getValueStack().push(department); if (department.getParent() != null) { parentId = department.getParent().getId(); } return "editUI"; } /** 修改 */ public String edit() throws Exception { // 1,从数据库中取出原对象 Department department = departmentService.getById(model.getId()); // 2,设置要修改的属性 department.setName(model.getName()); department.setDescription(model.getDescription()); department.setParent(departmentService.getById(parentId)); // 3,更新到数据库中 departmentService.update(department); return "toList"; } // ------------------------------------------------ public Long getParentId() { return parentId; } public void setParentId(Long parentId) { this.parentId = parentId; } }
<action name="departmentAction_*" class="departmentAction" method="{1}"> <result name="list">/WEB-INF/jsp/departmentAction/list.jsp</result> <result name="addUI">/WEB-INF/jsp/departmentAction/addUI.jsp</result> <result name="editUI">/WEB-INF/jsp/departmentAction/editUI.jsp</result> <result name="toList" type="redirectAction">departmentAction_list</result> </action>
4.写出相对应的页面,并且在页面中显示数据库中的数据
首先list.jsp(使用到OGNL,EL,struts2标签,等知识,利用迭代显示数据列表。注意超链接的action里面的写法,以及%{} ${} #的区别和用法,再上一个文章中有)
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <html> <head> <title>部门列表</title> <%@ include file="/WEB-INF/jsp/public/common.jspf" %> </head> <body> <div id="Title_bar"> <div id="Title_bar_Head"> <div id="Title_Head"></div> <div id="Title"><!--页面标题--> <img border="0" width="13" height="13" src=http://www.mamicode.com/"${pageContext.request.contextPath}/style/images/title_arrow.gif"/> 部门管理>addUI.jsp(肯大家发现没有struts2标签导入文件,其实都在common.jspf文件中因为很多jsp都重复了所以写在一个公共的jsp中包括一些样式)这个jsp页面需要注意的就是select的使用了,里面的每一个属性都要熟悉
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <html> <head> <title>部门设置</title> <%@ include file="/WEB-INF/jsp/public/common.jspf" %> </head> <body> <!-- 标题显示 --> <div id="Title_bar"> <div id="Title_bar_Head"> <div id="Title_Head"></div> <div id="Title"><!--页面标题--> <img border="0" width="13" height="13" src="${pageContext.request.contextPath}/style/images/title_arrow.gif"/> 部门信息 </div> <div id="Title_End"></div> </div> </div> <!--显示表单内容--> <div id=MainArea> <s:form action="departmentAction_add"> <s:hidden name="id"></s:hidden> <div class="ItemBlock_Title1"><!-- 信息说明<DIV CLASS="ItemBlock_Title1"> <IMG BORDER="0" WIDTH="4" HEIGHT="7" SRC="${pageContext.request.contextPath}/style/blue/images/item_point.gif" /> 部门信息 </DIV> --> </div> <!-- 表单内容显示 --> <div class="ItemBlockBorder"> <div class="ItemBlock"> <table cellpadding="0" cellspacing="0" class="mainForm"> <tr><td width="100">上级部门</td> <td> <s:select name="parentId" cssClass="SelectStyle" list="#departmentList" listKey="id" listValue="name" headerKey="" headerValue="==请选择部门==" /> </td> </tr> <tr><td>部门名称</td> <td><s:textfield name="name" cssClass="InputStyle"/> *</td> </tr> <tr><td>职能说明</td> <td><s:textarea name="description" cssClass="TextareaStyle"></s:textarea></td> </tr> </table> </div> </div> <!-- 表单操作 --> <div id="InputDetailBar"> <input type="image" src="${pageContext.request.contextPath}/style/images/save.png"/> <a href="javascript:history.go(-1);"><img src="${pageContext.request.contextPath}/style/images/goBack.png"/></a> </div> </s:form> </div> <div class="Description"> 说明:<br /> 1,上级部门的列表是有层次结构的(树形)。<br/> 2,如果是修改:上级部门列表中不能显示当前修改的部门及其子孙部门。因为不能选择自已或自已的子部门作为上级部门。<br /> </div> </body> </html>editUI.jsp(跟addUI几乎一样,只有一个action不一样,在后面这2个页面可以合并成一个,以后在修改)<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <html> <head> <title>部门设置</title> <%@ include file="/WEB-INF/jsp/public/common.jspf" %> </head> <body> <!-- 标题显示 --> <div id="Title_bar"> <div id="Title_bar_Head"> <div id="Title_Head"></div> <div id="Title"><!--页面标题--> <img border="0" width="13" height="13" src="${pageContext.request.contextPath}/style/images/title_arrow.gif"/> 部门信息 </div> <div id="Title_End"></div> </div> </div> <!--显示表单内容--> <div id=MainArea> <s:form action="departmentAction_edit"> <s:hidden name="id"></s:hidden> <div class="ItemBlock_Title1"><!-- 信息说明<DIV CLASS="ItemBlock_Title1"> <IMG BORDER="0" WIDTH="4" HEIGHT="7" SRC="${pageContext.request.contextPath}/style/blue/images/item_point.gif" /> 部门信息 </DIV> --> </div> <!-- 表单内容显示 --> <div class="ItemBlockBorder"> <div class="ItemBlock"> <table cellpadding="0" cellspacing="0" class="mainForm"> <tr><td width="100">上级部门</td> <td> <s:select name="parentId" cssClass="SelectStyle" list="#departmentList" listKey="id" listValue="name" headerKey="" headerValue="==请选择部门==" /> </td> </tr> <tr><td>部门名称</td> <td><s:textfield name="name" cssClass="InputStyle"/> *</td> </tr> <tr><td>职能说明</td> <td><s:textarea name="description" cssClass="TextareaStyle"></s:textarea></td> </tr> </table> </div> </div> <!-- 表单操作 --> <div id="InputDetailBar"> <input type="image" src="${pageContext.request.contextPath}/style/images/save.png"/> <a href="javascript:history.go(-1);"><img src="${pageContext.request.contextPath}/style/images/goBack.png"/></a> </div> </s:form> </div> <div class="Description"> 说明:<br /> 1,上级部门的列表是有层次结构的(树形)。<br/> 2,如果是修改:上级部门列表中不能显示当前修改的部门及其子孙部门。因为不能选择自已或自已的子部门作为上级部门。<br /> </div> </body> </html>5.部署一下项目在浏览器中输入localhost:8080/OA/departmentAction_list.jsp可以看到如下效果:(上级部门也可以显示各个功能都没问题,还有一个就是树形结构的问题比较复杂明天再写)
OA项目之部门管理的功能实现
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。