将Table表格导出到Excel

1.导出当前页

效果如下:

前台代码:

@{

    Layout = null;

}

<!DOCTYPE html>

<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index</title>

    <style>

        DIV.viciao {

            MARGIN-TOP: 20px;

            MARGIN-BOTTOM: 10px;

        }

            DIV.viciao A {

                BORDER-RIGHT: #8db5d7 1px solid;

                PADDING-RIGHT: 5px;

                BORDER-TOP: #8db5d7 1px solid;

                PADDING-LEFT: 5px;

                PADDING-BOTTOM: 2px;

                BORDER-LEFT: #8db5d7 1px solid;

                COLOR: #;

                MARGIN-RIGHT: 2px;

                PADDING-TOP: 2px;

                BORDER-BOTTOM: #8db5d7 1px solid;

                TEXT-DECORATION: none;

            }

                DIV.viciao A:hover {

                    BORDER-RIGHT: red 1px solid;

                    PADDING-RIGHT: 5px;

                    BORDER-TOP: red 1px solid;

                    PADDING-LEFT: 5px;

                    PADDING-BOTTOM: 2px;

                    BORDER-LEFT: red 1px solid;

                    MARGIN-RIGHT: 2px;

                    PADDING-TOP: 2px;

                    BORDER-BOTTOM: red 1px solid;

                }

                DIV.viciao A:active {

                    BORDER-RIGHT: red 1px solid;

                    PADDING-RIGHT: 5px;

                    BORDER-TOP: red 1px solid;

                    PADDING-LEFT: 5px;

                    PADDING-BOTTOM: 2px;

                    BORDER-LEFT: red 1px solid;

                    MARGIN-RIGHT: 2px;

                    PADDING-TOP: 2px;

                    BORDER-BOTTOM: red 1px solid;

                }

            DIV.viciao SPAN.current {

                BORDER-RIGHT: #e89954 1px solid;

                PADDING-RIGHT: 5px;

                BORDER-TOP: #e89954 1px solid;

                PADDING-LEFT: 5px;

                FONT-WEIGHT: bold;

                PADDING-BOTTOM: 2px;

                BORDER-LEFT: #e89954 1px solid;

                COLOR: #;

                MARGIN-RIGHT: 2px;

                PADDING-TOP: 2px;

                BORDER-BOTTOM: #e89954 1px solid;

                BACKGROUND-COLOR: #ffca7d;

            }

            DIV.viciao SPAN.disabled {

                BORDER-RIGHT: #ccc 1px solid;

                PADDING-RIGHT: 5px;

                BORDER-TOP: #ccc 1px solid;

                PADDING-LEFT: 5px;

                PADDING-BOTTOM: 2px;

                BORDER-LEFT: #ccc 1px solid;

                COLOR: #ccc;

                MARGIN-RIGHT: 2px;

                PADDING-TOP: 2px;

                BORDER-BOTTOM: #ccc 1px solid;

            } 

    </style>

</head>

<body>

    <input type="button" name="excelBut" value="导出Excel" onclick="exportExcel()" class="sgbtn" /> 

        <table id="OrderInfo">

            <thead>

                <tr>

                    <th>编号</th>

                    <th>姓名</th>

                    <th>备注</th>

                </tr>

            </thead>

            <tbody id="tdContent"></tbody>

        </table>

        <div id="nav" class="viciao"></div>

      <!--导出Excel处理隐藏域-->

        @using (Html.BeginForm("ExportExcel1", "Home", FormMethod.Post, new { name = "myForm" }))

                                {

                                    @Html.Hidden("hHtml")

                                }

    <script src="~/Scripts/jquery-1.8.2.min.js"></script>

    <script>

        //分页内容开始

        $(function () {

            pageData(,);

        })

        pageData = function (pIndex, pSize) {

            $("#tdContent").empty();

            $("#nav").children().empty();

            $.getJSON('@Url.Action("GetList","Home")?id='+Math.random()+'', { pageIndex: pIndex,pageSize:pSize}, function (_data) {

                for (var i = ; i < _data.data.length; i++) {

                    var html = "<tr><td name='majorId'>" + _data.data[i].MajorID + "</td><td>" + _data.data[i].Name + "</td><td>" + _data.data[i].Remark + "</td></tr>";

                    $("#tdContent").append(html);

                }

                $("<p id='pNav'>" + _data.strPage + "</p>").appendTo("#nav");

                $("#pNav a").click(clickShow);

            })

        }

        function clickShow() {

            var url = this.href;

            var navData = url.substring(url.lastIndexOf('?') + );

            var pSize = navData.split('&')[].split('=')[];

            var pIndex = navData.split('&')[].split('=')[];

            pageData(pIndex, pSize);

            return false;

        }

        //分页内容结束-------<<

        //导出Excel文件开始

        function exportExcel() {

            var sHtml =htmlEncode($("#OrderInfo")[].outerHTML);//做html编码

            $("input[name='hHtml']").val(sHtml);

            //表单提交

            $("form[name='myForm']").submit();

        }

        function htmlEncode(value) {

            return $('<div/>').text(value).html();

        }

        //导出Excel文件结束

    </script>

</body>

</html>

后台代码:

using Entity.Models;

using System;

using System.Collections.Generic;

using System.Data;

using System.Data.Entity;

using System.Linq;

using System.Web;

using System.Web.Mvc;

using NPOI.HSSF.UserModel;

using NPOI.HPSF;

using NPOI.POIFS.FileSystem;

using System.IO;

using System.Text.RegularExpressions;

namespace 分页练习.Controllers

{

    public class HomeController : Controller

    {

        //

        // GET: /Home/

        public ActionResult Index()

        {

            return View();

        }

        public ActionResult GetList()

        {

            int pageIndex = string.IsNullOrEmpty(Request["pageIndex"]) ? :int.Parse(Request["pageIndex"]);

            int pageSize = string.IsNullOrEmpty(Request["pageSize"]) ?  : int.Parse(Request["pageSize"]);

            DbContext db = new InfernoContext();

            int recordCount=db.Set<Major>().Count();

            int pageCount = Convert.ToInt32(Math.Ceiling((recordCount*1.0/pageSize)));

            List<Major> list=db.Set<Major>().OrderBy(c => c.MajorID).Skip((pageIndex - ) * pageSize).Take(pageSize).ToList();

            string strPage = PageHelper.strPage(recordCount, pageSize, pageCount, pageIndex,"../Home/Index?pageSize="+pageSize+"&pageIndex=");

           var sendData = new{data=list,strPage=strPage };

           return Json(sendData, JsonRequestBehavior.AllowGet);

        }

        /// <summary>

        /// 导出Excel

        /// </summary>

        [HttpPost]

        public ActionResult ExportExcel1(FormCollection form)

        {

            string strHtml = form["hHtml"];

            strHtml = HttpUtility.HtmlDecode(strHtml);//Html解码

            byte[] b = System.Text.Encoding.UTF8.GetBytes(strHtml);//字串转byte阵列    

            return File(b, "application/vnd.ms-excel", "订单详情.xls");//输出档案给Client端

        }

    }

}

导出Excel动态链接库下载:http://pan.baidu.com/s/1o7ZDxwu

PS：上面是导出【当前页】的内容，如果想导出【所有的】。原理一样，添加个隐藏域就行了，然后将所有查询到的值加载到这个隐藏域里面。之后就可以按照上面的方法继续啦~

关于将Excel导入数据库可以参考博文

终结版参考博文

将Table表格导出到Excel的更多相关文章

纯JS 将table表格导出到excel
html <div > <button type="button" onclick="getXlsFromTbl('tableExcel','myDiv ...
vue+iview中的table表格导出excel表格
一.iveiw框架中table中有exportCsv()方法可以导出.csv后缀文件,类似于excel文件,但是并不是excel文件. 二.实现table表格导出excel文件利用Blob.js 和 ...
将HTML表格导出到EXCEL，兼容Firefox，支持中文
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
使用JavaScript把页面上的表格导出为Excel文件
如果在页面上展示了一个数据表格,而用户想把这个表格导出为Excel文件,那么在要求不高的情况下,可以不通过服务器生成表格,而是直接利用JavaScript的Blob和Object URL特性将表格导出 ...
网站开发进阶(二十五)js如何将html表格导出为excel文件
js如何将html表格导出为excel文件赠人玫瑰,手留余香.若您感觉此篇博文对您有用,请花费2秒时间点个赞,您的鼓励是我不断前进的动力,共勉! jsp页面数据导出成excel的方法很 ...
vue将表格导出为excel
vue将表格导出为excel 一:在项目中需要安装2个依赖项,如下命令: npm install --save file-saver xlsx 二:在vue文件中如下使用即可: <templat ...
JS 将页面上的表格导出为 Excel 文件
如果在页面上展示了一个表格,想把这个表格导出为Excel文件,那么在要求不高的情况下,可以直接利用 JavaScript 的 Blob 和 Object URL 特性将表格导出.不过,这就是利用了 E ...
使用NPOI将TABLE内容导出到EXCEL
项目中需要将页面中的table内容导出到EXCEL,在用了几种方法后发现NPO是最快&最好的需要应用 NPOI.dll 还有个Ionic.Zip.dll不知道有用没,没去研究,两个DLL都放 ...
网站开发进阶(三十一)js如何将html表格导出为excel文件(后记)
js如何将html表格导出为excel文件(后记) 前言项目前期做了个导出Excel表格的功能,但是经过测试发现只有在IE上才可以正确实现,在Chrome等浏览器中无法实现导出效果.经过上网搜索,尝 ...

随机推荐

CSS3 ::selection选择器
一.介绍之前看到有些网站选中内容的颜色和背景色都不是平时看到的蓝色和白色.今天有兴趣查看了一下,原来是一个很简单的CSS3的选择器::selection的用法. 上例子: <style> ...
SSH----MVC框架模式与分层架构
MVC框架模式 MVC框架模式是web开发中一种软件设计典范,他的全名是(Model -View -Controller),是模型(model)--视图(view)--控制器(controller)的 ...
KSFramework常见问题：Lua脚本热重载，内存状态数据丢失？
Lua热重载内存数据在重载后会丢失 KSFramework中,所有的UI Lua脚本是可以重载的.脚本中的一些内存数据,在重载后会丢失,比如: -- 记录一个UI界面被打开了多少次 function ...
ASP.NET MVC
ASP.NET MVC 就是根据 Model 2 模式设计的.对于 HTTP 请求的拦截以实现对目标 Controller 和 Action 的解析是通过一个自定义 Http Module 来实现的, ...
ADO.Net 增、删、改、查（基本项）
数据访问对应命名空间:System.Data.SqlClient; SqlConnection:连接对象 SqlCommand:命令对象 SqlDataReader:读取器对象 CommandTex ...
嵌入式Linux驱动学习之路(五)u-boot启动流程分析
这里说的u-boot启动流程,值得是从上电开机执行u-boot,到u-boot,到u-boot加载操作系统的过程.这一过程可以分为两个过程,各个阶段的功能如下. 第一阶段的功能: 硬件设备初始化. 加 ...
渗透攻防工具篇-后渗透阶段的Meterpreter
作者:坏蛋链接:https://zhuanlan.zhihu.com/p/23677530来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 前言熟悉Metasploit ...
jenkins中通过git发版操作记录
之前说到的jenkins自动化构建发版是通过svn方式,今天这里介绍下通过git方式发本的操作记录. 一.不管是通过svn发版还是git发版,都要首先下载svn或git插件.登陆jenkins,依次点 ...
JVM的堆(heap)、栈(stack)和方法区(method)
JVM主要由类加载器子系统.运行时数据区(内存空间).执行引擎以及与本地方法接口等组成.其中运行时数据区又由方法区Method Area.堆Heap.Java stack.PC寄存器.本地方法栈组成. ...
Java中run(), start(), join(), wait(), yield(), sleep()的使用
run(), start(), join(), yield(), sleep() 这些是多线程中常用到的方法. run(): 每个Thread中需要实现的方法, 如果直接调用的话, 会是和单线程一样的 ...

将Table表格导出到Excel

将Table表格导出到Excel的更多相关文章

随机推荐

热门专题