Struts2进度条

如果你的动作需要5分钟  才能处理完,而你又不想让用户担心或者说睡着了,你该怎么办呢???

显示一个进度条!在Web开发中,谢一个进度条并不是很容易的事情,你肯呢个要为解决这个问题画上好几天时间,晴好struts给你提供了一个简单易容的Execute and Wait拦截器,这个拦截器,非常擅长为繁琐的任务模拟以歌进度条。

 

对于那些需要数分钟  才能完成的任务,我们为了给用户一个友好的展示花面, 我们更好的选择是为用户展示一个进度条,Execute and Wait拦截器就是为了对付这种情况而设计的,他不是默认的拦截器的组成部分,所以需要用到这个拦截器的动作必须先声明它。使用了Execute and Wait拦截器,会像往常一样的执行,但这个拦截器将分配一个后台的线程来处理这个动作,并在这个动作完成之前把这个用户带到了一个 ‘等待’的页面,该页面每隔一段时间刷新一次,直到那个后台线程执行完毕为止,如果用户随后又发送了同一个动作,但第一个动作尚未执行完毕,这拦截器将继续向用户发送等待结果,如果它已经执行完毕,用户就会看到该动作的最终结果,

 

“等待”结果与dispatcher结果的行为相似,但与“等待”结果对应的视图有如下所示的meta标签,该标签的作用是每n秒就会重新加载一次同样的URL;

<meta http-equiv="refresh" content="n,url">

其中n默认5秒  url的默认值是用来触发当前动作的同一个URL

  如果你不喜欢struts的默认的视图  你可以创建你自己的视图页面 如果在动作生命没有找到“等待”结果则使用默认值

 

Execute and Wait拦截器可以接收一下参数。他们是:

 

threadPriority : 分配给相关线程的优先级,默认是Thread,NORM_PRIORITY

delay : 向用户发送“等待”结果前的毫秒数 默认值0

delaySleepInterval: 每隔多少毫秒唤醒主线程,然后去检查后台显示是否执行完毕,默认100.这个参数只在其设置值不为零时才起作用。

 

如果你不想立刻发送等待结果你可以使用delay参数设置一个延时,例如:如果你想在你的动作查过2秒还未完成时才发出等待结果,那就需要把delay的参数值设置成2000

 

下面是实用Execute and Wait拦截器展示的一个实例效果

分两个例子来讲解

第一个是默认的 “等待”页面

动作类:

public class HeavyDutyAction extends ActionSupport{
    @Override
    public String execute() {
        try {
            //这个动作类需要12秒才能执行完
            Thread.sleep(12000);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        return SUCCESS;
    }
    //用户第二个例子
    private int complete;
   
    public int getComplete() {
        complete += 10;
        return complete;
    }
}
这个动作类的execute方法  需要12秒才能执行完  这已足以需要你为他提供一个进度条

complete用到自定义等待页面使用

 

 

动作声明:

<package name="app" namespace="" extends="struts-default">
        <action name="heavy1" class="com.sg.action.HeavyDutyAction">
            <interceptor-ref name="defaultStack"/>
            <interceptor-ref name="execAndWait">
            <!-- 两秒后执行等着结果 -->
                <param name="delay">1000</param>
            </interceptor-ref>
            <result>/OK.jsp</result>
        </action>

</package>

 

OK.jsp

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%
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 'OK.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">
   
    <meta http-equiv="refresh" content="5;url=heavy1.action">
  </head>
  <body>
    <div align="center"><h3>请求正在处理中 请耐心等待一下哦......</h3></div> 
    <p></p> 
  </body>
</html>

 

 

第二个是自定义一个 “等待”页面  用到同一个动作类

第二个和第一个很相似  他还是用了complete属性把进度条显示给用户。第二个例子与第一个例子的另一个不同之处是,他还使用了一个自定义的“等待”页面

 

动作声明:

<package name="app" namespace="" extends="struts-default">
        <action name="heavy2" class="com.sg.action.HeavyDutyAction">
            <interceptor-ref name="defaultStack"/>
            <interceptor-ref name="execAndWait">
            <!-- 两秒后执行等着结果 -->
                <param name="delay">1000</param>
            </interceptor-ref>
            <result name="wait">/wait.jsp</result>
            <result>/OK.jsp</result>
        </action>
    </package>

请注意 我们这次提供了一个“等待”结果  他将把用户带到wait.jsp页面

他会死一个普通的jsp页面 但是里面有一个meta标签可以让这个页面每个2秒 刷新依稀,因为这个meta标签的URL部分 没有被给出,所以他将重新加载当前的页面

 wait.jsp

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%@taglib  prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
  <head>
    <base href="<%=basePath%>">
    <STYLE type="text/css">
            .erroeMessage{
                color: red;
            }
    </STYLE>
    <title></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">
    <meta http-equiv="refresh" content="2">
  </head>
  <body>
    <div align="center" id="divColor">Please Wait.....(<s:property value="complete"/>% complete)</div>       
  </body>
</html>

另:他将显示complete属性的值  这个属性的getter方法,会在每次被调用给这个属性加上10

private int complete;
   
    public int getComplete() {
        complete += 10;
        return complete;
    }

执行效果:



 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 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、付费专栏及课程。

余额充值