asp.net数据要导入到数据库，数据量很大，想加个进度条？
2个回答
2016-02-17 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
asp.net中给应用增加进度条的实现方法：
建立一个WEB工程，添加新项->HTML页面，命名为ProgressBar.htm，内容如下：
<!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" id="mainWindow">
<head>
<title>无标题页</title>
<script language="javascript">
function SetPorgressBar(pos)
{
//设置进度条居中
var screenHeight = window["mainWindow"].offsetHeight;
var screenWidth = window["mainWindow"].offsetWidth;
ProgressBarSide.style.width = Math.round(screenWidth / 2);
ProgressBarSide.style.left = Math.round(screenWidth / 4);
ProgressBarSide.style.top = Math.round(screenHeight / 2);
ProgressBarSide.style.height = "21px";
ProgressBarSide.style.display = "";
//设置进度条百分比
ProgressBar.style.width = pos + "%";
ProgressText.innerHTML = pos + "%";
}
//完成后隐藏进度条
function SetCompleted()
{
ProgressBarSide.style.display = "none";
}
</script>
</head>
<body>
<div id="ProgressBarSide" style="position:absolute;height:21x;width:100px;color:Silver;border-width:1px;border-style:Solid;display:none">
<div id="ProgressBar" style="position:absolute;height:21px;width:0%;background-color:#3366FF"></div>
<div id="ProgressText" style="position:absolute;height:21px;width:100%;text-align:center"></div>
</div>
</body>
</html>
后台代码，Default.aspx.cs：
using System;
sing System.Data;
sing System.Configuration;
sing System.Web;
sing System.Web.Security;
sing System.Web.UI;
sing System.Web.UI.WebControls;
sing System.Web.UI.WebControls.WebParts;
sing System.Web.UI.HtmlControls;
sing System.Threading;
sing System.IO;
ublic partial class _Default : System.Web.UI.Page
private void beginProgress()
{
//根据ProgressBar.htm显示进度条界面
string templateFileName = Path.Combine(Server.MapPath("."), "ProgressBar.htm");
StreamReader reader = new StreamReader(@templateFileName,System.Text.Encoding.GetEncoding("GB2312"));
string html = reader.ReadToEnd();
reader.Close();
Response.Write(html);
Response.Flush();
}
private void setProgress(int percent)
{
string jsBlock = "<script>SetPorgressBar('" + percent.ToString() + "'); </script>";
Response.Write(jsBlock);
Response.Flush();
}
private void finishProgress()
{
string jsBlock = "<script>SetCompleted();</script>";
Response.Write(jsBlock);
Response.Flush();
}
private void Page_Load(object sender, System.EventArgs e)
{
beginProgress();
for (int i = 1; i <= 100; i++)
{
setProgress(i);
//此处用线程休眠代替实际的操作，如加载数据等
System.Threading.Thread.Sleep(50);
}
finishProgress();
}
建立一个WEB工程，添加新项->HTML页面，命名为ProgressBar.htm，内容如下：
<!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" id="mainWindow">
<head>
<title>无标题页</title>
<script language="javascript">
function SetPorgressBar(pos)
{
//设置进度条居中
var screenHeight = window["mainWindow"].offsetHeight;
var screenWidth = window["mainWindow"].offsetWidth;
ProgressBarSide.style.width = Math.round(screenWidth / 2);
ProgressBarSide.style.left = Math.round(screenWidth / 4);
ProgressBarSide.style.top = Math.round(screenHeight / 2);
ProgressBarSide.style.height = "21px";
ProgressBarSide.style.display = "";
//设置进度条百分比
ProgressBar.style.width = pos + "%";
ProgressText.innerHTML = pos + "%";
}
//完成后隐藏进度条
function SetCompleted()
{
ProgressBarSide.style.display = "none";
}
</script>
</head>
<body>
<div id="ProgressBarSide" style="position:absolute;height:21x;width:100px;color:Silver;border-width:1px;border-style:Solid;display:none">
<div id="ProgressBar" style="position:absolute;height:21px;width:0%;background-color:#3366FF"></div>
<div id="ProgressText" style="position:absolute;height:21px;width:100%;text-align:center"></div>
</div>
</body>
</html>
后台代码，Default.aspx.cs：
using System;
sing System.Data;
sing System.Configuration;
sing System.Web;
sing System.Web.Security;
sing System.Web.UI;
sing System.Web.UI.WebControls;
sing System.Web.UI.WebControls.WebParts;
sing System.Web.UI.HtmlControls;
sing System.Threading;
sing System.IO;
ublic partial class _Default : System.Web.UI.Page
private void beginProgress()
{
//根据ProgressBar.htm显示进度条界面
string templateFileName = Path.Combine(Server.MapPath("."), "ProgressBar.htm");
StreamReader reader = new StreamReader(@templateFileName,System.Text.Encoding.GetEncoding("GB2312"));
string html = reader.ReadToEnd();
reader.Close();
Response.Write(html);
Response.Flush();
}
private void setProgress(int percent)
{
string jsBlock = "<script>SetPorgressBar('" + percent.ToString() + "'); </script>";
Response.Write(jsBlock);
Response.Flush();
}
private void finishProgress()
{
string jsBlock = "<script>SetCompleted();</script>";
Response.Write(jsBlock);
Response.Flush();
}
private void Page_Load(object sender, System.EventArgs e)
{
beginProgress();
for (int i = 1; i <= 100; i++)
{
setProgress(i);
//此处用线程休眠代替实际的操作，如加载数据等
System.Threading.Thread.Sleep(50);
}
finishProgress();
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个问题值得一讨论
首先要清楚这个问题当中的两个技术核心，一是进度步进，二是把进度显示出来
对于第一点主要是每进一点就要有记录，完成了也要记录，建议使用BackgroundWorker，这组件主要就是干这事儿的
显示进度ajax就可以，有很多进度显示的js组件可用，自己写也很简单
主要是前后台衔接的问题
比如导入excel，首先，为了确定“百分比”和“完成”状态就得先得出excel的总行数，这样每处理一行就算一下进度。由于webform是异步的，需要先把挂载了进度处理的BackgroundWorker存到服务器上，比如存如session，这样每次ajax获取服务器上的BackgroundWorker的进度。
关于BackgroundWorker的使用，这个文章有很多，可别因为大部分案例都是winform的就退缩了
参考：
http://msdn.microsoft.com/zh-cn/library/system.componentmodel.backgroundworker.aspx
首先要清楚这个问题当中的两个技术核心，一是进度步进，二是把进度显示出来
对于第一点主要是每进一点就要有记录，完成了也要记录，建议使用BackgroundWorker，这组件主要就是干这事儿的
显示进度ajax就可以，有很多进度显示的js组件可用，自己写也很简单
主要是前后台衔接的问题
比如导入excel，首先，为了确定“百分比”和“完成”状态就得先得出excel的总行数，这样每处理一行就算一下进度。由于webform是异步的，需要先把挂载了进度处理的BackgroundWorker存到服务器上，比如存如session，这样每次ajax获取服务器上的BackgroundWorker的进度。
关于BackgroundWorker的使用，这个文章有很多，可别因为大部分案例都是winform的就退缩了
参考：
http://msdn.microsoft.com/zh-cn/library/system.componentmodel.backgroundworker.aspx
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
