进程条显示码_第1页
进程条显示码_第2页
进程条显示码_第3页
进程条显示码_第4页
进程条显示码_第5页
已阅读5页,还剩13页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、详细解析JSP编程中进度条的设计实例package test.barBean; import java.io.Serializable; 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 = f

2、alse; sleep = 100; 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页面通过调用下面

3、的getPercent()方法获得任务的完成状况: public synchronized int getPercent() return counter; 如果任务已经启动,isStarted()方法将返回true: public synchronized boolean isStarted() return started; 如果任务已经完成,isCompleted()方法将返回true: public synchronized boolean isCompleted() return counter = 100; 如果任务正在运行,isRunning()方法将返回true: public

4、 synchronized boolean isRunning() return running; public synchronized void setRunning(boolean running) this.running = running; if (running) started = true; 任务执行完毕后,调用getResult()方法返回计算结果;如果任务尚未执行完毕,它返回null: public synchronized Object getResult() if (isCompleted() return new Integer(sum); else return

5、null; 当running标记为true、completed标记为false时,run()方法调用work()。在实际应用中,run()方法也许要执行复杂的SQL查询、解析大型XML文档,或者调用消耗大量CPU时间的EJB方法。注意“繁重的任务”可能要在远程服务器上执行。报告结果的JSP页面有两种选择:或者等待任务结束,或者使用一个进度条。 public void run() try setRunning(true); while (isRunning() && !isCompleted() work(); finally setRunning(false); <?xm

6、l version="1.0" encoding="GB2312"?> <!DOCTYPE web-app PUBLIC "-/Sun Microsystems, Inc./DTD Web Application 2.3/EN" " <web-app> <welcome-file-list> <welcome-file>start.jsp</welcome-file> </welcome-file-list> </web-app><%

7、session.removeAttribute("task"); %> <jsp:useBean id="task" scope="session" class="test.barBean.TaskBean"/> <% task.setRunning(true); %> <% new Thread(task).start(); %> <jsp:forward page="status.jsp"/>    <jsp:u

8、seBean id="task" scope="session" class="test.barBean.TaskBean"/>为了及时反映任务执行进度,status.jsp会自动刷新。JavaScript代码setTimeout("location=status.jsp", 1000)将每隔1000毫秒刷新页面,重新请求status.jsp,不需要用户干预。 <HTML> <HEAD> <TITLE>JSP进度条</TITLE> <% if (task.

9、isRunning() %> <SCRIPT LANGUAGE="JavaScript"> setTimeout("location=status.jsp", 1000); </SCRIPT> <% %> </HEAD> <BODY>进度条实际上是一个HTML表格,包含10个单元,即每个单元代表任务总体的10%进度。 <H1 ALIGN="CENTER">JSP进度条</H1> <H2 ALIGN="CENTER">

10、;结果: <%= task.getResult() %><BR> <% int percent = task.getPercent();%> <%= percent %>% </H2> <TABLE WIDTH="60%" ALIGN="CENTER" BORDER=1 CELLPADDING=0 CELLSPACING=2> <TR> <% for (int i = 10; i <= percent; i += 10) %> <TD WIDTH=

11、"10%" BGCOLOR="#000080"> </TD> <% %> <% for (int i = 100; i > percent; i -= 10) %> <TD WIDTH="10%"> </TD> <% %> </TR> </TABLE>任务执行情况分下面几种状态:正在执行,已完成,尚未开始,已停止: <TABLE WIDTH="100%" BORDER=0 CELLPADDING=0 C

12、ELLSPACING=0> <TR> <TD ALIGN="CENTER"> <% if (task.isRunning() %>正在执行 <% else %> <% if (task.isCompleted() %>完成 <% else if (!task.isStarted() %>尚未开始 <% else %>已停止 <% %> <% %> </TD> </TR>页面底部提供了一个按钮,用户可以用它来停止或重新启动任务: <T

13、R> <TD ALIGN="CENTER"> <BR> <% if (task.isRunning() %> <FORM METHOD="GET" ACTION="stop.jsp"> <INPUT TYPE="SUBMIT" VALUE="停止"> </FORM> <% else %> <FORM METHOD="GET" ACTION="start.jsp"

14、> <INPUT TYPE="SUBMIT" VALUE="开始"> </FORM> <% %> </TD> </TR> </TABLE> </BODY></HTML>只要不停止任务,约10秒后浏览器将显示出计算结果5050: 四、停止任务 stop.jsp页面把running标记设置成false,从而停止当前的计算任务: <jsp:useBean id="task" scope="session" clas

15、s="test.barBean.TaskBean"/> <% task.setRunning(false); %> <jsp:forward page="status.jsp"/>第一个实例:开始页面:start.jsp<% page contentType="text/html; charset=GBK" %><% session.removeAttribute("task"); %><jsp:useBean id="task" sc

16、ope="session" class="progress.TaskBean"/><% task.setRunning(true); %><% new Thread(task).start(); %><jsp:forward page="status.jsp"/>状态页面:status.jsp<% page contentType="text/html; charset=GBK" %><jsp:useBean id="task" sco

17、pe="session" class="progress.TaskBean"/><HTML> <HEAD> <TITLE>JSP进度条</TITLE> <% if (task.isRunning() %> <script type="" LANGUAGE="javascript"> setTimeout("location='status.jsp'", 1000); </script> &l

18、t;% %></HEAD><bODY bgcolor=""><H1 ALIGN="CENTER">JSP进度条</H1> <H2 ALIGN="CENTER"> 结果: <%= task.getResult() %><BR> <% int percent = task.getPercent(); %> <%= percent %>% </H2> <TABLE WIDTH="60%" A

19、LIGN="CENTER" CELLPADDING=0 CELLSPACING=2> <TR> <% for (int i = 10; i <= percent; i += 10) %> <TD WIDTH="10%" height="10" BGCOLOR="red"> </TD> <% %> <% for (int i = 100; i > percent; i -= 10) %> <TD WIDTH="1

20、0%"> </TD> <% %> </TR> </TABLE><TABLE WIDTH="100%" BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR> <TD ALIGN="CENTER"> <% if (task.isRunning() %> 正在执行 <% else %> <% if (task.isCompleted() %> 完成 <% else if (!task.is

21、Started() %> 尚未开始 <% else %> 已停止 <% %> <% %> </TD> </TR><TR> <TD ALIGN="CENTER"> <BR> <% if (task.isRunning() %> <FORM METHOD="GET" ACTION="stop.jsp"> <INPUT TYPE="SUBMIT" ="停止"> &l

22、t;/FORM> <% else %> <FORM METHOD="GET" ACTION="start.jsp"> <INPUT TYPE="SUBMIT" ="开始"> </FORM> <% %> </TD> </TR> </TABLE></BODY></HTML>停止页面:stop.jsp<% page contentType="text/html; charset=G

23、BK" %><jsp:useBean id="task" scope="session" class="progress.TaskBean"/><% task.setRunning(false); %><jsp:forward page="status.jsp"/>业务逻辑bean:TaskBean.javapackage progress;/* * 其run()方法在一个由JSP页面(start.jsp)启动的独立线程中运行。 * 终止run()方法执行由另一个

24、JSP页面stop.jsp负责。 * 这样JSP页面就可以将它作为JavaBean调用 * */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; /*

25、 * 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页面通过调用下面的

26、getPercent()方法获得任务的完成状况: public synchronized int getPercent() return counter; /如果任务已经启动,isStarted()方法将返回true: public synchronized boolean isStarted() return started; /如果任务已经完成,isCompleted()方法将返回true public synchronized boolean isCompleted() return counter = 100; /如果任务正在运行,isRunning()方法将返回true: publi

27、c synchronized boolean isRunning() return running; /* * 当running参数是true时。SetRunning()方法还要将任务标记为“已经启动”。 * 调用setRunning(false)表示要求run()方法停止执行。 * */ public synchronized void setRunning(boolean running) this.running = running; if (running) started = true; /任务执行完毕后,调用getResult()方法返回计算结果;如果任务尚未执行完毕,它返回nul

28、l: public synchronized Object getResult() if (isCompleted() return new Integer(sum); else return null; /* * 当running标记为true、completed标记为false时, * run()方法调用work()。在实际应用中,run()方法也许要 * 执行复杂的SQL查询、解析大型XML文档,或者调用消耗大量 * CPU时间的EJB方法。注意“繁重的任务”可能要在远程服务器 * 上执行。报告结果的JSP页面有两种选择:或者等待任务结束,或者使用一个进度条。 * */ public v

29、oid run() try setRunning(true); while (isRunning() && !isCompleted() work(); finally setRunning(false); JSP编程进度条设计实例(1) 来源:ChinaZ.com 作者:未知时间:2006-04-30 阅读: 30 许多Web应用、企业应用涉及到长时间的操作,例如复杂的数据库查询或繁重的XML处理等,虽然这些任务主要由数据库系统或中间件完成,但任务执行的结果仍旧要借助JSP才能发送给用户。本文介绍了一种通过改进前端表现层来改善用户感觉、减轻服务器负载的办法。 当JSP调用一个

30、必须长时间运行的操作,且该操作的结果不能(在服务器端)缓冲,用户每次请求该页面时都必须长时间等待。很多时候,用户会失去耐心,接着尝试点击浏览器的刷新按钮,最终失望地离开。 本文介绍的技术是把繁重的计算任务分离开来,由一个独立的线程运行,从而解决上述问题。当用户调用JSP页面时,JSP页面会立即返回,并提示用户任务已经启动且正在执行;JSP页面自动刷新自己,报告在独立线程中运行的繁重计算任务的当前进度,直至任务完成。 一、模拟任务 首先我们设计一个TaskBean类,它实现java.lang.Runnable接口,其run()方法在一个由JSP页面(start.jsp)启动的独立线程中运行。终止

31、run()方法执行由另一个JSP页面stop.jsp负责。TaskBean类还实现了java.io.Serializable接口,这样JSP页面就可以将它作为JavaBean调用: package test.barBean;import java.io.Serializable;public class TaskBean implements Runnable, Serializable     private int counter;    private int sum;    private boo

32、lean started;    private boolean running;    private int sleep;    public TaskBean()         counter = 0;        sum     = 0;      

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

34、0秒。 protected void work()     try         Thread.sleep(sleep);        counter+;        sum += counter;    catch (InterruptedException e)     

35、0;   setRunning(false);     status.jsp页面通过调用下面的getPercent()方法获得任务的完成状况: public synchronized int getPercent()     return counter;javaScript<进程条显示码如下:><html><head><meta http-equiv="Content-Type" content="text/html; charse

36、t=gb2312"><title>无标题文档</title></head><body><style type="text/css">#divLoadContposition:absolute; z-index:500; left:0; top:0; width:100%; height:98%; clip:rect(0,100%,100%,0); background-color:white; layer-background-color:white; #divLoad1position:absol

37、ute; layer-background-color:silver; background-color:silver#divLoad2position:absolute; left:0; top:0; layer-background-color:navy; background-color:navy#divLoadTextposition:absolute; background-color:transparent; font-family:arial,helvetica; color:Navy; font-size:14px; </style><script langu

38、age="JavaScript" type="text/javascript">function lib_bwcheck() /Browsercheck (needed) this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4|th

39、is.ie5|this.ie6 this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0; this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6 | this.ie5 | this.ie4 | this.ns4 | this.ns6 | this.opera5) return thisvar bw=new lib_bwcheck()numImages=10 /How many images you have in your pageload

40、erWidth=300 /The width of the loadbarcurrentImg=0function lib_doc_size() if(!this.x2|!this.y2) return message('Document has no width or height') this.x50=this.x2/2;this.y50=this.y2/2; return this;function lib_obj(obj,nest) nest=(!nest) ? "":'document.'+nest+'.' this.evnt=bw.dom? document.getElementById(obj):bw.ie4?document.allobj:bw.ns4?eval(nest+"document.layers." +ob

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论