`

用javabean在JSP页面中实现进度条效果

    博客分类:
  • JSP
阅读更多
public class TaskBean extends Thread{

public TaskBean(){
}

private int percent=0;
private boolean complete=false;

public synchronized void run() {
   while(true){
    if(percent>=100){
     complete=true;
     return;
    }
    try {
     Thread.sleep(1000);
    } catch (Exception e) {
     System.err.println("TaskBean.run()"+e.getMessage());
    }
    percent+=10;
   }
}
public boolean isComplete(){
   return complete;
}
public int getPercent(){
   return percent;
}
}


start.jsp

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
     + request.getServerName() + ":" + request.getServerPort()
     + path + "/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <title>用javabean在JSP页面中实现进度条效果</title>
</head>

<body>
    <jsp:useBean id="progress" scope="session" class="mybean.TaskBean"></jsp:useBean>
    <% new Thread(progress).start(); %>
    <jsp:forward page="status.jsp"></jsp:forward>
</body>
</html>

status.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>进度条</title>
    </head>
    <jsp:useBean id="progress" scope="session" class="mybean.TaskBean"></jsp:useBean>
    <% 
     if(!progress.isComplete()){ 
    %>
    <script type="text/javascript">
    <!--
    function refresh(){
     document.location="status.jsp";
     }
     setTimeout("refresh()",1000);
     -->
    </script>
    <%} %>
    <body>
      <%  
       int percent=progress.getPercent();
      %>
      <table width="80%" cellspacing="0" cellpadding="0">
      <div align="center"><%=percent %>%
      <tr>
      <%  
       for(int i=10;i<=percent;i+=10){
      %>
      <td width="10%" bgcolor="#000080">&nbsp;</td>
      <%} %>
      <%  
       for(int i=10;i<=100;i+=10){
      %>
      <td width="10%">&nbsp;</td>
      <%} %>
      </tr>
      </div>
      </table>
      <% 
       if(progress.isComplete())
       out.println("<br><font color='red'>任务完成</font>");
      %>
    </body>
</html>


分享到:
评论

相关推荐

    jsp页面进度条,进度条,

    这表明进度条是在JSP页面中实现的。这意味着HTML和JavaScript代码将被嵌入到JSP文件中,以便在服务器上执行并返回动态生成的HTML页面给客户端。 #### 四、代码分析 ##### 4.1 JavaScript部分 代码中使用了...

    JSP实现进度条

    在本场景中,我们讨论的是如何使用Java Server Pages (JSP) 技术来实现一个登录过程中的进度条效果。这通常是通过JavaScript、CSS以及后台的Java逻辑协同工作来完成的。 首先,我们需要理解JSP的基础。JSP是一种...

    利用Javabean+JSP 实现文件的上传、显示、下载

    在Java Web开发中,利用Javabean和JSP可以构建一个完整的文件管理系统,包括文件的上传、显示和下载等功能。以下将详细介绍如何通过这些技术实现这些功能。 首先,我们要理解Javabean和JSP的角色。Javabean是一种...

    JSP编程进度条设计实例

    `Runnable`使得`TaskBean`可以在独立线程中运行,`Serializable`允许JSP页面将其作为JavaBean处理。`TaskBean`中的任务是模拟计算1到100的和,但不是一次性完成,而是通过`run()`方法中的`work()`方法分步进行,每次...

    用jsp作进度条

    在JSP页面中,可以通过`&lt;jsp:useBean&gt;`和`&lt;jsp:getProperty&gt;`标签来使用和显示JavaBean的属性。 ```jsp &lt;jsp:useBean id="taskProgress" class="your.package.TaskProgress" scope="session" /&gt; () %&gt;%;"&gt; ``` ...

    jsp大文件上传带进度条

    本篇文章将深入探讨如何在JSP(JavaServer Pages)环境中实现大文件的分块上传并配合Ajax技术来展示实时进度条。 首先,我们要理解大文件上传的挑战。传统的HTTP请求方式对文件大小有限制,当文件过大时,可能会...

    shell脚本编程100例JSP编程进度条设计实例.pdf

    JSP编程进度条设计实例 本文主要介绍了一种通过改进前端表现层来改善...同时,本文还涉及到JSP编程、Java多线程编程、JavaBean、串行化、JSP页面设计、web.xml文件、JSP标签、进度条设计、任务执行状态监控等知识点。

    shell脚本编程100例JSP编程进度条设计实例.docx

    首先,我们设计一个 TakBean 类,它实现 ng.Runnable 接口,其 run() 方法在一个由 JSP 页面(tart.jp)启 动的独立线程中运行。终止 run() 方法执行由另一个 JSP 页面 top.jp 负责。TakBean 类还实现了 java.io....

    jsp+jspsmartupload控件上传图片至数据库

    在本文中,我们将深入探讨如何使用JSP与jspsmartupload控件将图片上传到数据库。jspsmartupload是一款强大的JSP文件上传组件,能够帮助开发者处理用户通过表单提交的多个文件。以下是对这个技术栈的详细解析: 1. *...

    JSP实用技巧集合,jsp编程的一些小技巧总结

    15. 在jsp中,怎么实现按回车就可提交表单? 16. 在JSP中如何传递数组? 17. 按地址取图片? 18. JSP中如何上传图片到数据库字段? 19. 页面自动刷新? 20. 表单自动提交? 21. 从JSP传数据的到JAVABEAN里? 22. ...

    《JSP+Dreamweaver CS4+CSS+Ajax动态网站开发典型案例》源代码

    《JSP+Dreamweaver CS4+CSS+Ajax动态网站开发典型案例》光盘 完整源代码 有3个完整的jsp网站 第1章 设计Web标准网页 1.1 设个人主页 1.2 设计CSS 1.3 设计新闻查看页面 1.4 设计博客网站首页 1.5 CSS设计页面布局 ...

    jsp编程技巧集锦

    数字转中文 128 自动计算金额 129 JSP页面打印中使用WebBrowser控件 130 不刷新页面添加新的类别 131 鼠标滚动缩放图片 132 根据输入的表名生成输入数据表格 133 JSP表格输出到Excel 134.JSP...

    纯jsp文件多文件上传例子

    在JSP页面(如upload.jsp)中,我们可以使用`&lt;jsp:useBean&gt;`和`&lt;jsp:setProperty&gt;`来创建和初始化一个JavaBean,这个Bean将处理文件上传。这个Bean通常实现了Servlet的`doPost`方法,使用`HttpServletRequest`对象来...

    struts带进度条上传

    - 在`UpSingleFile.jsp`中,用户通过表单提交文件,当点击提交按钮后,表单将通过`POST`方式发送至`fileUpload` Action。 - `BaseAction`类或继承自它的其他Action类应该包含处理文件上传的逻辑。例如,读取上传...

    一款基于java技术实现的纯jsp在线音乐播放器代码.zip

    标题中的“一款基于java技术实现的纯jsp在线音乐播放器代码”表明了这是一个使用Java编程语言和JSP(JavaServer Pages)技术开发的音乐播放器项目。JSP是一种动态网页技术,它允许开发者在HTML中嵌入Java代码,从而...

    一个jsp下载系统.zip

    4. **JavaBean**:在JSP中,常用JavaBean作为业务逻辑组件。它们是符合JavaBeans规范的Java类,可以通过`&lt;jsp:useBean&gt;`标签在JSP页面中实例化和操作。 5. **文件上传与下载**: - **上传**:使用Apache Commons ...

    JSP文件管理器v1.001

    在JSP中,开发者可以使用内置的对象(如Request、Response、Session等)来访问客户端的数据,同时可以通过脚本元素和指令元素来编写业务逻辑。 **JSP文件管理器的工作原理** JSP文件管理器的核心在于使用Servlet来...

    JSP上传下载例子

    2. **jspsmartupload引入**:在JSP页面中引入jspsmartupload的JavaScript和JavaBean文件。 ```jsp &lt;%@ page import="net.sf.jspsmart.upload.*" %&gt; &lt;%@ taglib uri="http://www.jspsmart.com" prefix="s" %&gt; ``` 3...

Global site tag (gtag.js) - Google Analytics