近来接手的项目，有几个很值得分享的东西。经过自己的不懈实践，总结，分享给大家，希望能对大家的学习有点帮助。

本次探讨的是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）！

【项目总结】之——导出Excel的更多相关文章

  1. 【angularjs】pc端使用angular搭建项目，实现导出excel功能

    此为简单demo. <!DOCTYPE html> <html ng-app="myApp"> <head> <meta charset= ...

  2. 项目笔记：导出Excel功能

    1.前台这块: var ids=""; $.post("${basePath}/assets/unRegDeviceAction_getDeviceIds.do" ...

  3. 项目笔记：导出Excel功能分sheet页插入数据

    导出Excel功能分sheet页处理数据: /*导出EXCEL*/ public void createExcel() { log.info("导出Excel功能已经启动-BEGIN&quo ...

  4. vue项目，前端导出excel

    今天研究一下前端如何导出excel,边查边实践,边记录 1.安装依赖库 xlsx:这是一个功能强大的excel处理库,但是上手难度也很大,还涉及不少二进制的东西 file-saver:ES5新增了相关 ...

  5. Springboot+vue前后端分离项目，poi导出excel提供用户下载的解决方案

    因为我们做的是前后端分离项目 无法采用response.write直接将文件流写出 我们采用阿里云oss 进行保存 再返回的结果对象里面保存我们的文件地址 废话不多说,上代码 Springboot 第 ...

  6. 项目笔记：导出Excel功能设置导出数据样式

    /** * 导出-新导出 * * @return * @throws IOException */ @OperateLogAnn(type = OperateEnum.EXPORT, hibInter ...

  7. vue项目实现表格导出excel表格

    第一:安装依赖 npm install -S file-saver xlsx npm install -D script-loader 第二:在目录里新建excel文件夹 在excel文件夹里新建两个 ...

  8. jxl导出Excel文件

    一.java项目实现读取Excel文件和导出Excel文件 实现读取和导出Excel文件的代码: package servlet; import java.io.FileInputStream; im ...

  9. C# 使用Epplus导出Excel [1]：导出固定列数据

    C# 使用Epplus导出Excel [1]:导出固定列数据 C# 使用Epplus导出Excel [2]:导出动态列数据 C# 使用Epplus导出Excel [3]:合并列连续相同数据 C# 使用 ...

  10. NPOI导入导出EXCEL通用类，供参考，可直接使用在WinForm项目中

    以下是NPOI导入导出EXCEL通用类,是在别人的代码上进行优化的,兼容xls与xlsx文件格式,供参考,可直接使用在WinForm项目中,由于XSSFWorkbook类型的Write方法限制,Wri ...

随机推荐

  1. emoji表情初探

    2015年12月28日 14:24:51 星期一 首先注意的地方: 1. emoji是需要操作系统支持的, 例如: ios更新时, 会在升级日志里说明, 增加了对多少个emoji图标的支持. 原理上是 ...

  2. Cxgrid获取选中行列，排序规则，当前正在编辑的单元格内的值

    Delphi Cxgrid获取选中行列,排序规则,当前正在编辑的单元格内的值 cxGrid1DBTableView1.Controller.FocusedRowIndex 当前行号 cxGrid1DB ...

  3. UVALive 4953 Wormly--【提醒自己看题要仔细】

    有一条虫要过桥,桥有断的木板和好的木板.虫有L条腿B个身体,桥长N.01串表示桥的好坏.输出最少操作次数. 一开始虫的身体在最左B桥上,腿在最左L桥上,最后要到达最右B以及最右L... 操作有2种:① ...

  4. 【hihoCoder】第20周 线段树

    题目: 输入 每个测试点(输入文件)有且仅有一组测试数据. 每组测试数据的第1行为一个整数N,意义如前文所述. 每组测试数据的第2行为N个整数,分别描述每种商品的重量,其中第i个整数表示标号为i的商品 ...

  5. IOS - 首次启动程序出现的画面介绍

    1.在appdelegate.m中找到 “application:didFinishLaunchingWithOptions:” 通过NSUserDefaults 来进行判断 if (![[NSUse ...

  6. 使用BAT安装 Windows Service

    脚本如下: @echo off @setlocal enableextensions @cd /d "%~dp0" set InstallPath=C:\DBoxService\S ...

  7. [Android Pro] proguard

    -optimizationpasses 5 # 指定代码的压缩级别 -dontusemixedcaseclassnames # 是否使用大小写混合 -dontskipnonpubliclibraryc ...

  8. September 7th 2016 Week 37th Wednesday

    Patience is bitter, but its fruit is sweet. 忍耐是痛苦的,但它的果实却是甜蜜的. However, many may give up before they ...

  9. August 19th 2016 Week 34th Friday

    Friends are not the people you meet at the top, they are the people who were with you at the bottom. ...

  10. Django搭建简易博客

    Django简易博客,主要实现了以下功能 连接数据库 创建超级用户与后台管理 利用django-admin-bootstrap美化界面 template,view与动态URL 多说评论功能 Markd ...