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

最新推荐文章于 2022-08-02 22:29:40 发布

iteye_2903

最新推荐文章于 2022-08-02 22:29:40 发布

阅读量99

点赞数

分类专栏： JSP 文章标签： JSP Java thread HTML

本文链接：https://blog.csdn.net/iteye_2903/article/details/81694394

版权

JSP 专栏收录该内容

22 篇文章 0 订阅

订阅专栏


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"> </td>
      <%} %>
      <%  
       for(int i=10;i<=100;i+=10){
      %>
      <td width="10%"> </td>
      <%} %>
      </tr>
      </div>
      </table>
      <% 
       if(progress.isComplete())
       out.println("<br><font color='red'>任务完成</font>");
      %>
    </body>
</html>

iteye_2903

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用javabean在JSP页面中实现进度条效果

[code="java"]public class TaskBean extends Thread{public TaskBean(){}private int percent=0;private boolean complete=false;public synchronized void run() { while(true){ if(pe...
复制链接

扫一扫

专栏目录