项目背景：

　　项目需要导出样式复杂的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. 11. English vocabulary 英语词汇量

    11. English vocabulary 英语词汇量 (1) The exact number of English words is not known.The large dictionari ...

  2. php,单引号与双引号的区别

    代码示例 <?php $s='666'; $s2="999"; $test = 'name{$s} - {$s2}'; $test2 = "name{$s} - { ...

  3. Linux下设置快捷键

    以设置终端为例,进入Settings>>Keyboard>>Custom Shortcuts,点左下脚的+号,Name栏填入Treminal,command栏填入gnome-t ...

  4. Vuejs——（3）计算属性，样式和类绑定

    版权声明:出处http://blog.csdn.net/qq20004604   目录(?)[+]   先上总结: (十九)标签和API总结(2) vm指new Vue获取的实例 ①当dom标签里的值 ...

  5. Python之旅Day3 文件操作 函数（递归|匿名|嵌套|高阶）函数式编程 内置方法

    知识回顾 常见五大数据类型分类小结:数字.字符串.列表.元组.字典 按存值个数区分:容器类型(列表.字典.元组) 标量原子(数字.字符串) 按是否可变区分:可变(列表.字典) 不可变(数字.字符串.元 ...

  6. ASP.NET Core 简单实现七牛图片上传（FormData 和 Base64）

    ASP.NET Core 简单实现七牛图片上传(FormData 和 Base64) 七牛图片上传 SDK(.NET 版本):https://developer.qiniu.com/kodo/sdk/ ...

  7. 微服务应用新趋势：Service Mesh、AIOps和中台化

    微服务技术由于天生支持快速迭代.弹性扩展的特点,使企业能够在不确定性下提升发展速度及抗风险能力,受到了越来越多的关注.当前,云服务商纷纷试水微服务产品,最为典型的,当属推出轻舟微服务平台.剑指整个微服 ...

  8. js中的行为委托和无类编程

    概述 <你不知道的JavaScript>中有这么一段话:不幸的是,将类和继承的设计模式思维带入Javascript的想法是你所做的最坏的事情,因为语法可能会让你迷惑不已,让你以为真的有类这 ...

  9. 算法入门：最大子序列和的四种算法（Java）

    最近再学习算法和数据结构,推荐一本书:Data structures and Algorithm analysis in Java 3rd 以下的四种算法出自本书 四种最大子序列和的算法: 问题描述 ...

  10. 自学vue笔记 (二) : 实例与生命周期

    一: 什么是实例 我们说了,Vue 应用都应该从构建一个 Vue 实例开始.它管理着挂载在它身上的所有内容,因此实例是一个根实例, 所有的组件都应该挂载在根实例上面.创建一个 Vue 实例,需要通过 ...