实现了hibernate 、struts、spring 的整合 有员工的注册、分页、删除、修改功能。还有多文件上传、无刷新上传【界面】
index：
注册：
修改：
上传：
显示：
index：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<jsp:forward page="/emp.do?p=fenye&page=1"></jsp:forward>
注册：
<%@ taglib prefix="html" uri="/WEB-INF/struts-html.tld" %>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!--
1. html:form 默认为post提交,action后面不要加.do
文件上传enctype="multipart/form-data"
2. property 是actionForm属性名，不能单独存在，必须放在
html:form中，且action一定要写对.
3.复选框不是用checkbox(一个复选框,boolean,如：是否同意)
4. 取id? styleId
取class?styleClass
取name?不要取，就property名字
5. 下拉列表框取值
html:optionsCollection name="deps" value="depId" label="depName"
name="deps"就是作用域中键
value="depId"是提交值，其实集合取出pojo的属性
label="depName"是显示值，同上
-->
<html:form action="/emp?p=regist" enctype="multipart/form-data">
姓名:<html:text styleId="empNameID" styleClass="empNameClass" property="empName"></html:text> <br>
性别:<html:radio property="empSex" value="1"></html:radio>男
<html:radio property="empSex" value="0"></html:radio>女 <br>
爱好:<html:multibox property="empLoves" value="吃"></html:multibox>吃
<html:multibox property="empLoves" value="玩"></html:multibox>玩
<html:multibox property="empLoves" value="乐"></html:multibox>乐
<br>
部门:
<html:select property="depid">
<html:optionsCollection name="deps" value="depId" label="depName"/>
</html:select> <br>
玉照:
<html:file property="empFacePics"></html:file> <br>
生日:
<html:text property="empBirthday"></html:text> <br>
<html:submit value="注册"></html:submit>
<html:reset value="重置"></html:reset>
</html:form>修改：
<%@ taglib prefix="html" uri="/WEB-INF/struts-html.tld" %>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!--
1. html:form 默认为post提交,action后面不要加.do
文件上传enctype="multipart/form-data"
2. property 是actionForm属性名，不能单独存在，必须放在
html:form中，且action一定要写对.
3.复选框不是用checkbox(一个复选框,boolean,如：是否同意)
4. 取id? styleId
取class?styleClass
取name?不要取，就property名字
5. 下拉列表框取值
html:optionsCollection name="deps" value="depId" label="depName"
name="deps"就是作用域中键
value="depId"是提交值，其实集合取出pojo的属性
label="depName"是显示值，同上
-->
<html:form action="/emp?p=update" enctype="multipart/form-data">
<html:hidden property="empId"/>
姓名:<html:text styleId="empNameID" styleClass="empNameClass" property="empName"></html:text> <br>
性别:<html:radio property="empSex" value="1"></html:radio>男
<html:radio property="empSex" value="0"></html:radio>女 <br>
爱好:<html:multibox property="empLoves" value="吃"></html:multibox>吃
<html:multibox property="empLoves" value="玩"></html:multibox>玩
<html:multibox property="empLoves" value="乐"></html:multibox>乐
<br>
部门:
<html:select property="depid">
<html:optionsCollection name="deps" value="depId" label="depName"/>
</html:select> <br>
玉照:
<html:file property="empFacePics"></html:file> <br>
生日:
<html:text property="empBirthday"></html:text> <br>
<html:submit value="修改"></html:submit>
<html:reset value="重置"></html:reset>
</html:form>上传：
<script type="text/javascript" src="js/jquery/jquery-1.2.6.pack.js"></script>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<input>
<script>
//添加一行
function addRow()
{
$("#t>tr:first").clone().appendTo($("#t"));
bh();
}
//删除一行
function delRow(a)
{
if ($("#t>tr").size()<2)
{
alert("大哥，手下留情");
return;
}
$(a).parent().parent().remove();
bh();
}
//重新改名
function bh()
{
$(".myFile").each( function(i,obj){
obj.name="f"+(i+1);
});
}
</script>
<iframe name="myFrame" id="myFrame" style="display:none;">
</iframe>
<form target="myFrame" action="emp.do?p=fileupload" method="post" enctype="multipart/form-data">
<input type=submit value="上传">
<table>
<caption>
多文件上传
</caption>
<tbody id="t">
<tr>
<th>
<input class="myFile" name="f1" type=file>
</th>
<th>
<a href="javascript:addRow()">添加</a> |
<a onclick="delRow(this)" href="javascript:void(1)">删除</a>
</th>
</tr>
</tbody>
</table>
</form>
显示：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'show.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
</head>
<body>
<a href="emp.do?p=getDep2Regist">注册</a>
<table border="1" align="center" width="80%">
<tr>
<th>
几楼
</th>
<th>
姓名
</th>
<th>
部门
</th>
<th>
操作
</th>
</tr>
<c:forEach items="${map.list}" var="e" varStatus="ss">
<tr align="center">
<td>
<c:if var="f" test="${ss.index==0 && map.page==1}">
楼主
</c:if>
<c:if test="${not f}">
${(map.page-1)*map.size+ss.count}楼
</c:if>
</td>
<td>
${e.empName}
</td>
<td>
${e.dep.depName}
</td>
<td>
<a href="">删除</a>|
<a href="emp.do?p=getEmpById2UpdateView&id=${e.empId}">修改</a>
</td>
</tr>
</c:forEach>
</table>
<div align="center">
当前${map.page}/${map.count}页
<a href="emp.do?p=fenye&page=1">【首 页】</a>
<a href="emp.do?p=fenye&page=${map.page+1}">【下一页】</a>
<a href="emp.do?p=fenye&page=${map.page-1}">【上一页】</a>
<a href="emp.do?p=fenye&page=${map.count}">【尾 页】</a>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
