php 导出excel 进度条显示

下载大量数据到Excel表格时，无法查看下载的实时进度。

效果展示：

1、统计数据数量：

2、显示数量：

3、下载进度条展示：

代码：

1、前端显示代码

[html]  view plain  copy

1. <link rel="stylesheet" href="__PUBLIC__/javascripts/admin/artdialog/skins/default.css" type="text/css"/>  
2. <script type="text/javascript" src="__PUBLIC__/javascripts/admin/jquery-1.7.2.min.js"></script>  
3. <script rel="stylesheet" src="__PUBLIC__/javascripts/admin/artdialog/jquery.artDialog.js"></script>  
4. <script rel="stylesheet" src="__PUBLIC__/javascripts/admin/artdialog/plugins/iframeTools.source.js"></script>  
5.   
6. <div class="content-search">  
7.     <form action="{:U('/Sale/ImportB2bHistory/downloadOrders')}" method="get" class="form-inline" id="downloadOrders" target="_blank">  
8.         <div class="control-group">  
9.             <label class="control-label">发货日期  
10.                 <input type="datetime" placeholder="起始日期" name="begin_time" value="{$condition.begin_time}" id="begin_time"  
11.                        onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"  
12.                        class="Wdate"/>  
13.             </label>  
14.             <label class="control-label">发货日期  
15.                 <input type="datetime" placeholder="结束日期" name="end_time" value="{$condition.end_time}" id="end_time"  
16.                        onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"  
17.                        class="Wdate"/>  
18.             </label>  
19.         </div>  
20.         <div>  
21.             <button style="margin-right: 10%" class="btn btn-primary" type="button" onclick="processBar()">  
22.                 <i class="icon-download icon-white"></i> 导出  
23.             </button>  
24.         </div>  
25.     </form>  
26. </div>  
27. <script type="text/javascript" language="javascript">  
28.     var search_uri  = "{:U('downloadOrders')}";// 请求地址  
29.     var process_uri     = "{:U('getProcess')}";// 请求地址  
30.     var win = window.top;    // 顶层页面window对象  
31.     var processBar2 ;  
32.   
33.     // processBar函数如下  
34.     function processBar() {  
35.         tip();// 弹出统计总数对话框  
36.         doRequest();  
37.     }  
38.   
39.     function doRequest() {  
40.         var begin_time = $("#begin_time").val();  
41.         var end_time = $("#end_time").val();  
42.   
43.         //ajax请求总数  
44.         $.post(search_uri, {begin_time: begin_time, end_time: end_time}, function (json) {  
45.             var return_arr = jQuery.parseJSON(json);  
46.             var num = return_arr.total;// 任务总数  
47.             var processnum = return_arr.processnum;// 当前数  
48.   
49.             if (num == 0) {  
50.                 poptip.title('系统消息');  
51.                 poptip.content('查询结果为空，不能进行数据导出');  
52.             } else {  
53.                 poptip.close();// 关闭提示框  
54.                 doConfirm(num, processnum);// 弹出确认下载交互界面  
55.             }  
56.         });  
57.     }  
58.   
59.     // 弹出确认下载  
60.     function doConfirm(num, processnum) {  
61.         var msg = '总有 <span style="color: red">' + num  
62.                 + '</span> 行，可能会时间较长。<br />您还需要继续吗？';  
63.         var content = '<progress max="100" value="0" id="processbar" style="text-align: center;width: 300px;"></progress><br/>' +  
64.                 '<span id="progress_info"></span>';  
65.   
66.         // 提示是否继续  
67.         art.dialog.confirm(msg, function () {  
68.             // 弹出进度条  
69.             showProcess = art.dialog.through({  
70.                 title: '数据导出进度',  
71.                 content: content,  
72.                 lock: true,  
73.                 width: 350,  
74.                 opacity: '.1',  
75.                 button: [  
76.                     {  
77.                         name: '取消',  
78.                         callback: function () {  
79.                             window.location.reload();  
80.                         }  
81.                     }  
82.                 ]  
83.             });  
84.             showProcess.show();  
85.   
86.             win.$('#processbar').val(processnum * 100 / num);  
87.             win.$('#progress_info').show().text('正在导出，请等待，请勿关闭窗口...');//当继续的时候  
88.   
89.             $.ajax({  
90.                 url:"{:U('doDownloadOrders')}",  
91.                 type:"post",  
92.                 async:true,  
93.                 error:function (data) {  
94.                     alert("下载失败!");  
95.                 },  
96.                 success:function (data) {  
97.                     clearInterval(processBar2);// 关闭自动定时执行  
98.                     showProcess.close();  
99.                     window.location.href = data;  
100.                 }  
101.             });  
102.   
103.             processBar2 = setInterval(sync_process, 1000);// 每隔1秒执行一次  
104.         });  
105.     }  
106.   
107.     // 获取进度  
108.     function sync_process() {  
109.         $.ajax({  
110.             url:process_uri,  
111.             type:"post",  
112.             async:true,  
113.             success:function (json) {  
114.                 var return_arr = jQuery.parseJSON(json);  
115.                 var num = return_arr.total;// 任务总数  
116.                 var processnum = return_arr.processnum;// 当前数  
117.                 update_process(num, processnum);  
118.             }  
119.         });  
120.     }  
121.   
122.     /* 更新进度条 */  
123.     function update_process(num, processnum) {  
124.         win.$('#processbar').val(processnum * 100 / num);  
125.     }  
126. </script>  

2、服务器代码

[php]  view plain  copy

1. /** 
2.  * 导出客户订单下载 
3.  */  
4. public function downloadOrders(){  
5.     // 查询条件  
6.     $condition          = I('POST.',null,'trim');  
7.     $datas              = $this->getDatas($condition);  
8.   
9.   
10.     S('PROCESS_DOWNLOAD_DATA',$datas,60);// 缓存数据  
11.     S('PROCESS_DOWNLOAD_TOTAL',count($datas),60);  
12.     S('PROCESS_DOWNLOAD_PROCESSNUM',0);  
13.   
14.     $re_arr = array(  
15.         'total'      => count($datas),  
16.         'processnum' => 0,  
17.     );  
18.     echo json_encode($re_arr);  
19.     exit;  
20. }  
21.   
22. /** 
23.  * 获取进度条的执行进度数据 
24.  */  
25. public function getProcess(){  
26.     $re_arr = array(  
27.         'total'      => S('PROCESS_DOWNLOAD_TOTAL'),  
28.         'processnum' => S('PROCESS_DOWNLOAD_PROCESSNUM')  
29.     );  
30.   
31.     echo json_encode($re_arr);  
32.     exit;  
33. }  
34.   
35.   
36. /** 
37.  * 生成要下载的文件 
38.  */  
39. public function doDownloadOrders(){  
40.     $path =  'Cache/Runtime/Admin/downloads/';  
41.     if (!is_dir($path)) {  
42.         @mkdir($path, 0777, true);  
43.     }  
44.   
45.     set_time_limit(0);  
46.     session_write_close();// 断开AJAX请求，无需等待响应  
47.     $datas = S('PROCESS_DOWNLOAD_DATA');  
48.   
49.     //  设置表头字段并指定展示顺序  
50.     $firstLine = array('A','B','C');  
51.   
52.     import("Org.Excel.PHPExcel");// 导入扩展类  
53.     $objPHPExcel = new \PHPExcel();// 实例化类  
54.   
55.     $objPHPExcel->getProperties()  
56.         ->setCreator("123")  
57.         ->setLastModifiedBy("123")  
58.         ->setTitle("Office 2003 XLSX Test Document")  
59.         ->setSubject("Office 2003 XLSX Test Document")  
60.         ->setDescription("Test document for Office 2003 XLSX, generated using PHP classes.")  
61.         ->setKeywords("office 2003 openxml php")  
62.         ->setCategory("Test result file");  
63.   
64.     $objActSheet = $objPHPExcel->setActiveSheetIndex(0);// 设置当前的sheet  
65.   
66.     // EXCEL表头  
67.     if($firstLine){  
68.         $r = 'A';  
69.         foreach($firstLine as $v){  
70.             $objActSheet->setCellValue($r.'1',$v);  
71.             $r ++;  
72.         }  
73.     }  
74.     $i = 2;  
75.     foreach($datas as $value)  
76.     {  
77.         $r = 'A';  
78.         foreach($value as $value2)  
79.         {  
80.             if($r == 'B' || $r == 'P' || $r == 'Q'){  
81.                 $objActSheet->setCellValueExplicit($r.$i, $value2, \PHPExcel_Cell_DataType::TYPE_STRING);  
82.             }else{  
83.                 $objActSheet->setCellValue($r.$i, $value2);  
84.             }  
85.             $r++;  
86.         }  
87.         $i++;  
88.         S('PROCESS_DOWNLOAD_PROCESSNUM',$i-2);// 更新缓存的进度  
89.     }  
90.   
91.     $filename = 'Orders'.date('YmdHis') . '.xls';  
92.     $objPHPExcel->getActiveSheet()->setTitle('工作表1');// sheet标题  
93.     $objWriter = \PHPExcel_IOFactory::createWriter($objPHPExcel, 'Excel5');  
94.     $objWriter->save($path.$filename);  
95.   
96.     echo '/'.$path.$filename; // $_SERVER['HTTP_HOST'].'/'.$path.$filename;  
97.     exit;  
98. }  

JS发起请求后必须等待服务器返回结果才向下执行，才会解析后面请求的结果，这样导致下载数据到Excel文件中时不能再次发起请求读取下载进度。

在此session_write_close()函数端口AJAX请求，无需等待服务器返回结果，向下执行，该请求会正常执行完毕。

[php]  view plain  copy

1. session_write_close();// 断开AJAX请求，无需等待响应   

[php]  view plain  copy

1. <pre code_snippet_id="2173596" snippet_file_name="blog_20170208_4_6547481"></pre>  
2. <pre></pre>  
3. <pre></pre>  
4. <pre></pre>  
5. <link rel="stylesheet" href="http://static.blog.csdn.net/public/res-min/markdown_views.css?v=2.0">  
6.