1、页面后台代码添加如下属性:

/// <summary>
/// 总数
/// </summary>
private double total
{
set
{
Session["DPMS.POP.POP_ExcelLeadIn_total"] = value;
}
get
{
if (Session["DPMS.POP.POP_ExcelLeadIn_total"] == null)
{
return ;
}
return Convert.ToDouble(Session["DPMS.POP.POP_ExcelLeadIn_total"]);
}
}
/// <summary>
/// 当前进度
/// </summary>
private int cur
{
set
{
Session["DPMS.POP.POP_ExcelLeadIn_cur"] = value;
}
get
{
if (Session["DPMS.POP.POP_ExcelLeadIn_cur"] == null)
{
return ;
}
return Convert.ToInt32(Session["DPMS.POP.POP_ExcelLeadIn_cur"]);
}
}
/// <summary>
/// 错误信息
/// </summary>
private string errMsg
{
set
{
Session["DPMS.POP.POP_ExcelLeadIn_errMsg"] = value;
}
get
{
if (Session["DPMS.POP.POP_ExcelLeadIn_errMsg"] == null)
{
return string.Empty;
}
return Session["DPMS.POP.POP_ExcelLeadIn_errMsg"].ToString();
}
}
/// <summary>
/// 开始时间
/// </summary>
private DateTime startTime
{
set
{
Session["DPMS.POP.POP_ExcelLeadIn_startTime"] = value;
}
get
{
if (Session["DPMS.POP.POP_ExcelLeadIn_startTime"] == null)
{
return DateTime.Now;
}
return Convert.ToDateTime(Session["DPMS.POP.POP_ExcelLeadIn_startTime"]);
}
}

2、在处理数据的开始,初始化total和startTime变量:

total = int.Parse(dataSet.Tables[0].Rows[0][0].ToString());
startTime = DateTime.Now;

3、在处理数据过程中,不断累加cur:

cur++;

4、前端每隔500毫秒获取进度:

<script type="text/javascript">
//更新进度
function refreshProcess() {
var itv = setInterval(function () {
$.ajax({
url: "ExcelLeadIn.aspx?action=getProcess&t=" + new Date().valueOf(),
type: "POST",
data: {},
success: function (data) {
if (data == "导入进度:100.00%") {
clearInterval(itv);
$("#msg").html(data);
alert("导入成功");
} else {
if (data.indexOf("错误:") == 0) {
clearInterval(itv);
}
$("#msg").html(data);
}
}
});
}, 500);
}
refreshProcess();
</script>

5、后台计算进度:

protected void Page_Load(object sender, EventArgs e)
{
string result = string.Empty; if (Request["action"] == "getProcess")
{
try
{
LoginEntity loginUser = (LoginEntity)this.Session[BasePage.LOGIN_USER_KEY];
string userId = loginUser.USER_ID;
if (string.IsNullOrEmpty(errMsg))
{
if (total == )
{
result = "导入进度:0%";
}
else
{
DateTime now = DateTime.Now;
TimeSpan ts = now - startTime; string time = string.Empty;
double per = cur / total;
if (per > )
{
double totalSeconds = ts.TotalSeconds / per - ts.TotalSeconds;
if (totalSeconds > )
{
time = (int)Math.Round(totalSeconds / ) + "分";
}
else
{
time = (int)Math.Round(totalSeconds) + "秒";
}
} string percent = (cur / total * ).ToString("0.00");
if (percent == "100.00")
{
cur = ;
total = ;
result = string.Format("导入进度:{0}%", percent);
}
else
{
result = string.Format("导入进度:{0}%,剩余时间:{1}", percent, time);
}
}
}
else
{
result = "错误:" + errMsg;
}
}
catch (Exception ex)
{
result = "错误:" + ex.Message;
}
} if (!string.IsNullOrEmpty(result))
{
Response.Write(result);
Response.End();
}
}

效果图(文字错了,不是“导入进度”,而是“数据处理进度:”):

Web页面实现后台数据处理进度与剩余时间的显示的更多相关文章

  1. Web页面向后台提交数据的方式和选择

    1.通过表单提交 这是HTML支持最传统的提交方法,需要创建表单,然后表单包含各种类型的表单元素,还要有一个提交按钮,通过提交按钮来提交到后台,这种方式提交后页面会刷新. 2.通过网页链接提交 可以在 ...

  2. .netMVC:Web页面向后台提交数据的方式和选择

    众所周知Web前端页面主要由HTML/CSS/Javascript组成,当要通过与用户的交互实现各种功能时,就需要向后台提交一些数据或者操作.在Web世界里各种实现眼花缭乱,但究其根本,不外乎三种方式 ...

  3. web页面上展示图片时,图片不显示,报错:ERR_CONTENT_LENGTH_MISMATCH

      问题描述 前端页面加载css,和js文件的时候,经常出现ERR_CONTENT_LENGTH_MISMATCH的报错情况.   查找问题 在单独打开hearder中css,js的网络地址是能打开的 ...

  4. web页面过一段时间再次访问时显示数据库连接错误

    这个问题是我之前遇到的,过了很久才想着去解决它,因为这也没多大影响,无非就是再访问一次的问题,后来有一次观察网站的运行情况时,发现这个问题还挺严重,如果一直用,就不会出现问题,如果中间歇一会,再用就会 ...

  5. 关于WEB页面的强制分页打印问题

    最近项目中有个需求要求打印web页面数据,但是碰到打印预览显示数据时,多的数据就不翼而飞了(不分页),搞的很是焦灼~ 最先是以为纸张的问题,胡乱折腾了一番,把A4约硬是改成了LARGE号的纸,多的数据 ...

  6. Asp.Net MVC页面显示后台处理进度问题

    这个问题的背景是,用户通过浏览器上传文件或Excel数据到系统中,页面需要时时显示后台处理进度,以增强用户的体验. 在GitHub上找到一个一个项目,基本实现了这个功能,具体效果如下图 代码实现过程大 ...

  7. DWR实现后台推送消息到web页面

    DWR简介 DWR(Direct Web Remoting)可用于实现javascript直接调用java函数和后台直接调用页面javascript代码,后者可用作服务端推送消息到Web前端. (服务 ...

  8. Web 页面测试总结—控件类

    web端页面测试,最常见的是基本控件的测试,只有了解常见的控件和其测试方法,才能掌握测试要点,避免漏测情况发生.根据日常工作总结,将控件和常见逻辑集合在一起,总结了几个控件类测试查场景如下. 导航条 ...

  9. Web页面测试总结(控件类)

    界面测试,最多的就是各种控件的功能测试,只有掌握了其测试要点,了解测试方法,总结各种测试情景,才能熟练测试Web页面. 一.输入框 输入框分为文本输入框,数字输入框.一般使用在填写输入的内容上,比如名 ...

随机推荐

  1. 剑指Offer面试题:21.从上到下打印二叉树

    一.题目:从上到下打印二叉树 题目:从上往下打印出二叉树的每个结点,同一层的结点按照从左到右的顺序打印.例如输入下图中的二叉树,则依次打印出8.6.10.5.7.9.11. 二叉树节点的定义如下,采用 ...

  2. NodeJS写个爬虫,把文章放到kindle中阅读

    这两天看了好几篇不错的文章,有的时候想把好的文章 down 下来放到 kindle 上看,便写了个爬虫脚本,因为最近都在搞 node,所以就很自然的选择 node 来爬咯- 本文地址:http://w ...

  3. [每日电路图] 10、两种MOS管的典型开关电路

    下图是两种MOS管的典型应用:其中第一种NMOS管为高电平导通,低电平截断,Drain端接后面电路的接地端:第二种为PMOS管典型开关电路,为高电平断开,低电平导通,Drain端接后面电路的VCC端. ...

  4. vmware 安装xp 流水账

    1. 分区 PQ分区.1个区,C盘,NTFS. 2. 安装XP 进入ghost,不要选择一键. 然后fromImage, d:\xxx\GHO

  5. Oracle没有WM_CONCAT函数的解决办法

    WM_CONCAT是oracle的非公开函数,并不鼓励使用,新版本oracle并没有带此函数,需要手工加上. 1.下载三个文件:owmctab.plb  . owmaggrs.plb . owmagg ...

  6. JavaScript随笔1

    1.NaN不等于NaN 2.判断是不是NaN:isNaN; (强制类型转换) 3.parseInt(3.5) ->3  parseInt(3px)->3 4.pareFloat(3.7)- ...

  7. 模拟jsonp的实现

    function prescript(s) { if (s.cache === undefined) { s.cache = false; } if (s.crossDomain) { s.type ...

  8. Vue.js学习笔记(8)拖放

    小颖在目前负责的项目中,负责给同事提供所需组件,在这期间,我们家大颖姐姐让我 写个拖拽组件,一开始我是用click实现,先将你要拖拽的dom点一下,然后再点你要放的位置,这个dom再通过小颖写的方法, ...

  9. android表白app

    一.前言 马上就要520和521了,是不是还有像我一样的单身狗啊.我就知道有,所以这两天简单写了这个小程序(其实是替别人写的),虽然我并不会用去骗女孩子(因为最近太忙了,实习完之后要搞毕设,要搞论文啊 ...

  10. Android探索之BroadcastReceiver具体使用以及安全性探究

    前言: 最近的计划是学习一下iOS的NSNotificationCenter,突然想起来的Android的广播机制,所以还是觉得先对BroadcastReceiver来个全面的总结然后再去学习NSNo ...