使用struts,ibaits和JSTL开发简便通用的文件上传系统（8）
最后我们只要简单的调用函数插入数据库。
DaoCommon.startTransaction();
attachDb.insert(map);
DaoCommon.commit(); |
核心技术基本讲解完毕。下面讲一下实现的流程。大家可以先看一下 demo 。首先是一个index页面，可以选择一个上传一个图片文件直接显示出来。也可以把内容显示在input框中。
<form name="form1"><img name="image1" src="">
<input type="text" name="txt">
</form>
<input type="button" value="检测" onclick="alert(image1.src)">
<input type="button" value="上传文件" onclick="popUpWindow('<c:url value="/upload.do?m=list&url=document.image1.src"/>')">
<input type="button" value="上传文件(文件名到输入框)" onclick="popUpWindow('<c:url value="/upload.do?m=list&url=document.form1.txt.value"/>')"> |
index.jsp的主要内容如上：主要特别的一点的地方就是<c:url>，是JSTL的url的tag,通过它可以得到相对路径的URL。两个按钮的弹出框都是upload.do，方法是list.list的方法很少。
AttachDb attachDb = new AttachDb();
DaoCommon.startTransaction(); request.setAttribute("fileslist", attachDb.find(new HashMap())); DaoCommon.rollBack(); |
主要就是列出表中所有文件。放到fileslist这个对象中去。然后指到attachlist.jsp这个jsp文件去。作为view层，attachlist很简单的。
<a href="attach.jsp?url=<c:out value="${param['url']}"/>">添加文件</a>
<table width="100%" border="1">
<tr>
<td>名称</td>
<td>格式</td>
<td>文件</td>
<td>选择</td>
</tr>
<c:forEach var="i" items="${fileslist}">
<tr>
<td><c:out value="${i['ATTACHDESC']}"/></td>
<td><c:out value="${i['ATTACHMIMETYPE']}"/></td>
<td><c:out value="${i['ATTACHFILEPATH']}"/></td>
<td><a href="#" onclick="selectone('<c:url value="/${i['ATTACHFILEPATH']}"/>');">选择</a> <a href="<c:url value="upload.do?m=del"><c:param name="url" value="${param['url']}"/><c:param name="ATTACHID" value="${i['ATTACHID']}"/></c:url>">删除</a></td>
</tr>
</c:forEach>
</table>
</body>
</html>
<script>
function selectone(value){
opener.<c:out value="${param['url']}"/>=value ;
window.close();
}
</script> |
首先我们可以看看怎么显示表格 <c:forEach var="i" items="${fileslist}">通过forEach这个tag.得到fieslist里的对象。 <c:out value="${i['ATTACHDESC']}"/>，通过这一句也可以看到jstl显示HashMap的数据是多么容易。 下面就是参数化的URL,看下面的URL。 <a href="<c:url value="upload.do?m=del"><c:param name="url" value="${param['url']}"/><c:param name="ATTACHID" value="${i['ATTACHID']}"/></c:url>">这里有两个参数，一个是url，是从前面的param，也就是前一页的参数取来的。另一个参数是从javaBean对象中取得。ATTACHID就是唯一键，删除的时候就只要这一个参数就可以了。 删除的代码也简单，把 ATTACHID放入hashMap,然后执行删除(注，文件没有实际删除，不过要实现文件删除的代码也很简单。)。最后也是读取所有的文件，再返回到本页。 AttachDb attachDb = new AttachDb();
DaoCommon.startTransaction();
HashMap delMap = new HashMap();
delMap.put(
Constattachment.ATTACHID,
request.getParameter("ATTACHID"));
attachDb.delete(delMap); request.setAttribute("fileslist", attachDb.find(new HashMap())); DaoCommon.commit(); | 添加文件指向attach.jsp。这个文件是上传的主要文件，实现一个实际的上传界面。 <a href="<c:url value="/upload.do?m=list"><c:param name="url" value="${param['url']}"/></c:url>">文件管理器</a>
<p>
<html:form action="/upload" enctype="multipart/form-data" onsubmit="return validate(this);">
说明： <input name="desc" type="input" size="30"> <br>
文件：<input name="upload" type="file" id="upload" size="50"><br>
<input name="url" type="hidden" value="<c:out value="${param['url']}"/>">
<input name="m" type="hidden" value="add">
<input type="submit" name="Submit" value="上传"> </html:form >
</p>
</body> | 提交以后执行前面所说的add方面。然后转到success.jsp。其内容就是把前面的fileName转到index页面，同时关闭自己。 <script>
opener.<c:out value="${url}"/>="<c:url value="/${fileName}"/>"; window.close(); </script> | | 由此，我们完成了一个通用的文件上传系统的粗的框架。 在线演示 http://demo.ewuxi.com:8000/strutsupload/ ,源码下载 （全文完）
|
当前位置：
