Struts2进度条

这里是对一个拦截器的使用,"execAndWait"拦截器。

Action是这样的:

package com.deppon.demo.struts.action;

import com.opensymphony.xwork2.ActionSupport;

/**
 * 使用execAndWait拦截器,实现进度条的功能
 * 
 * @author yuguiyang
 *
 */
public class ProgressAction extends ActionSupport {
	private static final long serialVersionUID = 4120966360685990373L;

	private int progress;

	public int getProgress() {
		return progress;
	}

	public void setProgress(int progress) {
		this.progress = progress;
	}
	
	@Override
	public String execute() throws Exception {
		for(int i=0; i<10; i++) {
			Thread.sleep(1000L);
			progress += 10;
		}
		
		return SUCCESS;
	}
	
	
}

struts.xml

配置了”execAndWait“拦截器之后,需要有一个返回”wait"的result,即当Action的execute执行完成之前,会跳转到配置wait的result,执行完成之后,

会跳转到success。

<package name="p_progress" namespace="/" extends="struts-default">
    	<action name="progress" class="com.deppon.demo.struts.action.ProgressAction">
    		<interceptor-ref name="defaultStack"></interceptor-ref>
    		<interceptor-ref name="execAndWait"></interceptor-ref>
    	
    		<result name="success">/success.jsp</result>
    		<result name="wait">/wait.jsp</result>
    	</action>
    </package>

wait.jsp

在这里,设置了定时刷新,每一次都访问哪一个Action。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="refresh" content="1;url=progress" >
<title>Insert title here</title>
</head>
<body>
	<p>正在执行,已完成<s:property value="progress"/>%</p>
	
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Struts2提供了FileUploadInterceptor拦截器来处理文件上传,但是并没有提供上传进度条的功能。为了实现上传进度条,需要借助Ajax技术。 以下是一个简单的实现上传进度条的示例: 1. 在页面中引入jQuery和jQuery UI库。 2. 使用jQuery的ajaxForm插件来提交表单,并设置上传进度条的回调函数。 ```javascript $(document).ready(function() { $('#uploadForm').ajaxForm({ beforeSend: function() { // 显示进度条 $("#progressBar").show(); $("#progressBar div").css("width", "0%"); }, uploadProgress: function(event, position, total, percentComplete) { // 更新进度条 $("#progressBar div").css("width", percentComplete + "%"); }, success: function() { // 隐藏进度条 $("#progressBar").hide(); }, error: function() { // 隐藏进度条 $("#progressBar").hide(); } }); }); ``` 3. 在服务器端,使用FileUploadInterceptor拦截器处理文件上传,并在Action中保存上传进度的状态。 ```java public class UploadAction extends ActionSupport { private File[] files; private String[] filesFileName; private String[] filesContentType; private long totalSize; private long uploadedSize; public String execute() throws Exception { // 计算上传文件总大小 for (File file : files) { totalSize += file.length(); } // 上传文件 for (int i = 0; i < files.length; i++) { File file = files[i]; String fileName = filesFileName[i]; String contentType = filesContentType[i]; // 处理文件上传 // ... // 更新上传进度 uploadedSize += file.length(); double percentComplete = (double) uploadedSize / totalSize * 100; setProgress(percentComplete); } return SUCCESS; } // 保存上传进度的状态 private void setProgress(double percentComplete) { HttpSession session = ServletActionContext.getRequest().getSession(); session.setAttribute("uploadProgress", percentComplete); } // 获取上传进度的状态 public double getProgress() { HttpSession session = ServletActionContext.getRequest().getSession(); Object progress = session.getAttribute("uploadProgress"); if (progress == null) { return 0; } else { return (Double) progress; } } // ... } ``` 4. 在页面中定时调用Action中的getProgress方法,更新上传进度条的状态。 ```javascript $(document).ready(function() { setInterval(function() { $.get("uploadProgress.action", function(progress) { $("#progressBar div").css("width", progress + "%"); }); }, 1000); }); ``` 需要注意的是,上传进度条的实现需要服务器端支持,因此需要在Action中保存上传进度的状态,并在页面中定时调用Action来获取上传进度的状态。另外,上传进度条的样式可以根据需要进行自定义。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值