OA项目之部门管理的功能实现

首页 > 代码库 > OA项目之部门管理的功能实现

OA项目之部门管理的功能实现

2024-07-22 08:06:37 228人阅读

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;
	}

}

3. struts2.xml文件配置在上次的配置文件中加入这几行即可

<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个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们

首页 > 代码库 > OA项目之部门管理的功能实现

OA项目之部门管理的功能实现

看完仍有疑问？有类似问题直接问程序猿