基於yaf框架和uploadify插件，作的一個導入excel文件，查看並保存數據的功能

思路：

      1.首先，頁面前端，上傳附件，提交給後臺，並帶一個隨機性的參數（能夠用時間戳）；

      2.後端接收附件，作一系列的邏輯處理，無誤後，將對應的文件存儲在上傳的目錄下；

      3.而後前端，上傳附件成功後，進行請求後端，讀取數據，後端接口對應將附件數據讀取出來，前端進行顯示（ajax請求）；

      4.前端展現數據，用戶對數據檢測無誤，點擊保存（ajax請求後端保存代碼的接口），固然也能夠有選擇性的選擇某些數據記錄進行保存，樓主這裏作的是所有保存（後端處理接口，自動過濾重複數據）；

      5.拿到對應的所需有用數據便可， 對應的excel表格，由於須要獲取到人員排期數據，因此樓主是經過判斷單元格的背景色來識別

 

代碼以下：（關鍵代碼）

      前端 對應html：

<!--導入數據操做層-->
<div id="import" class="modal fade bs-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-primary">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                <h4 class="modal-title">文件導入</h4>
            </div>
            <div class="modal-body">
                <div style="text-align:right;padding:5px">
                    <a href="/public/uploadFile/人員資源動態匹配表-模板.xlsx" onclick="javascript:;">
                        <img alt="人員資源動態匹配表-模板" src="/public/images/excel.jpg" />
                        <span style="font-size:larger;font-weight:200;color:red">人員資源動態匹配表-模板.xlsx</span>
                    </a>
                </div>
                <hr/>
                <form id="ffImport" method="post">
                    <div title="Excel導入操做" style="padding: 5px" data-options="iconCls:'icon-key'">
                        <input class="easyui-validatebox" type="hidden" id="AttachGUID" name="AttachGUID" />    
                        <input id="file_upload" name="file_upload" type="file" multiple="multiple">                    
                        <a href="javascript:;" class="btn btn-primary" id="btnUpload" onclick="javascript: $('#file_upload').uploadify('upload', '*')">上傳</a>
                        <a href="javascript:;" class="btn btn-default" id="btnCancelUpload" onclick="javascript: $('#file_upload').uploadify('cancel', '*')">取消</a>

                        <div id="fileQueue" class="fileQueue"></div>
                        <br />                    
                        <hr style="width:98%" />                    
                        <div id="div_files"></div>
                        <br />                    
                    </div>
                </form>

                <!--數據顯示錶格-->
                <table id="gridImport" class="table table-striped table-bordered table-hover" cellpadding="0" cellspacing="0" border="0" class="display" width="100%">
                    <thead id="gridImport_head">
                        <tr>
                            <th>項目名稱</th>
                            <th>項目編號</th>
                            <th>功    能</th>
                            <th>人    員</th>
                            <th>日    期</th>
                        </tr>
                    </thead>
                    <tbody id="gridImport_body"></tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal" id="close_window">關閉</button>
                <button type="button" class="btn btn-primary" onclick="javascript:SaveImport();">保存</button>
            </div>
        </div>
    </div>
</div>

 

 對應js代碼：

<script type="text/javascript">
    //保存導入的數據
    function SaveImport(){
        var guid = $("#AttachGUID").val();
        if (guid == '' || typeof guid == 'undefined') {
            alert('請先上傳excel文件！');
            return false;
        }

        $.ajax({
            url: '/lazy/CheckExcelColumns?type=save&guid=' + guid,
            type: 'get',
            dataType: 'json',
            success: function (data) {
                alert(data.msg);
                $('#close_window').click();
                console.log('報存數據成功！');
            },
            error:function(){
                console.log('出錯了！');
            }
        });
    }

    $(function(){
        //導入層的js
        $("#import_schedule").bind('click', function(){
            $("#gridImport_body").html("");
            $("#import").modal("show");
        }); 

        //導入對應的函數
        $('#file_upload').uploadify({
            'swf': '/public/uploadify/uploadify.swf',       //FLash文件路徑
            'buttonText': '瀏  覽',                         //按鈕文本
            'uploader': '{{url("lazy/uploadExcel")}}',      //後臺處理程序的路徑
            'queueID': 'fileQueue',                         //隊列的ID
            'queueSizeLimit': 1,                            //隊列最多可上傳文件數量，默認爲999
            'auto': false,                                  //選擇文件後是否自動上傳，默認爲true
            'multi': false,                                 //是否爲多選，默認爲true
            'removeCompleted': true,                        //是否完成後移除序列，默認爲true
            'fileSizeLimit': '10MB',                        //單個文件大小，0爲無限制，可接受KB,MB,GB等單位的字符串值
            'fileTypeDesc': 'Excel Files',                  //文件描述
            'fileTypeExts': '*.xlsx',                       //上傳的文件後綴過濾器
            'onQueueComplete': function (event, data) {     //全部隊列完成後事件
                //業務處理代碼
                //提示用戶Excel格式是否正常，若是正常加載數據
                var guid = $("#AttachGUID").val();
                $.ajax({
                    url: '/lazy/CheckExcelColumns?type=check&guid=' + guid,
                    type: 'get',
                    dataType: 'json',
                    success: function (data) {            
                        if (data.status) {
                            // InitGrid(); //從新刷新表格數據
                            $.each(data.rows, function (i, item) {
                                var tr = "<tr>";
                                tr += "<td>" + item['name']+ "</td>";
                                tr += "<td>" + item['identifier'] + "</td>";
                                tr += "<td>" + item['subject'] + "</td>"; 
                                tr += "<td>" + item['user'] + "</td>";
                                tr += "<td>" + item['getExcelTime'] + "</td>";
                                tr += "</tr>";
                                $("#gridImport_body").append(tr);
                            });
                        }else{
                            alert(data.msg);
                        }
                    }
                });
            },
            'onUploadStart': function (file) {
                InitUpFile();      //重置GUID(每次不一樣,用時間戳代替)
                $("#gridImport_body").html("");
                //動態傳參數
                var guid = $("#AttachGUID").val();
　　　　　　　　　var  salt = 'test' ;  //md5加密輔助串
                var token = hex_md5(salt+guid)  ;  //校驗參數
                $("#file_upload").uploadify(
                    "settings", 
                    'formData', { 
                                    'folder': '數據導入excel文件', 
                                    'guid':  guid, 
                                    'token':token,
                                }
                );  
            },
            'onUploadError': function (event, queueId, fileObj, errorObj) {
                alert(errorObj.type + "：" + errorObj.info);
            }
        });

        function InitUpFile(){
            var timestamp = Date.parse(new Date());
            $('#AttachGUID').val(timestamp);
        }
</script>

後端代碼：

//上傳文件處理
    public function uploadExcelAction()
    {   
        $targetFolder = '/public/uploadFile/';     // Relative to the root
　　　　 $salt = 'test';
        $verifyToken = md5($test . $_POST['guid']);
        if (!empty($_FILES) && $_POST['token'] == $verifyToken) {
            $tempFile = $_FILES['Filedata']['tmp_name'];
            $targetPath = $_SERVER['DOCUMENT_ROOT'] . $targetFolder;
            $targetFile = rtrim($targetPath,'/') . '/' . $verifyToken.'.xlsx';
            
            $fileTypes = array('xlsx'); 
            $fileParts = pathinfo($_FILES['Filedata']['name']);
            
            if (in_array($fileParts['extension'],$fileTypes)) {
                move_uploaded_file($tempFile,$targetFile);
                echo '1';
            } else {
                echo 'Invalid file type.';
            }
        }else{
            echo 'Invalid params.';
        }
        die;
    }

處理excel數據，就說兩個關鍵點：取單元格的值和背景色

　　　　$objReader    = \PHPExcel_IOFactory::createReader('Excel2007');
       $objPHPExcel  = $objReader->load($targetFile);
       $sheet        = $objPHPExcel->getSheet();
       $sheetRows    = $sheet->getHighestDataRow();                                           // 取得總行數
       $sheetColumns = PHPExcel_Cell::columnIndexFromString($sheet->getHighestDataColumn());  //列數



//讀取單元格
       $value     = $objPHPExcel->getActiveSheet()->getCell($columns[$k] . $j)->getValue();  //獲取每一個單元格的值
       $fillColor = $objPHPExcel->getActiveSheet()->getStyle($columns[$k] . $j)->getFill()->getStartColor()->getARGB();  //背景色

 

下面附圖：

導入界面：

   

 

   excel表：