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>首先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="${pageContext.request.contextPath}/style/images/title_arrow.gif"/> 部门管理
</div>
<div id="Title_End"></div>
</div>
</div>
<div id="MainArea">
<table cellspacing="0" cellpadding="0" class="TableStyle">
<!-- 表头-->
<thead>
<tr align=center valign=middle id=TableTitle>
<td width="150px">部门名称</td>
<td width="150px">上级部门名称</td>
<td width="200px">职能说明</td>
<td>相关操作</td>
</tr>
</thead>
<!--显示数据列表-->
<tbody id="TableData" class="dataContainer" datakey="departmentList">
<s:iterator value="#departmentList">
<tr class="TableDetail1 template">
<td>${name} </td>
<td>${parent.name} </td>
<td>${description} </td>
<td>
<s:a action="departmentAction_delete?id=%{id}" onclick="return window.confirm('这将删除所有的下级部门,您确定要删除吗?')">删除</s:a>
<s:a action="departmentAction_editUI?id=%{id}">修改</s:a>
</td>
</tr>
</s:iterator>
</tbody>
</table>
<!-- 其他功能超链接 -->
<div id="TableTail">
<div id="TableTail_inside">
<s:a action="departmentAction_addUI"><img src="${pageContext.request.contextPath}/style/images/createNew.png" /></s:a>
</div>
</div>
</div>
<!--说明-->
<div id="Description">
说明:<br />
1,列表页面只显示一层的(同级的)部门数据,默认显示最顶级的部门列表。<br />
2,点击部门名称,可以查看此部门相应的下级部门列表。<br />
3,删除部门时,同时删除此部门的所有下级部门。
</div>
</body>
</html>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可以看到如下效果:(上级部门也可以显示各个功能都没问题,还有一个就是树形结构的问题比较复杂明天再写)
原文:http://blog.csdn.net/dq3wrr/article/details/39235009