项目背景：

　　项目需要导出样式复杂的excl表格，主要是一些样式布局比较复杂

技术分析：

　　目前比较通用的实现方式有

　　　　1、借助微软的excle插件

　　　　2、通过NPOI插件实现

　　　　3、直接导出一个html（table），在输出头部指定文件输出类型

　　本次主要说的第3中实现方式，这样实现起来很方便，尤其是针对样式复杂的表格，就当写html一样可以实现复杂的显示逻辑

　　直接替代吗

后端：采用的一个一般处理程序：

　　

namespace WebApplication3 {

    /// <summary>

    /// DownLoadExcle 的摘要说明

    /// </summary>

    public class DownLoadExcle : IHttpHandler {

        public void ProcessRequest(HttpContext context) {

            context.Response.ClearHeaders();

            context.Response.Clear();

            context.Response.AppendHeader("content-disposition", "attachment; filename=" + HttpUtility.UrlEncode(System.DateTime.Now.ToString("yyyyMMddHHmmss")+ ".xls", Encoding.UTF8));

            // 在此处放置用户代码以初始化页面

            context.Response.ContentType = "application/vnd.ms-excel";

            // 从Content-Type header中去除charset设置

            context.Response.ContentEncoding = Encoding.UTF8;//.GetEncoding("GB2312")  .UTF8;//解决中文乱码之关键

            // 关闭 ViewState

            //EnableViewState = false;

            // 把HTML写回浏览器

            context.Response.Write("<meta http-equiv=\"content-type\" content=\"application/ms-excel; charset=UTF-8\"/>");

            context.Response.Write(this.GetExcleDataHtml());

            context.Response.Flush();

            context.Response.Clear();

            context.Response.End();

        }

        public bool IsReusable {

            get {

                return false;

            }

        }

        /// <summary>

        ///  获取需要导出的数据HTML字符串

        /// </summary>

        /// <returns></returns>

        private string GetExcleDataHtml() {

            StringBuilder sbReport = new StringBuilder();

            sbReport.Append("<table border='1' cellpadding='0' cellspacing='0'>");

            sbReport.Append("<tr>");

            sbReport.Append("<th ><h4>Id</h4></th>");

            sbReport.Append("<th style='width:200px;'><h4>姓名</h4></th>");

            sbReport.Append("<th style='width:100px;'><h4>成绩</h4></th>");

            sbReport.Append("</tr>");

            for (int i = 0; i < 10; i++) {

                sbReport.Append("<tr>");

                sbReport.Append(string.Format("<td>{0}</td>", i + 1));

                sbReport.Append(string.Format("<td>测试{0}</td>", i + 1));

                sbReport.Append(string.Format("<td>{0}</td>", (i + 1) * 10));

                sbReport.Append("</tr>");

            }

            sbReport.Append("</table>");

            return sbReport.ToString();

        }

    }

}

　　

前端代码：直接用的一个a标签，链接到下载的一般处理程序地址即可

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title></title>

    <meta charset="utf-8" />

</head>

<body>

    <a href="DownLoadExcle.ashx">下载文件</a>

</body>

</html>

.net导出excle无需任何插件，直接通过一个tablehtml实现的更多相关文章

  1. React+后端实现导出Excle表格的功能

    最近在做一个基于React+antd前端框架的Excel导出功能,我主要在后端做了处理,根据以下步骤,可以很容易就实现导出Excel表格数据的功能. 在做这类导出文件的功能,其实,在后端进行处理,会更 ...

  2. 使导出excle文档实现ALT+Enter的效果()

    JAVA中输入什么转义字符,使导出excle文档实现ALT+Enter的效果?或者有没有其他方法可以实现. 20 JAVA中输入什么转义字符,使导出excle文档实现ALT+Enter的效果?或者有没 ...

  3. vue下载模板、导出excle

    1.下载模板是 下载模版比较简单,就是跳一个新的页面 2.导出excle 就是get请求,把自己要导出的参数一一拼接起来 }

  4. 扩展一个boot的插件—tooltip&做一个基于boot的表达验证

    在线演示 本地下载 (代码太多请查看原文) 加班,加班加班,我爱加班··· 我已经疯了,哦也. 这次发一个刚接触boot的时候用boot做的表单验证,我们扩展一下tooltip的插件,让他可以换颜色. ...

  5. js-jquery-插件开发（二）【最终插件是最后一个，中间是过程】

    二.通过$.fn 向jQuery添加新的方法 2.1.基本格式: $.fn.pluginName = function() { //your code goes here } 说明:在$.fn后面添加 ...

  6. php 导出excle的.csv格式的数据时乱码问题

    1.header('Content-Encoding: XXXX'); 有可能是编码问题:可以尝试UTF-8,GBK,GB2312,等编码格式 2.有可能是文件编码问题,虽然UTF-8不建议带BOM, ...

  7. NPOI导出Excle

    前端: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" con ...

  8. mac下导出JetBrains IDE Support插件给linux

    自从google被和谐以后,上google的store安装插件是如此的费劲,好在mac下的chrome已经装好了,直接导出给linux就可以 mac下chrome的插件目录为 ~/Library/Ap ...

  9. PHP原生EXCEL导出带样式无插件无乱码实现

    PHP原生EXCEL导出 经测试 带样式 无插件 无乱码,不需要引入任何插件,不需要修改任何编码 (使用时只需要修改引入php数据库配置文件.修改thead tbody中的数据即可.根据自己的需要去接 ...

随机推荐

  1. ABP框架系列之十八：(Data-Transfer-Objects-数据转换对象)

    Data Transfer Objects are used to transfer data between Application Layer and Presentation Layer. 数据 ...

  2. s5 Docker的持久化存储和数据共享

    数据库容器的数据如何才能不会丢失?Docker的持久化存储技术.Docker的数据共享技术能极大提高开发人员的开发效率,边写代码,边看运行结果. 数据持久化之Data Volume Docker持久化 ...

  3. JAVA 8 主要新特性 ----------------(二)版本中数据结构的修改浅析

    一.版本中数据结构的修改浅析1.HashMap.HashSet.ConcurrentHashMap的数据结构发生变化 (1)HashMap简介(结构:哈希表+链表) HashMap存储的数据是无序的, ...

  4. 配置 npm 缓存目录，防止占满系统版

    通过命令编辑缓存的路径配置: npm config edit 内如如: 指定到系统盘之外的路径,如 d: 盘:然后将原来目录中已缓存的内如剪切过来~ Notice(2019.3.15): 截图中路径含 ...

  5. OC 中property的使用

    property在使用的时候需要在其前面加上@符号,需要将其写在类的头文件中 当在定义一个对象的属性变量时,例如定义一个Person类中的name属性,可定义为: @property (nonatom ...

  6. hive 语法 case when 语法

    ' then '精选' else null end as sale_type 注意: end不能少

  7. docker中gitlab-runner配置

    1.启动gitlab-runner docker run -d --name gitlab-runner --restart always \ -v /opt/data/gitlab-runner/c ...

  8. 微服务日志之Spring Boot Kafka实现日志收集

    前言 承接上文( 微服务日志之.NET Core使用NLog通过Kafka实现日志收集 https://www.cnblogs.com/maxzhang1985/p/9522017.html ).NE ...

  9. mysql数据库的常用知识

    问题一:如果使用可视化工具链接mysql? mysql默认情况下是不支持远程连接的!只需要几个步骤就能轻松搞定了. 1.vi /etc/mysql/my.cnf 修改里面bind-address项,将 ...

  10. Mybatis中输入输出映射和动态Sql

    一.输入映射 我们通过配置parameterType的值来指定输入参数的类型,这些类型可以是简单数据类型.POJO.HashMap等数据类型 1.简单类型 2.POJO包装类型 ①这是单表查询的时候传 ...