java - 在显示数据库记录的应用程序中显示进度条

Question

我有一个应用程序，我接受一个数字作为输入。然后使用它在另一个 页面上显示结果。输入数字用于通过顺序 jdbc 查询从 oracle 数据库命中多个表，结果页面加载需要大量时间(1-2 分钟)。

我会确保需要时间，因为我正在获取大量的备忘录记录，但是我想要一个进度条，它通过链接到没有完成的 jdbc 查询来表示进度，或者可能是一个简单的通用加载屏幕直到结果页面加载

Answer 1

首先，您应该创建 DOM 元素。我们只需要两个 div 元素，一个在另一个元素中。第一个是进度条支架，您可以随时将其放在页面上。另一个是进度条指示器。像这样:

  <div id="progressBar"><div></div></div>

现在，我们需要为这些元素提供一些基本的 CSS。我们将设置宽度、高度和颜色:

#progressBar {
      width: 400px;
      height: 22px;
      border: 1px solid #111;
      background-color: #292929;
  }

 #progressBar div {
     height: 100%;
     color: #fff;
     text-align: right;
     line-height: 22px; /* same as #progressBar height if we want text middle aligned */
      width: 0;
      background-color: #0099ff;
     }

最后我们需要一个函数和 4 行代码。这是一个接受两个参数的简单函数。

   function progress(percent, $element) {
   var progressBarWidth = percent * $element.width() / 100;
   $element.find('div').animate({ width: progressBarWidth }, 500).html(percent+           "% ");

第一个参数是进度条应该显示的百分比，另一个是进度条持有者的 jQuery 对象。如果我们想将进度条设置为 80%，我们所要做的就是:

progress(80, $('#progressBar'));

当然，在所有这一切之前，我们需要在我们的页面上包含 jQuery 库。

这个简单的进度条可以很容易地用 CSS 设置样式。我创建了一些可以从 GitHub 下载的皮肤。随意创建您自己的皮肤并向我发送请求请求。