项目背景：

　　项目需要导出样式复杂的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. 更改h标签的字体粗细

    h1,h2,h3,h4,h5,h6{ font-weight:normal }

  2. Codeforces Round #539--1113B - Sasha and Magnetic Machines

    https://codeforces.com/contest/1113/problem/B 思想不难,但是在比较大小的时候,我选择了很笨的方法,我用两个数变化之后的差值大小来进行选择,然后最后再进行数 ...

  3. Scala数组小结

    1.定长数组 定长数组:指长度不可变的数组Array. 第一种方式: 先声明一个数组,后初始化该数组: scala> val array = new Array[Double](5) array ...

  4. STL中的容器作为返回值

    分别以函数返回值方式和参数传引用方式测试了vector.map两种容器,代码如下: // testContainer.cpp : Defines the entry point for the con ...

  5. 在Azure DevOps Server的代理服务器安装Python环境

    Python和Azure DevOps Server Python是一种计算机程序设计语言.是一种动态的.面向对象的脚本语言,最初主要为系统运维人员编写自动化脚本,在实际应用中,Python已经在前端 ...

  6. Java 虚拟机的对象创建

    堆中存储的内容:在程序运行时,动态创建的对象. 创建对象的四种方式:new,clone(浅复制),反射,反序列化. 浅复制:只能复制当前对象本身,如果当前对象(A)引用了另外的对象(B),则引用对象( ...

  7. Spring boot 参数相关注解

    最近使用swagger的在线文档调试接口时发现老是报参数问题,最后发现是方法中参数上的注解有问题,今天把填的坑做一下总结. 1. RequestParam 该注解有两个属性: name/value:表 ...

  8. 撰写一篇博客要求讲述四则运算2的设计思想，源程序代码、运行结果截图、编程总结分析，并按照PSP0级的要求记录开发过程中的时间记录日志。

    一.撰写一篇博客要求讲述四则运算2的设计思想,源程序代码.运行结果截图.编程总结分析,并按照PSP0级的要求记录开发过程中的时间记录日志. 1.设计思想: ①创建test.jsp建立第一个前端界面,提 ...

  9. Spring Boot - Profile配置

    Profile是什么 Profile我也找不出合适的中文来定义,简单来说,Profile就是Spring Boot可以对不同环境或者指令来读取不同的配置文件. Profile使用 假如有开发.测试.生 ...

  10. LeetCode--No.012 Integer to Roman

    12. Integer to Roman Total Accepted: 71315 Total Submissions: 176625 Difficulty: Medium Given an int ...