jsp 导出excel 20251501编辑

Heaven helps those who help themselves
资深码农+深耕理财=财富自由
欢迎关注

jsp 导出excel

Created by Marydon on 2023-05-08 17:10

1.情景展示

如上图所示，该页面上的表格统计内容，需要增加一个导出功能，即：

将表格内容导出Excel当中。

如何实现？

2.具体分析

2.1传统解决方案

针对excel导出，有两种解决方式。

思路一：前端导出

如果仅仅是导出当前页数据的话，我们完全可以不与后台进行交互。

因为现有数据已经拿到了，只需要前端将HTML片段转成EXCEL文件，完成下载就可以了。

思路二：后端导出

由于前端往往展示的只是当前页的内容，而实际需求往往是，我们要导出所有符合查询条件的数据。

这样一来，我们就只能通过后端来生成EXCEL文件，并且，将该文件以流的形式返回给前端。

浏览器检测到，会自动下载服务器返回的excel文件。

2.2另辟蹊径

虽然JSP已经过时了，但是，对于全栈开发攻城狮来说，还是不错的选择。

如果你的页面使用的不是HTML而是JSP进行开发的话，我们完全可以使用JSP来实现数据转EXCEL的操作。

这样一来，就大大减轻了后端的工作量，也比较省心。

3.解决方案

前提：页面的展示使用JSP进行开发，而不是HTML。

具体实现流程如下：

JS代码

 //导出
function exportExcel(){
    var begin = document.getElementById("begindata").value;
    var end = document.getElementById("enddata").value;
    var myselect = document.getElementById("ORG_CODE");
    var orgcode = myselect.options[myselect.selectedIndex].value;
    var param = "begindata=" + begin +"&enddata=" + end + "&ORG_CODE=" + orgcode
    window.open(baseUrl + "/ycyl/xd/api/orgDateExcel.do?" + param, "_self");
}

页面导出按钮，调用该函数，使用js打开一个新的标签，发送获取数据的请求。

HTML代码

 <input id="exportButton" onmouseover="javascript:this.className='ButtonOver'" onmouseout="javascript:this.className='Button'"
    value="导出" class="Button" type="button" onclick="javascript:exportExcel()" />

Controller代码

 <action name="orgDataExcel" class="ycyl.web.actions.xd.XdApiAction" method="viewListOrgTsCount">
    <result name="success" type="dispatcher">/ycyl/xd/jk/statistics/orgExcel.jsp</result>
</action>

这里使用的是struts2当做控制层。

该请求经过后台调用viewListOrgTsCount()方法后，会自动转发到orgExcel.jsp页面。

JAVA代码（viewListOrgTsCount方法具体内部实现）

 public String viewListOrgTsCount() {
    try{
        Map map = WebUtils.getParameterMapWithPage();
        String ORG_CODE = map.get("ORG_CODE").toString();
        String[] ORG_CODES = ORG_CODE.split(",");	
        map.put("ORG_CODES", ORG_CODES);
        
        if(!map.get("enddata").toString().isEmpty() ){
            String begin = map.get("begindata").toString();
            String end = map.get("enddata").toString();
            map.put("begin", begin + " 00:00:00");
            map.put("abort", end + " 23:59:59");
        }
        
        List<Map> list = boXdApi.getOrgXDTsCount(map);
        // 返回的数据
        model.put("data", list);
        
        // 获取到Response对象
        HttpServletResponse response = WebUtils.getResponse();
        // 设置文件名
        String wjm = "orgcode.xls"; 
        // 告诉浏览器，返回的是.xls格式数据，以及文件的字符集
        response.setContentType( "application/vnd.ms-excel;charset=UTF-8");
        // 告诉浏览器，该文件的文件名
        response.setHeader("content-disposition","attachment; filename=" +wjm );
        
    } catch (Exception e) {
        this.code = -1;
        this.msg = e.getMessage();
        this.expMsg = getExceptionMessage(e);
        log.error(e.getMessage());
    }
    return "success";
}

JSP代码

 <%@page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<html>
    <head xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name=ProgId content=Excel.Sheet>
        <meta name=Generator content="Microsoft Excel 11">
        <link rel=File-List href="Book1.files/filelist.xml">
        <link rel=Edit-Time-Data href="Book1.files/editdata.mso">
        <link rel=OLE-Object-Data href="Book1.files/oledata.mso">
        <title>机构统计数据导出</title>
        <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
    </head>
    <body>
    	<table cellspacing="0" cellpadding="1" border="0" width="100%" height="100%">
    		<tbody>
    			<tr align="center">
					<td>医疗机构</td>
					<td>总数</td>
				</tr>
				<c:forEach var="row" items="${model.data}" varStatus="s">
				<tr align="center">
					<td>${row.ORGNAME}</td>
					<td>${row.COUNT}</td>
				</tr>
				</c:forEach>
    		</tbody>
    	</table>
    </body>
</html>

当控制层，跳转到orgExcel.jsp页面时，所携带的数据，会回填到该页面。

最后，经tomcat将jsp转servlet，响应给浏览器的将是html网页。

而，我们已经通过后台Response，告诉浏览器它是一个excel文件，浏览器将自动将该网页当做一个EXCEL文件来下载。

3.测试

我们来到页面上，点击导出按钮，浏览器会自动下载一个excel格式的文件。

我们打开它，如果你是用的微软的excel工具打开，就会报如下错误：

但是，如果使用的是WPS打开的话，不会报错。

点击“是” ，就能正常打开啦。

4.扩展

这个XLS格式的excel文件，其实是一个HTML网页。

我们一起来看一下。

选中刚才下载的该文件，右键使用Notepad++打开。

我们可以看到，这完全就是一个html网页。

只不过是将JSP相关的代码给剔除了（JSP-->SERVLET-->HTML）。

需要说明的有三点：

第一，关于JSP页面。

<HEAD>标签里面的内容，需要全部携带。

不要使用外部CSS样式，即使用了，导出的EXCEL文件，样式就是默认样式，因为在网页当中，它可以获取到服务器的外部样式文件，当你下载到本地后，将无法引用服务器的CSS文件。

使用纯粹的HTML标签和属性就可以了。

最简单的方式，就是：

只将<BODY>标签当中内容，删掉，替换成你的HTML片段就可以啦。

第二点，关于控制层。

如果，你不想在控制层添加response对象，也是可以的。

可以在JSP头部添加小脚本：

 <%
    response.setContentType("application/vnd.ms-excel;charset=UTF-8");
	response.setHeader("Content-disposition","attachment; filename=orgcode.xls");
%>

其实现效果是一样的。

第三，XLSX格式。

使用JSP导出EXCLE时，使用.XLSX格式的话，会出现什么情况呢？

 String wjm = "orgcode2.xlsx";
response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8");  
response.setHeader("content-disposition","attachment; filename=" +wjm );

微软将无法打开此文件。

虽然，XLSX无法用微软打开，但是，却可以使用WPS打开，真是奇哉怪也！

与君共勉：最实用的自律是攒钱，最养眼的自律是健身，最健康的自律是早睡，最改变气质的自律是看书，最好的自律是经济独立。

您的一个点赞，一句留言，一次打赏，就是博主创作的动力源泉！

↓↓↓↓↓↓写的不错，对你有帮助？赏博主一口饭吧↓↓↓↓↓↓

posted @ 2023-05-08 17:10 Marydon 阅读(1500) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· js 将table转成Excel

· java 导出excel示例（easyExcel）

· 使用js-xlsx实现文件的导出

· JS 前端导出Excel

· 纯js 导出excel表格,xmlns 方式，导出格式只能是xls

阅读排行：
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 提示词工程——AI应用必不可少的技术
· 字符编码：从基础到乱码解决
· 地球OL攻略 —— 某应届生求职总结

历史上的今天：
2019-05-08 exception java.lang.IndexOutOfBoundsException: Index: 0, Size: 0

jsp 导出excel 20251501编辑

Heaven helps those who help themselves
资深码农+深耕理财=财富自由
欢迎关注

jsp 导出excel

Created by Marydon on 2023-05-08 17:10

1.情景展示

2.具体分析

2.1传统解决方案

2.2另辟蹊径

3.解决方案

3.测试

4.扩展

公告

搜索

常用链接

最新随笔

我的标签

随笔分类

阅读排行榜

	//导出
	function exportExcel(){
	var begin = document.getElementById("begindata").value;
	var end = document.getElementById("enddata").value;
	var myselect = document.getElementById("ORG_CODE");
	var orgcode = myselect.options[myselect.selectedIndex].value;
	var param = "begindata=" + begin +"&enddata=" + end + "&ORG_CODE=" + orgcode
	window.open(baseUrl + "/ycyl/xd/api/orgDateExcel.do?" + param, "_self");
	}

	<input id="exportButton" onmouseover="javascript:this.className='ButtonOver'" onmouseout="javascript:this.className='Button'"
	value="导出" class="Button" type="button" onclick="javascript:exportExcel()" />

	<action name="orgDataExcel" class="ycyl.web.actions.xd.XdApiAction" method="viewListOrgTsCount">
	<result name="success" type="dispatcher">/ycyl/xd/jk/statistics/orgExcel.jsp</result>
	</action>

	public String viewListOrgTsCount() {
	try{
	Map map = WebUtils.getParameterMapWithPage();
	String ORG_CODE = map.get("ORG_CODE").toString();
	String[] ORG_CODES = ORG_CODE.split(",");
	map.put("ORG_CODES", ORG_CODES);

	if(!map.get("enddata").toString().isEmpty() ){
	String begin = map.get("begindata").toString();
	String end = map.get("enddata").toString();
	map.put("begin", begin + " 00:00:00");
	map.put("abort", end + " 23:59:59");
	}

	List<Map> list = boXdApi.getOrgXDTsCount(map);
	// 返回的数据
	model.put("data", list);

	// 获取到Response对象
	HttpServletResponse response = WebUtils.getResponse();
	// 设置文件名
	String wjm = "orgcode.xls";
	// 告诉浏览器，返回的是.xls格式数据，以及文件的字符集
	response.setContentType( "application/vnd.ms-excel;charset=UTF-8");
	// 告诉浏览器，该文件的文件名
	response.setHeader("content-disposition","attachment; filename=" +wjm );

	} catch (Exception e) {
	this.code = -1;
	this.msg = e.getMessage();
	this.expMsg = getExceptionMessage(e);
	log.error(e.getMessage());
	}
	return "success";
	}

	<%@page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
	<html>
	<head xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name=ProgId content=Excel.Sheet>
	<meta name=Generator content="Microsoft Excel 11">
	<link rel=File-List href="Book1.files/filelist.xml">
	<link rel=Edit-Time-Data href="Book1.files/editdata.mso">
	<link rel=OLE-Object-Data href="Book1.files/oledata.mso">
	<title>机构统计数据导出</title>
	<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
	</head>
	<body>
	<table cellspacing="0" cellpadding="1" border="0" width="100%" height="100%">
	<tbody>
	<tr align="center">
	<td>医疗机构</td>
	<td>总数</td>
	</tr>
	<c:forEach var="row" items="${model.data}" varStatus="s">
	<tr align="center">
	<td>${row.ORGNAME}</td>
	<td>${row.COUNT}</td>
	</tr>
	</c:forEach>
	</tbody>
	</table>
	</body>
	</html>

	<%
	response.setContentType("application/vnd.ms-excel;charset=UTF-8");
	response.setHeader("Content-disposition","attachment; filename=orgcode.xls");
	%>

	String wjm = "orgcode2.xlsx";
	response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8");
	response.setHeader("content-disposition","attachment; filename=" +wjm );

jsp 导出excel 20251501编辑

Heaven helps those who help themselves资深码农+深耕理财=财富自由欢迎关注

jsp 导出excel

Created by Marydon on 2023-05-08 17:10

1.情景展示

2.具体分析

2.1传统解决方案

2.2另辟蹊径

3.解决方案

3.测试

4.扩展

写在最后

相关推荐：

公告

搜索

常用链接

最新随笔

我的标签

随笔分类

阅读排行榜

Heaven helps those who help themselves
资深码农+深耕理财=财富自由
欢迎关注