【项目总结】之——导出Excel
小结:近来接手的项目,有几个很值得分享的东西。经过自己的不懈实践,总结,分享给大家,希望能对大家的学习有点帮助。
本次探讨的是mvc框架之中的一种导出方法,导出excel。
先让大家看一下啊我们的view界面:
我们的view代码:
<body> <div style="margin-top:30px;margin-left:20px;"> <div class="easyui-panel" title="查询" style="width:1240px;"> <div style="margin:10px 20px;float:left"> @*加载搜索框*@ 请输入要查询的内容: <input class="easyui-textbox" id="txtSearch" name="txtSearch" onkeydown="Enter();" maxlength="20" style="width:150px;"> <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-search',plain:true" onclick="stuSearch()" >查询</a> <a id="download" @*href="/FreshStudent/ExportExcel"*@ class="easyui-linkbutton" style="margin-left :720px";data-options="iconCls:'',plain:true" onclick="Export()">导出Excel</a> </div> </div> </div> <div id="ContentAreas" style="margin-top: 15px; margin-left: 20px; width: 960px;"> <table id="dt" class="easyui-datagrid" title="学生报表" style="width: 1240px; height: auto" data-options="url:'/FreshStudent/SelectStu',singleSelect:true,pagination:true"> <thead> <tr> <th data-options="field:'StudentCode',width:150,align:'center',sortable:true" >学号</th> <th data-options="field:'Name',width:120,align:'center'">姓名</th> <th data-options="field:'strSex',width:120,align:'center'">性别</th> <th data-options="field:'Score',width:120,align:'center'">分数</th> <th data-options="field:'Level',width:120,align:'center'">学历</th> <th data-options="field:'FreshMajorName',width:150,align:'center'">专业名称</th> <th data-options="field:'FreshDepartmentName',width:150,align:'center'">学院名称</th> <th data-options="field:'TelNum',width:150,align:'center'">联系方式</th> <th data-options="field:'strCheckIn',width:120,align:'center'">是否报道</th> </tr> </thead> </table> </div> </body>
controller代码分享:
<span style="font-size:18px;">#region 导出数据Excel --李卫中--2016年1月5日21:00:10 /// <summary> /// 导出数据 /// </summary> /// <param name="strlike"></param> /// <returns></returns> public ActionResult ExportExcel(string strlike) { //获取前台界面容量 int pageSize = Request["rows"] == null ? 10 : int.Parse(Request["rows"]); //获取前台界面当前页 int pageIndex = Request["page"] == null ? 1 : int.Parse(Request["page"]); //定义总数,接收后台记录数目 int total; List<FreshStudentViewModel> stuList = new List<FreshStudentViewModel>(); //执行模糊查询 if (strlike == "" || strlike == null) { stuList = stuService.ExportAllStu(); } else { stuList = stuService.ExportStu(strlike); } //给Excel导出里面添加表头 Hashtable headnames = new Hashtable(); headnames.Add("Score", "分数"); headnames.Add("Level", "学历"); headnames.Add("FreshMajorName", "专业名称"); headnames.Add("StudentCode", "学号"); headnames.Add("Name", "姓名"); headnames.Add("strSex", "性别"); headnames.Add("FreshDepartmentName", "学院名称"); headnames.Add("TelNum", "联系方式"); headnames.Add("strCheckIn", "是否报道"); //导出新生报表信息 return File(ExportManager.ExportExcel(stuList, headnames), "application/vnd.ms-excel", "新生报表.xls"); } #endregion</span>
Js方法分享:
<span style="font-size:18px;">function Export() { var strlike = $("#txtSearch").val(); window.location.href = "/FreshStudent/ExportExcel?strlike=" + strlike; }</span>
然后,我们的后台方法就不再累述了,就是从数据库中查询得到的数据集合,返回之后有我们的controller来接收。
效果展示:
遗留问题:导出的数据表头顺序发生错乱,请关注本篇博客后续解决方案!
这个方法其实是很简单的,但是其中有一个地方难住了我大约有一个小时,就是通过点击我们用controller来获取id="txtSearch"的值,这个在很多人开来很简单,其实对我来说也是很简单,等我写出这个方法后发现,总结。自己动手的机会还是太少了,以至于有些地方想不到,我们有句话叫“不怕不知道,就怕不知道”,我们不是不会,是总也想不到。这比我们想到了不会要严重得多。所以我们要把握好每一次我们遇到困难的机会,每一个机会都会带给我们一点收获,一些改变。
加油! 少(sao)年(nian)!