我準備在專案中實現該功能之前,google發現大部分程式碼都是利用一般處理程式HttpHandler實現的伺服器端資料的Excel匯出,但是這樣存在的問題是ashx讀取的資料一般都是資料庫中檢視的資料，難免會含有方便操作的主鍵ID這列的記錄。現在專案需要在easyUI的DataGrid中顯示的資料能全部匯出Excel，包括DataGrid中的中文標題，其他的統統不要。
完成該功能所需的工具和環境：Newtonsoft.Json序列化和反序列化類庫、easyUI前端UI框架、HttpHandler一般處理程式、Aspose.Cells電子表格生成元件;.Net Framework4.0。
前端完成DataGrid中的題頭和資料行資訊遍歷訪問,並以JS中二維陣列的形式返回後臺供ashx程式處理.
function ExportExcel() {
// 返回grid的所有可見行給後端供匯出Excel用
var rows = $('#userlist').datagrid("getRows");
if (rows.length == 0) {
msgShow("沒有資料可供匯出");
return;
}
//返回grid的所有列的選項title、列寬等
// var columns = $('#userlist').datagrid("options").columns;
//定製DataGrid的columns資訊,只返回{field:,title:}
var columns = new Array();
var fields = $('#userlist').datagrid('getColumnFields');
for (var i = 0; i < fields.length; i++) {
var opts = $('#userlist').datagrid('getColumnOption', fields[i]);
var column = new Object();
column.field = opts.field;
column.title = opts.title;
columns.push(column);
}
var excelWorkSheet = new Object();
excelWorkSheet.rows = rows;
excelWorkSheet.columns = columns;
excelWorkSheet.sheetName = "設定匯出的Excel工作表名";
var filename = "/HttpHandlers/FileHandler.ashx?action=exportexcel&excelWorkSheet=" + JSON.stringify(excelWorkSheet);
location.href = filename;
}
其中FileHandler.ashx是公共的檔案處理程式,根據action=Exportexcel來實現Excel匯出功能.
public void ProcessRequest(HttpContext context)
{
var action = context.Request["action"];
switch (action.ToLower())
{
case "exportexcel":
EasyUIGrid2Excel(context);
break;
}
}
EasyUIGrid2Excel完成前臺傳遞的關於Excel報表匯出的引數,比如工作表名sheetName,題頭標題和行記錄。同時它完美解決了在各瀏覽器下檔名中文亂碼問題，最後以彈窗的形式讓使用者選擇直接開啟還是下載。
private void EasyUIGrid2Excel(HttpContext context)
{
var jsonString = context.Request["excelWorkSheet"];
//使用Newtonsoft.Json.Linq.JObject將json字串轉化成結構不固定的Class類
dynamic jsonObject = JObject.Parse(jsonString);
string fileName = String.Concat(jsonObject.sheetName, DateTime.Now.ToString("yyyyMMdd-HHmmss"), ".xls") ;
//解決中文檔名亂碼只在IE中有效
// filename = HttpUtility.UrlEncode(filename, System.Text.Encoding.UTF8);
if (context.Request.UserAgent.ToLower().IndexOf("msie") > -1)
{
//當客戶端使用IE時，對其進行編碼；
//使用 ToHexString 代替傳統的 UrlEncode()；
fileName = CommonHelper.ToHexString(fileName);
}
if (context.Request.UserAgent.ToLower().IndexOf("firefox") > -1)
{
//為了向客戶端輸出空格，需要在當客戶端使用 Firefox 時特殊處理
context.Response.AddHeader("Content-Disposition", "attachment;filename=\"" + fileName + "\"");
}
else
context.Response.AddHeader("Content-Disposition", "attachment;filename=" + fileName);
string extension = Path.GetExtension(fileName);
context.Response.ContentType = CommonHelper.GetMimeType(extension);
context.Response.ContentEncoding = Encoding.UTF8;
Workbook workbook = Object2Workbook(jsonObject, context);
context.Response.Clear();
context.Response.Buffer = true;
context.Response.BinaryWrite(workbook.SaveToStream().ToArray());
context.Response.End();
}
上面程式碼中的紅色標註部分詳見下載中的公共類庫,其中Object2Workbook主要實現Aspose.cells中的Excel格式化輸出定製,沒有太多技巧,Aspose.cells還帶有授權檔案的哦,你懂的!
private Workbook Object2Workbook(dynamic jsonObject, HttpContext context)
{
#region Aspose.Cell引用
Aspose.Cells.License licExcel = new License(); //Aspose.Cells申明
if (File.Exists(context.Server.MapPath("~/Bin/cellLic.lic")))
licExcel.SetLicense(context.Server.MapPath("~/Bin/cellLic.lic"));
#endregion
Workbook workbook = new Workbook();
Worksheet sheet = workbook.Worksheets[0];
Styles styles = workbook.Styles;
int styleIndex = styles.Add();
Aspose.Cells.Style borderStyle = styles[styleIndex];
borderStyle.Borders.DiagonalStyle = CellBorderType.None;
borderStyle.HorizontalAlignment = TextAlignmentType.Center;//文字居中
Cells cells = sheet.Cells;
sheet.FreezePanes(1, 1, 1, 0);//凍結第一行
sheet.Name = jsonObject.sheetName;//接受前臺的Excel工作表名
//為標題設定樣式
Style styleTitle = workbook.Styles[workbook.Styles.Add()];//新增樣式
styleTitle.HorizontalAlignment = TextAlignmentType.Center;//文字居中
styleTitle.Font.Name = "宋體";//文字字型
styleTitle.Font.Size = 18;//文字大小
styleTitle.Font.IsBold = true;//粗體
//題頭樣式
Style styleHeader = workbook.Styles[workbook.Styles.Add()];//新增樣式
styleHeader.HorizontalAlignment = TextAlignmentType.Center;//文字居中
styleHeader.Font.Name = "宋體";//文字字型
styleHeader.Font.Size = 14;//文字大小
styleHeader.Font.IsBold = true;//粗體
styleHeader.IsTextWrapped = true;//單元格內容自動換行
styleHeader.Borders[BorderType.LeftBorder].LineStyle = CellBorderType.Thin;
styleHeader.Borders[BorderType.RightBorder].LineStyle = CellBorderType.Thin;
styleHeader.Borders[BorderType.TopBorder].LineStyle = CellBorderType.Thin;
styleHeader.Borders[BorderType.BottomBorder].LineStyle = CellBorderType.Thin;
//內容樣式
Style styleContent = workbook.Styles[workbook.Styles.Add()];//新增樣式
styleContent.HorizontalAlignment = TextAlignmentType.Center;//文字居中
styleContent.Font.Name = "宋體";//文字字型
styleContent.Font.Size = 12;//文字大小
styleContent.Borders[BorderType.LeftBorder].LineStyle = CellBorderType.Thin;
styleContent.Borders[BorderType.RightBorder].LineStyle = CellBorderType.Thin;
styleContent.Borders[BorderType.TopBorder].LineStyle = CellBorderType.Thin;
styleContent.Borders[BorderType.BottomBorder].LineStyle = CellBorderType.Thin;
var rowCount = jsonObject.rows.Count;//表格行數
var columnCount = jsonObject.columns.Count;//表格列數
//生成行1 標題行
cells.Merge(0, 0, 1, columnCount);//合併單元格
cells[0, 0].PutValue(jsonObject.sheetName);//填寫內容
cells[0, 0].Style = styleTitle;
cells.SetRowHeight(0, 25);
//生成題頭列行
for (int i = 0; i < columnCount; i++)
{
cells[1, i].PutValue(jsonObject.columns[i]["title"]);
cells[1, i].Style = styleHeader;
cells.SetRowHeight(1, 23);
}
//生成內容行,第三行起始
//生成資料行
for (int i = 0; i < rowCount; i++)
{
for (int k = 0; k < columnCount; k++)
{
var currentColumnName = jsonObject.columns[k]["field"];
cells[2 + i, k].PutValue(jsonObject.rows[i][currentColumnName.Value]);
cells[2 + i, k].Style = styleContent;
}
cells.SetRowHeight(2 + i, 22);
}
//新增製表日期
cells[2 + rowCount, columnCount-1].PutValue("製表日期:" + DateTime.Now.ToShortDateString());
sheet.AutoFitColumns();//讓各列自適應寬度
sheet.AutoFitRows();//讓各行自適應寬度
return workbook;
}
該code snippet也能很好的移植,在需要實現Excel匯出的js檔案中呼叫ExportExcel函式,傳遞sheetName值即可
國際慣例,無圖無真相
btw:另外請教兩個問題,知道的童鞋回答一下,謝謝
1,通過客戶端匯出Excel的方式,當開啟檔案的時候,提示:檔案錯誤,資料可能丟失, 初步認為可能數字以文字形式存到Excel中出現了問題?如果直接伺服器端匯出卻沒有這個錯誤
2,一對多表中資料更新問題,比如三張表User,Role和對應的關聯表UserRole,其中主鍵都是自動遞增ID。如果我更改了使用者角色，當前的做法是在UserRole中刪掉該使用者的所有舊角色，再新增。感覺這樣麻煩也不合理，請教大家有好的做飯沒？