Web页面实现后台数据处理进度与剩余时间的显示
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页面实现后台数据处理进度与剩余时间的显示的更多相关文章
- Web页面向后台提交数据的方式和选择
1.通过表单提交 这是HTML支持最传统的提交方法,需要创建表单,然后表单包含各种类型的表单元素,还要有一个提交按钮,通过提交按钮来提交到后台,这种方式提交后页面会刷新. 2.通过网页链接提交 可以在 ...
- .netMVC:Web页面向后台提交数据的方式和选择
众所周知Web前端页面主要由HTML/CSS/Javascript组成,当要通过与用户的交互实现各种功能时,就需要向后台提交一些数据或者操作.在Web世界里各种实现眼花缭乱,但究其根本,不外乎三种方式 ...
- web页面上展示图片时,图片不显示,报错:ERR_CONTENT_LENGTH_MISMATCH
问题描述 前端页面加载css,和js文件的时候,经常出现ERR_CONTENT_LENGTH_MISMATCH的报错情况. 查找问题 在单独打开hearder中css,js的网络地址是能打开的 ...
- web页面过一段时间再次访问时显示数据库连接错误
这个问题是我之前遇到的,过了很久才想着去解决它,因为这也没多大影响,无非就是再访问一次的问题,后来有一次观察网站的运行情况时,发现这个问题还挺严重,如果一直用,就不会出现问题,如果中间歇一会,再用就会 ...
- 关于WEB页面的强制分页打印问题
最近项目中有个需求要求打印web页面数据,但是碰到打印预览显示数据时,多的数据就不翼而飞了(不分页),搞的很是焦灼~ 最先是以为纸张的问题,胡乱折腾了一番,把A4约硬是改成了LARGE号的纸,多的数据 ...
- Asp.Net MVC页面显示后台处理进度问题
这个问题的背景是,用户通过浏览器上传文件或Excel数据到系统中,页面需要时时显示后台处理进度,以增强用户的体验. 在GitHub上找到一个一个项目,基本实现了这个功能,具体效果如下图 代码实现过程大 ...
- DWR实现后台推送消息到web页面
DWR简介 DWR(Direct Web Remoting)可用于实现javascript直接调用java函数和后台直接调用页面javascript代码,后者可用作服务端推送消息到Web前端. (服务 ...
- Web 页面测试总结—控件类
web端页面测试,最常见的是基本控件的测试,只有了解常见的控件和其测试方法,才能掌握测试要点,避免漏测情况发生.根据日常工作总结,将控件和常见逻辑集合在一起,总结了几个控件类测试查场景如下. 导航条 ...
- Web页面测试总结(控件类)
界面测试,最多的就是各种控件的功能测试,只有掌握了其测试要点,了解测试方法,总结各种测试情景,才能熟练测试Web页面. 一.输入框 输入框分为文本输入框,数字输入框.一般使用在填写输入的内容上,比如名 ...
随机推荐
- 手机CPU和GPU厂商
CPU: 1.苹果 (Apple) A系列 ARM授权,基于Cortex-A系列架构 A5基于Cortex-A9架构,双核,主频800M-1Ghz,内存双通道32bitLPDDR2,GPU采用Powe ...
- The Hacker's Guide To Python 单元测试
The Hacker's Guide To Python 单元测试 基本方式 python中提供了非常简单的单元测试方式,利用nose包中的nosetests命令可以实现简单的批量测试. 安装nose ...
- 七天学会ASP.NET MVC (一)——深入理解ASP.NET MVC
系列文章 七天学会ASP.NET MVC (一)——深入理解ASP.NET MVC 七天学会ASP.NET MVC (二)——ASP.NET MVC 数据传递 七天学会ASP.NET MVC (三)— ...
- dubbo 配置文件详解
一.dubbo常用配置 <dubbo:service/> 服务配置,用于暴露一个服务,定义服务的元信息,一个服务可以用多个协议暴露,一个服务也可以注册到多个注册中心. eg.<dub ...
- Qt5 Crash When Open File With QFileDialog
问题描述 在使用Qt的QFileDialog这个类,来进行文件的打开和选择的时候, 就在调用的时候, 总是发生崩溃. 而且没有任何的提示性的信息. 而且崩溃的概率很高. 也有不崩溃的情况. 这个问题, ...
- linux java so 历险
一开始 -bash-4.1# java -cp "/usr/linkapp/bin/tomcat-master/webapps/ROOT/WEB-INF/lib/*":" ...
- 程序员的又一春,微信小程序带来的一个赚钱机遇
微信小程序可能是原生的机遇,在程序员面对微信小程序的恐惧中说其实也是我们程序员创业的春天或者挣外快的一个机遇. 为什么这么说呢?且听我慢慢给你分析 成本角度 你想想,会ios开发的可能只会ios,会安 ...
- [大数据之Spark]——快速入门
本篇文档是介绍如何快速使用spark,首先将会介绍下spark在shell中的交互api,然后展示下如何使用java,scala,python等语言编写应用.可以查看编程指南了解更多的内容. 为了良好 ...
- FASTJSON
package com.hanqi.test; import java.util.ArrayList;import java.util.Date;import java.util.List; impo ...
- Eos开发——ajax请求
function saveData(){ form.validate(); if(form.isValid()==false) return; var persons = grid.getChange ...