JSP编程进度条设计实例(1)

2016-01-29 12:33 17 1 收藏

JSP编程进度条设计实例(1),JSP编程进度条设计实例(1)

【 tulaoshi.com - Java 】

  许多Web应用、企业应用涉及到长时间的操作,例如复杂的数据库查询或繁重的XML处理等,虽然这些任务主要由数据库系统或中间件完成,但任务执行的结果仍旧要借助JSP才能发送给用户。本文介绍了一种通过改进前端表现层来改善用户感觉、减轻服务器负载的办法。

  当JSP调用一个必须长时间运行的操作,且该操作的结果不能(在服务器端)缓冲,用户每次请求该页面时都必须长时间等待。很多时候,用户会失去耐心,接着尝试点击浏览器的刷新按钮,最终失望地离开。


  本文介绍的技术是把繁重的计算任务分离开来,由一个独立的线程运行,从而解决上述问题。当用户调用JSP页面时,JSP页面会立即返回,并提示用户任务已经启动且正在执行;JSP页面自动刷新自己,报告在独立线程中运行的繁重计算任务的当前进度,直至任务完成。


一、模拟任务


  首先我们设计一个TaskBean类,它实现java.lang.Runnable接口,其run()方法在一个由JSP页面(start.jsp)启动的独立线程中运行。终止run()方法执行由另一个JSP页面stop.jsp负责。TaskBean类还实现了java.io.Serializable接口,这样JSP页面就可以将它作为JavaBean调用:


package test.barBean;
import java.io.Serializable;

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/java/)

public class TaskBean implements Runnable, Serializable {
    private int counter;
    private int sum;
    private boolean started;
    private boolean running;
    private int sleep;


    public TaskBean() {
        counter = 0;
        sum     = 0;
        started = false;
        running = false;
        sleep   = 100;
    }
}

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/java/)

  TaskBean包含的“繁重任务”是计算1+2+3…+100的值,不过它不通过100*(100+1)/2=5050公式计算,而是由run()方法调用work()方法100次完成计算。work()方法的代码如下所示,其中调用Thread.sleep()是为了确保任务总耗时约10秒。


protected void work() {
    try {
        Thread.sleep(sleep);
        counter++;
        sum += counter;
    } catch (InterruptedException e) {
        setRunning(false);
    }
}
 
  status.jsp页面通过调用下面的getPercent()方法获得任务的完成状况:


public synchronized int getPercent() {
    return counter;
}

来源:https://www.tulaoshi.com/n/20160129/1486594.html

延伸阅读
标签: Web开发
在最近的一个项目中,有一个上传功能:上传一个cvs文件,然后解析此文件并写入数据库 由于经常需要传很大的文件,客户完成此功能往往需要40分钟,在这个过程中,页面也没有任何提示,用户体验非常不好? 为何不用ajax作一个进度条呢? 分两步完成此需求: 一:写一个简单的ajax,实现最简单的进度条功能。 二:把此进...
标签: flash教程
本文由 中国 新生上路 原创,转载请保留此信息! 在学习中遇到问题请到 论坛 发贴交流   先来看下效果: 第一步:新建一flash文档,降背景色改为你喜欢的颜色,大小自己定,帧频为24 第二步:新建一影片剪辑元件loading,此元件舞台上用字体工具写出loading字样,写完后在时间轴上图层一的第四十一帧右键插入帧,新建图层,这时...
标签: Web开发
第一种方式,函数式: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"       html xmlns="http://www.w3.org/1999/xhtml"       head       meta http-equiv="Con...

经验教程

572

收藏

68
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部