在早期Bootstrap框架介紹中，我的隨筆《結合bootstrap fileinput外掛和Bootstrap-table表格外掛，實現檔案上傳、預覽、提交的匯入Excel資料操作流程》中介紹了利用Bootstrap FieInput外掛上傳Excel檔案到伺服器，然後利用Bootstrap-table表格外掛進行展示資料，最後匯入到系統裡面中，這個匯入過程中可以預覽到要匯入的資料，而且可以選擇性的匯入。在實際使用過程中，發現使用Ajax匯入大批量（幾百條記錄資料）的情況下，頁面就會罷工，估計和提交的資料大小限制有關，為了解決這個問題，並結合匯入資料一般都是全部匯入的情況下，我們修改下資料匯入的過程，從而實現大量資料量的Excel資料匯入。

1、使用預覽資料，並勾選匯入的處理方式

Excel匯入的的介面展示如下所示。

上傳檔案後，資料直接展示在彈出層的列表裡面，這裡直接使用了 Bootstrap-table表格外掛進行展示。

這樣我們就可以把Excel的記錄展示出來，實現了預覽的功能，勾選必要的記錄，然後儲存即可提交到伺服器進行儲存，實現了Excel資料的真正匯入資料庫處理。

        //儲存匯入的資料
        function SaveImport() {
            
            var list = [];//構造集合物件
            var rows = $import.bootstrapTable('getSelections');
            
 
for (var i = 0; i < rows.length; i++) {
                list.push({
                    'Name': rows[i].Name, 'Mobile': rows[i].Mobile, 'Email': rows[i].Email, 'Homepage': rows[i].Homepage,
                    'Hobby': rows[i].Hobby, 'Gender': rows[i].Gender, 'Age': rows[i].Age, 'BirthDate': rows[i].BirthDate,
                    
 
'Height': rows[i].Height, 'Note': rows[i].Note
                });
            }

            if (list.length == 0) {
                showToast("請選擇一條記錄", "warning");
                return;
            }

            var postData = { 'list': list };//可以增加其他引數，如{ 'list': list, 'Rucanghao': $("#Rucanghao").val() };
            postData = JSON.stringify(postData);

            $.ajax({
                url: '/TestUser/SaveExcelData',
                type: 'post',
                dataType: 'json',
                contentType: 'application/json;charset=utf-8',
                traditional: true,
                success: function (data) {
                    if (data.Success) {
                        //儲存成功  1.關閉彈出層，2.清空記錄顯示 3.重新整理主列表
                        showToast("儲存成功");

                        $("#import").modal("hide");
                        $(bodyTag).html("");
                        Refresh();
                    }
                    else {
                        showToast("儲存失敗:" + data.ErrorMessage, "error");
                    }
                },
                data: postData
            });
        }

在實際使用過程中，發現數據幾百條的時候，頁面就罷工了，不能正常插入，搜尋下解決問題說是大小受限的問題，但是我在Web.Config裡面也設定了上傳檔案的大小，最終沒有找到配置解決思路。

<httpRuntime executionTimeout="600" maxRequestLength="951200" 
   useFullyQualifiedRedirectUrl="true" minFreeThreads="8" 
   minLocalRequestFreeThreads="4" appRequestQueueLimit="100"  enableVersionHeader="true"/> 

最終這個配置項也無法解決，那麼我們只能找其他方式來避免資料大量提交了。

2、使用在控制器後臺讀取Excel檔案匯入資料庫

以上的資料匯入方式，在一般資料比較少的時候，體驗還是不錯的，不過它的過程也是先上傳Excel檔案，然後讀取Excel裡面的記錄，轉換為對應的List<T>型別，在序列號JSON列表在前端介面展示。

既然我們檔案在伺服器上，並且也可以通過把Excel檔案轉換為對應的List<T>，那麼我們減少使用者勾選的步驟，確認後直接讀取匯入即可，這樣處理應該就沒有這樣的受限於頁面資料大小的問題的。

這樣我們以裝置資訊匯入為案例，介紹這個處理過程，如下前端程式碼是在檔案上傳到伺服器後，使用者確認後負責匯入的邏輯的。

             //儲存匯入的資料
        function SaveImport() {
            var postData = { 'guid': importGuid };
            postData = JSON.stringify(postData);

            $.ajax({
                url: '/Device/SaveExcelByGuid',
                type: 'post',
                dataType: 'json',
                contentType: 'application/json;charset=utf-8',
                traditional: true,
                success: function (data) {
                    if (data.Success) {
                        Refresh();
                        //儲存成功  1.關閉彈出層，2.清空記錄顯示 3.重新整理主列表
                        showToast("儲存成功");

                        $("#import").modal("hide");
                        $(bodyTag).html("");
                    }
                    else {
                        showToast("儲存失敗:" + data.ErrorMessage, "error");
                    }
                },
                data: postData
            });

最終我們是看到處理方式是在SaveExcelByGuid的控制器方法裡面的，這個方法根據伺服器的GUID，獲取對應Excel檔案的資訊，然後進行讀取和匯入操作。

這個方法的詳細程式碼如下所示。

        /// <summary>
        /// 在服務端儲存Excel
        /// </summary>
        /// <param name="guid"></param>
        /// <returns></returns>
        public ActionResult SaveExcelByGuid(string guid)
        {
            CommonResult result = new CommonResult();
            if(!string.IsNullOrEmpty(guid))
            {
                var list = GetDevice(guid);//根據guid獲取對應的Excel檔案，並把內容轉換為對應的List<T>
                if (list != null)
                {
                    foreach (DeviceInfo detail in list)
                    {
                        var isExist = BLLFactory<Device>.Instance.IsExistKey("DeviceId", detail.DeviceId);
                        if (!isExist)
                        {
                            BLLFactory<Device>.Instance.Insert(detail);
                        }
                    }
                    //成功操作
                    result.Success = true;
                }
                else
                {
                    result.ErrorMessage = "匯入資訊不能為空";
                }
            }
            else
            {
                result.ErrorMessage = "匯入資訊不能為空";
            }

            return ToJsonContent(result);
        }

其中我們看到 GetDevice(guid) 就是獲取Excel檔案內容並轉換為對應的實體類列表過程的。

其中的GetDevice就是轉換為對應實體類集合的過程，程式碼如下所示。

        /// <summary>
        /// 獲取裝置匯入檔案，轉換為對應的實體類集合
        /// </summary>
        /// <param name="guid">附件GUID</param>
        /// <returns></returns>
        private List<DeviceInfo> GetDevice(string guid)
        {
            List<DeviceInfo> list = new List<DeviceInfo>();

            DataTable table = ConvertExcelFileToTable(guid);
            if (table != null)
            {
                #region 資料轉換
                foreach (DataRow dr in table.Rows)
                {
                    DeviceInfo info = new DeviceInfo();
                    info.DeviceId = dr["裝置ID"].ToString();
                    info.VersionInfo = dr["版本資訊"].ToString();
                    info.MinitorInfo = dr["預留監控資訊"].ToString();
                    info.DeviceMsisdn = dr["公話手機號"].ToString();

                    list.Add(info);
                }
                #endregion
            }
            return list;
        }

而 ConvertExcelFileToTable 就是利用aspose.Cell的Excel操作控制元件，實現資料轉換的。

        /// <summary>
        /// 從附件列表中獲取第一個Excel檔案，並轉換Excel資料為對應的DataTable返回
        /// </summary>
        /// <param name="guid">附件的Guid</param>
        /// <returns></returns>
        protected DataTable ConvertExcelFileToTable(string guid)
        {
            DataTable dt = null;
            if (!string.IsNullOrEmpty(guid))
            {
                //獲取上傳附件的路徑
                string serverRealPath = BLLFactory<FileUpload>.Instance.GetFirstFilePath(guid);

                if (!string.IsNullOrEmpty(serverRealPath))
                {
                    //轉換Excel檔案到DatTable裡面
                    string error = "";
                    dt = new DataTable();
                    AsposeExcelTools.ExcelFileToDataTable(serverRealPath, out dt, out error);
                }
            }
            return dt;
        }

這樣實現效果，不考慮使用者勾選記錄的情況，確認後直接對整個Excel檔案進行判斷匯入操作，一般也是符合我們實際的匯入過程的，這樣處理起來，再也不會有前面介紹的那種情況了，至少我們能夠順利上傳Excel檔案，在後臺讀取Excel檔案並轉換是沒有什麼壓力的，而且體驗效果也很不錯，非常快速。

最後看看大量資料匯入後，也能夠快速重新整理，並能夠在分頁控制元件進行展示了。