為了更方便，沒基礎的伙伴更容易理解，我盡量詳細簡便 省了很多代碼，一步一步的試
自己引入文件
1.
html 前端視圖代碼 Layui的數據綁定 全部代碼
@{ Layout = null; } <html> <head> <meta charset="utf-8"> <title>查詢來料清單</title> <script src="~/Content/新建文本文檔.js" type="text/javascript"></script> <!-- 注意：分頁必須引用下面兩個文件 且css后加 rel="stylesheet" media="all"--> <link href="~/Content/layui-v2.4.5/layui/css/layui.css" rel="stylesheet" media="all" /> <link rel="stylesheet" href="~/Content/layui-v2.4.5/layui/css/layui.css" media="all"> <!-- 注意：如果你直接復制所有代碼到本地，上述css路徑需要改成你本地的 --> <style type="text/css"> .layui-input { height: 30px; width: 200px; } </style> </head> <body> <script type="text/html" id="toolbarDemo"> <div class="layui-btn-container" style="float:left;"> <button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="Spen">導入清單</button> </div> <div class="layui-btn-container" style="float:left;"> <button class="layui-btn layui-btn-sm layui-btn-normal" lay-event="outdata" id="excel">導出Excel</button> </div> </script> <table class="layui-hide" id="test" lay-filter="test" lay-size="sm"></table><!--table--> <script src="~/Content/layui-v2.4.5/layui/layui.js"></script> <!-- 注意：如果你直接復制所有代碼到本地，上述js路徑需要改成你本地的 --> <script> $(function () { //----------------------------表格開始---------------------------------- layui.use('table', function () { var table = layui.table; //執行一個laydate實例 var tableIns=table.render({ id: 'test',//id容器 elem: '#test',//指定元素 url: '/Left_D/Ji_jian_Load', //數據接收URL地址 ------------------------------------這個地址要換自己的 methord: 'post', cellMinWidth: 95, page: { layout: ['count'] },//更改分頁的組建的位置 height: "full-50", //這里數值越高離上面就越近 數值越低離下面就越近 limits: [10, 15, 20, 25], //顯示分頁的條數 limit: 15, //默認顯示條數 fitColumns: true, //表格自動適應屏幕 even: false, //隔行背景是否顯示 toolbar: '',//開啟表格頭部工具欄區域 toolbar: '#toolbarDemo' //指向自定義工具欄模板選擇器toolbar: '<div>xxx</div>' //直接傳入工具欄模板字符toolbar: true //僅開啟工具欄，不顯示左側模板toolbar: 'default' //讓工具欄左側顯示默認的內置模板 title: '來料清單', toolbar: '#toolbarDemo', //開啟頭部工具 defaultToolbar: ['filter'], //工具欄右側的圖標 cols: [[ { type: 'checkbox', title: '急檢', width: 60, align: "center" }, { field: 'ID', title: 'ID', hide: "true", width: 100, align: "center", sort: "true" }, { type: 'numbers', title: '序號' , width: 50, align: "center" }, { field: 'LH001', title: '品號' , width: 120, align: "center", sort: "true" }, //sort是否允許排序 { field: 'LH002', title: '品名' , width: 100, align: "center" }, { field: 'LH003', title: '規格' , width: 100, align: "center" }, { field: 'LH004', title: '請購-單別-單號-序號', width: 160, align: "center" }, ]], done: function (res, curr, count) { //res即為你接口返回的信息 //得到當前頁碼curr //得到數據總量count $("[data-field='ID']").css('display', 'none'); //隱藏ID列 ，ui里隱藏失效 } }); table.on('toolbar(test)', function (obj) { var object1 = [] var arr; var checkStatus = table.checkStatus(obj.config.id); //獲取導出數據的ID傳給后台 switch (obj.event) {//批量導出功能 case 'outdata': debugger; var data = checkStatus.data; if (data != "" && data != null) { for (var i = 0; i < data.length; i++) { //循環拿到選擇的數據放進數組 var id = data[i].ID; object1.push(id); arr = object1.join(','); //用逗號將數據隔開 } $.ajax({ url: "/Left_D/OutData1", type: "post", //提交方式 data: { arr: arr //傳數組給后台 }, success: function (data) { window.location.href = "/Left_D/DataExcel1"; //轉到導出方法 } }); } else { layer.msg('請選擇導出的數據'); return; } }; }); });</script> </body> </html>
前端效果圖
using System.Collections.Generic;
using System.IO;
using NPOI.SS.UserModel;
using NPOI.XSSF.UserModel;
2.Controller
控制器后台代碼 不懂引用文件在下面第3點，這里我是前台選取ID傳進數組，放到后台去通過ID查詢數據
//批量導出 [HttpPost] public void OutData1() { string time = Convert.ToDateTime(DateTime.Now).ToString(); string[] splist; string danhao = Request["arr"]; splist = null; splist = danhao.Split(','); List<L_Ji_jian> data = bll.OutData1(splist); //數據源拿到數據 XSSFWorkbook workbook = new XSSFWorkbook(); //創建一個excel XSSFSheet sheet = (XSSFSheet)workbook.CreateSheet(); //創建一個sheet IRow frow0 = sheet.CreateRow(0); // 添加一行（一般第一行是表頭） frow0.CreateCell(0).SetCellValue("品號"); //表頭內容 frow0.CreateCell(1).SetCellValue("品名"); frow0.CreateCell(2).SetCellValue("規格"); frow0.CreateCell(3).SetCellValue("請購單別單號序號"); for (int i = 0; i < data.Count; i++) //循環添加list中的內容放到表格里 { IRow row = sheet.CreateRow(i + 1); //之所以從i+1開始 因為第一行已經有表頭了 row.CreateCell(0).SetCellValue(data[i].LH001); row.CreateCell(1).SetCellValue(data[i].LH002); row.CreateCell(2).SetCellValue(data[i].LH003); row.CreateCell(3).SetCellValue(data[i].LH004); } var path = System.AppDomain.CurrentDomain.BaseDirectory; //獲得項目的基目錄 var Path = System.IO.Path.Combine(path, @"Uploads\Excel\\"); //進到基目錄錄找“Uploadss->Excel”文件夾 if (!System.IO.Directory.Exists(Path)) //判斷是否有該文件夾 System.IO.Directory.CreateDirectory(Path); //如果沒有在Uploads文件夾下創建文件夾Excel string saveFileName = Path + "\\" + "來料清單信息表" + ".xlsx"; //路徑+表名+文件類型 try { using (FileStream fs = new FileStream(saveFileName, FileMode.Create, FileAccess.Write)) { workbook.Write(fs); //寫入文件 workbook.Close(); //關閉 } } catch (Exception ex) { Response.Write("<script>alert('錯誤信息：" + ex.Message + "');</script>"); } }
//調用瀏覽器導出 public void DataExcel1(object sender, EventArgs e) { string fileName = "來料清單信息表" + ".xlsx";//客戶端保存的文件名 var path = System.AppDomain.CurrentDomain.BaseDirectory; //獲得項目的基目錄 string sering = path + "\\Uploads\\Excel\\" + fileName; //自定義服務器路徑 + 文件名 //以字符流的形式下載文件 FileStream fs = new FileStream(sering, FileMode.Open); byte[] bytes = new byte[(int)fs.Length]; fs.Read(bytes, 0, bytes.Length); fs.Close(); Response.ContentType = "application/octet-stream"; //通知瀏覽器下載文件而不是打開 Response.AddHeader("Content-Disposition", "attachment; filename=" + HttpUtility.UrlEncode(fileName, System.Text.Encoding.UTF8)); Response.BinaryWrite(bytes); Response.Flush(); Response.End(); }
2-1.BLL
2-2.DAL
2-3.
項目文件在控制器這層 新建文件夾Uploade--》Excel ，如果沒有代碼自己創建
3.
基本就完成了，點擊導出調用瀏覽器在瀏覽器下載你服務器上的Excel文件
