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

本次探讨的是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. ios 中的autoresizingMask

    以前对这个知识理解的不太对,看了下面这个地址的文章后,感觉说的对,也没检验,今天实验后,发现是错的...在这里对以前读过此文的朋友表示抱歉. 原文地址如下: http://www.cnblogs.co ...

  2. Linux下编译安装python3

    Linux下默认系统自带python2.6的版本,这个版本被系统很多程序所依赖,所以不建议删除,如果使用最新的Python3那么我们知道编译安装源码包和系统默认包之间是没有任何影响的,所以可以安装py ...

  3. ACM/ICPC 之 SPFA范例两道(POJ3268-POJ3259)

    两道以SPFA算法求解的最短路问题,比较水,第二题需要掌握如何判断负权值回路. POJ3268-Silver Cow Party //计算正逆最短路径之和的最大值 //Time:32Ms Memory ...

  4. mysql 删除重复数据保留只保留一条

    SELECT * FROM (SELECT addTime FROM motorcade.car_msg_info GROUP BY addTime HAVING COUNT(addTime) > ...

  5. 自定义ToolBar之一

    其实已经有很多大神写过这方面的文章了,不过我比较蠢吧,老有一些地方看不懂的,翻了很多关于Toolbar方面的文章和视频,这儿总结一下.  参考资料:youtube:slidenerd 阶段一 自定义配 ...

  6. 【QT】C++ GUI Qt4 学习笔记2

    Go To Cell 利用QT Desinger做好界面后加入的代码有 gotocelldialog.h #ifndef GOTOCELLDIALOG_H #define GOTOCELLDIALOG ...

  7. 【数据结构】红黑树 C语言代码

    连看带写花了三天,中途被指针引用搞得晕晕乎乎的. 插入和删除的调整过程没有看原理,只看了方法,直接照着写的. 看了两份资料,一份是算法导论第12-13章, 另一份是网上的资料http://blog.c ...

  8. yum安装时出现：Cannot retrieve metalink for repository: epel. Please verify its path and try again

    在CentOS 6.3 x86_64下安装php-mcrypt的时候出现了问题:Error: Cannot retrieve metalink for repository: epel. Please ...

  9. SQLServer 批量插入数据的两种方法

    SQLServer 批量插入数据的两种方法-发布:dxy 字体:[增加 减小] 类型:转载 在SQL Server 中插入一条数据使用Insert语句,但是如果想要批量插入一堆数据的话,循环使用Ins ...

  10. 晨跑（bzoj 1877）

    Description Elaxia最近迷恋上了空手道,他为自己设定了一套健身计划,比如俯卧撑.仰卧起坐等 等,不过到目前为止,他坚持下来的只有晨跑. 现在给出一张学校附近的地图,这张地图中包含N个十 ...