无为清净楼资源网 Design By www.qnjia.com
1、思路
分页数据查询,同时缓存设置进度(为当前取出数据点总数据比例)
2、界面进度条 为 异步请求缓存比例
3、代码
css:
body{ position:relative; } .mask{ position:absolute; left:0px; top:0px; height:100%; width:100%; background-color: #eee; display:none; filter:alpha(opacity=50); /*IE滤镜,透明度50%*/ -moz-opacity:0.5; /*Firefox私有,透明度50%*/ opacity:0.9;/*其他,透明度50%*/ z-index:999; } .out{ margin:auto; margin-top:20%; text-align:center; height:30px; width:500px; background-color: #fff; border:1px solid red; position:relative; } .in{ position:absolute; left:-1px; top:0px; height:28px; width:0px; background-color: red; } .num{ position:absolute; left:0px; top:0px; height:30px; line-height:30px; width:500px; text-align:center; position:relative; }
js:
$(function(){ $(.donwload).click(function(){ var ulr = ----; var key = new Date().getTime(); url+=""+key; downloadFile(url); process(key); }); }); function downloadFile(url) { try{ var elemIF = document.createElement("iframe") elemIF.style.display = "none"; document.body.appendChild(elemIF); elemIF.src = url; }catch(e){ } } function process(key){ $.ajax({ type: 'GET', url: ----------, async:true, success:function (data) { if(data){ data = parseFloat(data).toFixed(2); $(".in").css("width",(data/100*500)+"px"); $(".num").text(data+"%"); if(data >= 100){ setTimeout(function(){ $(".mask").hide(); }, 3000); }else{ setTimeout(function(){ process(key); }, 1000); } } }, error:function () { } }); }
downaction
try{ redisTemplate.opsForValue().set("down_process_"+qm.getKey(),0.1); int i = 0; while(true){ qm.getPage().setNowPage(i++); qm.getPage().setPageSize(100); Page dbpage = 取当前页数据 List<> list = (List<>) dbpage.getResult(); if(list != null && list.size() > 0){ if(list.size() < 100) { redisTemplate.opsForValue().set("down_process_"+qm.getKey(), 100); }else{ double process = i * 100.0 / dbpage.getTotalCount() * 100; if(process < 0.1)process=0.1d; redisTemplate.opsForValue().set("down_process_"+qm.getKey(), process); } } logger.info("-------value:" + redisTemplate.opsForValue().get("down_process_"+qm.getKey())); if(list == null || list.size() < 100) { redisTemplate.opsForValue().set("down_process_"+qm.getKey(),100); break; } logger.info("-------value:" + redisTemplate.opsForValue().get("down_process_"+qm.getKey())); continue; } }catch(){ }finally{ redisTemplate.opsForValue().set("down_process_"+qm.getKey(),100); redisTemplate.expire("down_process_"+qm.getKey(),5, TimeUnit.MINUTES); } public double process(HttpServletRequest request, HttpServletResponse response,@PathVariable(value ="key") String key) throws IOException { Double process = 0.1d; try{ int i = 0; while(true) { if(i>=2){ process = 100d; break; } i++; if (redisTemplate.opsForValue().get("down_process_"+key) == null) { Thread.currentThread().sleep(1000l); continue; }else{ process = Double.valueOf(redisTemplate.opsForValue().get("down_process_"+key).toString()); break; } } }catch (Exception e){ process = 0.1d; e.printStackTrace(); }finally { return process; } }
以上所述是小编给大家介绍的JSP数据分页导出下载显示进度条样式,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
标签:
jsp数据分页,js进度条
无为清净楼资源网 Design By www.qnjia.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
无为清净楼资源网 Design By www.qnjia.com
暂无评论...
更新日志
2024年11月15日
2024年11月15日
- 谭艳精讯TEST-CD试音39号》2CD[DTS-WAV]
- 姚璎格《发烧女中音》DSD版[低速原抓WAV+CUE][1G]
- 张玮伽《微风细雨DSD》发烧大碟[WAV+CUE][1.1G]
- 群星《2024好听新歌14》十倍音质 U盘音乐 [WAV分轨][966M]
- s14全球总决赛T1战队队员都有谁 LOLs14全球总决赛T1战队介绍
- 英雄联盟faker身价有10亿吗 英雄联盟faker身价介绍一览
- faker大魔王称号怎么来的 faker大魔王称号来源介绍
- PS5 Pro上的蒂法更美了!博主盛赞新机1000%值得购买
- 腾讯互娱再离职一员大将!或因供应商贪腐
- Ayaneo3游戏掌机预热:旗舰定位、造型圆润自带底键
- 动力火车.1999-背叛情歌【上华】【WAV+CUE】
- 刘力扬.2019-Neon.Lit虹【摩登天空】【FLAC分轨】
- 群星.2002-恋爱物语情歌对唱精选2CD(引进版)【滚石】【WAV+CUE】
- 群星《闽南情24K德国HD金碟》2CD[WAV+CUE]
- 周传雄《恋人创世纪》环球唱片[WAV+CUE]