asp.net 生成静态页时的进度条显示

2020-04-24 22:08:23

字体：大中小

来源：转载

供稿：网友

asp.net如何生成静态页，请参考下面的文章：
//www.Cuoxin.com/article/18175.htm
而我们用模拟的话，只需要让线程延迟执行就可以了。比如下面的代码：
代码如下:
for (int i = 0; i < 10; i++)
{
DateTime startTime = DateTime.Now;
Response.Write(i + "-------------执行时间：" + startTime.ToString()+"<br />");
Thread.Sleep(1000);
}

显示结果：

时间都不一样，如果没有让线程延迟，那么这里的时间都是一样的。而我们需要做的仅仅是：
代码如下:
Thread.Sleep(1000);

别忘记了引入命名空间：
代码如下:
using System.Threading;

而且输出的时候是一次性就全部输出的，并不是每隔一秒就输出一行(是可以实现的，后面会讲到)。如果按那样写每隔一秒就输出一行该有多好啊。根据这个原理，如果只需要制作生成静态时表明正在生成的过程，而不需要进度显示，那么可以这样：
代码如下:
<asp:Button ID="btnOk" runat="server" onclick="btnOk_Click" Text="生成静态的进度条" OnClientClick="createload()" />

在Button按钮的添加一个
代码如下:
OnClientClick="createload()"

表明在按下按钮的同时触发客户端事件，而客户端就是创建一个等待中的div。效果如下：

creatload函数代码如下：
代码如下:
function createload(){
var loaddiv = document.createElement("div");
loaddiv.style.width = "200px";
loaddiv.style.height = "100px";
loaddiv.style.border = "1px solid #000000";
loaddiv.style.fontSize = "12px";
loaddiv.style.lineHeight = "100px";
loaddiv.style.backgroundColor = "#cccccc";
loaddiv.style.textAlign = "center";
loaddiv.innerHTML = "请稍候...";
document.body.appendChild(loaddiv);
}

执行完后这个div就自动消失了。
有了上面的铺垫，现在开始进入正题，我们肯定是要实现每隔一秒就输出一行的这种效果，而这其实很容易实现，只要让页面不缓冲就可以了再配合线程延迟就可以做到了。在Page中关闭缓冲区：
Buffer="false"
接下来，我们只要找一个进度条效果，再统计出需要生成静态页的文章总数，根据当前生成的文章为第几条记录，算出已经执行到总数的百分之几。再实时调用一次js函数实现进度块的变化，就OK了。
关于进度条，大家可以上网随便找一个，我用了这里的一个进度条效果，因为简单。//www.Cuoxin.com/article/18177.htm
当然，这个进度条并不适合我们现在的具体使用，关键部分的js需要修改如下：
代码如下:
//i为当前执行到的记录,count为总数
//比如总共需要生成的静态数为100，那么现在执行到5%，那么进度条块进到5%的地方

上一篇：asp.net 读取xml文件里面的内容，绑定到dropdownlist中

下一篇：asp.net 身份验证（最简单篇）

学习交流

web用户控件调用.aspx页面里的方法

web用户控件调用.aspx页面里的方法...

热门图片

猜你喜欢的新闻

猜你喜欢的关注