java进度条_Java web实时进度条整个系统共用(如java上传、下载进度条、导入、导出excel进度条等)...

先上图:

文件上传的:

2017-05-04再次改进。在上传过程中用户可以按 Esc 来取消上传(取消当前上传,或者是全部上传)...

f4f6f6652ed191b052672e516be17100.gif

2019-03-26更新进度条显示体验

eab01283759e6437fa140b0e4bd944fe.gif

bb98c96ac49005c732a81abfe9b9b4e7.gif

从服务器上压缩下载:

608b4c01a5f24746470135ca7004a47b.gif

从excel文件导入数据:

39b84eb78d70825fd74e47210991ba6c.gif

从数据库导出excel:

a8abf959423e9e8317a679780e9b0452.gif

2019-03-26更新进度条显示体验

38ecf493c99e0557aa5f8ab95d9e23b9.gif

批量发送短信及其它的批量数据处量:

ed861ec9293f0186d3baee5c9262ad3f.gif

03e523266bacaee452a1a4daf6f6e556.gif

1:先说说什么是进度条:进度条即计算机在处理任务时,实时的,以图片形式显示处理任务的速度,完成度,剩余未完成任务量的大小,和可能需要处理时间,显示方式可以多种,常见的是:长方形条状显示。

2:为什么要用进度条?就是要让客户直观的看到处理详情。

3:进度条的优缺点。优点:用户体念更好 缺点:由于实现方式的不同可能加大服务器的负担

4:我们在实际应用中用了内存数据库实现消息的队列。兼容了单机模式,不同Server下的集群模式。在集群模式下看一下客户机操作的日志(生产模工下不建议将处理进度信息放入日志):

631872912561bda5e73056d36dc5e992.png

在集群中请求任务是谁谁抢到谁跑。。。以前在单机模式下是用的 session 集群中就出现了很多问题,详见:

文件拖拽上传

拖拽过程详解:

1:文件未拖出文件选择框的时候提示:将要上传的文件或文件夹拖拽至此区域

2:文件拖出文件选择框但未拖入上传的文件框提示:请继续拖拽文件或文件夹至此区域

3:文件拖出文件选择框且已拖入上传的文件框提示:文件已拖拽到上传区域内请释放鼠标

先看一下QQ邮箱的(至少比国内好多网站作得好了):

3cadb865f5d607cccb4982ede9c8ae58.gif

如果用户在上面的区域释放鼠标文件可以成功上传

7d6a6bd2bdace71dde817eb4b23b29ca.gif

但如果用户在下面区域虽然也提示了释放鼠标但文件不能成功上传....

我们来看看某宝的(直接不支持拖拽,人家就是牛)....

ca25362d3e9264c0523ea7a28e16ee94.gif

我们再来看看百度的(直接没有任何提示)...

7d708213d98418c8889252c25dfba66d.gif

这是我们的:

8dc0eb85e2f5a109c9fa7322d5787dd0.gif

2017-06-27更新不同状态的背景提示:

ae50312879b890e868825cd500d899e1.gif

请继续拖拽文件或文件夹至此区域

2017-11-05 改进效果:

49fa6ecb9c3eb9c894cc0a7c65ea1714.gif

4cb0c4dca9277359ee1a8cb43ad6afce.gif

2020-03-03 更新上传文件界面:

bcdd700c10cfc5369f33e9c2760efac4.gif

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值