从浏览器下载表格数据为Excel的两种实现方法-世界杯是几号-2018世界杯决赛_世界杯预选赛在线观看

一、使用说明

实际开发运用过程中，往往需要将页面上的一些表格数据生成Excel供用户下载使用，根据不同的需求，此处整理了两种方式：（两种方式浏览器都可直接提示下载或保存文件）

方式一：

1、需求：

生成的Excel跟页面上格式、数据、字段完全一样，且表格无多余操作控件（如下拉框等），并使用IE浏览器。

2、思路：

利用IE浏览器的ActiveX控件，借助剪贴板工具控件，直接将数据粘贴成为Excel。本质就是复制粘贴，要保证IE浏览器设置里的ActiveX控件启用，以及允许对剪贴板进行编程访问。

3、优缺点：

优点：快捷、方便、即使表格数据量很大也能秒生成，完整保留表格样式；

缺点：使用条件苛刻，且只满足单一的对数据的复制粘贴。

方式二：

1、需求

需要对数据进行处理、计算、并对Excel的字段、样式进行个性化设置。

2、思路：

对表单数据进行封装处理，传到后台（或从后台数据库读取），拿到数据后根据需求进行计算处理，然后利用org.apache.poi.jar对将数据按照个性化写入Excel。（注：Apache POI 是用Java编写的免费开源的跨平台的 Java API，Apache POI提供API给Java程式对Microsoft Office格式档案读和写的功能。）

3、优缺点：

优点：可对数据进行后台读取、计算处理、对Excel进行个性化设置、可扩展性强；

缺点：生成速度慢、开发工作量相对大。

二、代码演示：

方式一：在做好相关设置后，直接调用如下代码就可下载表格：

//导出

$("#export").click(function() {

/**thead的id**/

//var tHeadId = "tableHead";

//**tbody的id**//

//var tBodyId = "dataView";

//expStatisticsForm(tHeadId, tBodyId);

var elTable = document.getElementById("exportTable");

try{

var oRangeRef = document.body.createTextRange();

oRangeRef.moveToElementText( elTable );

oRangeRef.execCommand( "Copy" );

var appExcel = new ActiveXObject( "Excel.Application" );

appExcel.Visible = true;

appExcel.Workbooks.Add().Worksheets.Item(1).Paste();

appExcel = null;

}catch (e) {

window.parent.parent.layerAlert("提示", "要在项目中使用Excel，您必须安装微软Office Excel或者金山WPS，同时浏览器须允许执行ActiveX控件（使用IE浏览器）！");

return ;

}

});

其中，“exporttTable”为需要导出的表格的ID。

方式二：此情况又分为两种情况：（实际是请求和参数传递的差异）

1、参数少，数据从后台数据库读取，字段、列宽等后台给定。

直接使用get请求：window.location.href= webCfg.servePath + "/mbgl/fileDownload/"+id 到后台下载，其中webCfg.servePath为服务根目录，id为传递的参数，后台拿到ID再根据需求取得数据处理生成Excel。

2、参数多，数据量大，（如：前端传入表数据、指定表字段、Excel样式）

此种情况采用隐藏表单发送post请求的方式：

前端具体实现如下（实际开发案例）：

/**导出表单的内容为Excel**/

function exportExcel(){

var title = $("#title").val().trim();//标题

var sheetName = "绩效考核表";//sheet名

//表头信息

var tableHeads = [];

var headTr = $("#itemTable tr:eq(2)");

$(headTr).children('th').each(function(j){

if(j==0){

tableHeads.push("序号");

}else{

tableHeads.push($(this).text());

}

});

var tdWidths = ["50","100","100","100","100","150","100","100","150"];//列宽

var colKeys = ["num","orgName","unitName","targetName","rule","content","score","propUnitName","remark"];//表字段对应实体类的字段

//封装表格数据

var dataList = [];

var dataTrLength = $("#itemTable tr").length;

if(dataTrLength>3){//有数据

for(var i= 3;i

var dataItem = {};

dataItem.num = i-2;

var thisTr = $("#itemTable tr:eq("+i+")");

dataItem.orgName = $(thisTr).find("input[name='orgName']").val().trim();//单位名称

dataItem.unitName = $(thisTr).find("input[name='unitName']").val().trim();//部门名称

dataItem.targetName = $(thisTr).find("input[name='targetName']").val().trim();//姓名

dataItem.rule = $(thisTr).find("input[name='rule']").val().trim();//考核条款

dataItem.content = $(thisTr).find("textarea[name='content']").val().trim();//考核事项

dataItem.score = $(thisTr).find("input[name='score']").val().trim();//考核分值

dataItem.propUnitName = $(thisTr).find("input[name='propUnitName']").val().trim();//提出部门

dataItem.remark = $(thisTr).find("textarea[name='remark']").val().trim();//备注

dataList.push(dataItem);

};

dataList = JSON.stringify(dataList);

//利用隐藏表单发送请求下载Excel

var form = $("

");

form.attr('style', 'display:none');

form.attr('target', '');

form.attr('method', 'post');

form.attr('action', webCfg.servePath + "/pc/jxkh/exportExcel");

var input1 = $('');

input1.attr('type', 'hidden');

input1.attr('name', 'title');

input1.attr('value', title);

var input2 = $('');

input2.attr('type', 'hidden');

input2.attr('name', 'sheetName');

input2.attr('value', sheetName);

var input3 = $('');

input3.attr('type', 'hidden');

input3.attr('name', 'tableHeads');

input3.attr('value', JSON.stringify(tableHeads));

var input4 = $('');

input4.attr('type', 'hidden');

input4.attr('name', 'tdWidths');

input4.attr('value', JSON.stringify(tdWidths));

var input5 = $('');

input5.attr('type', 'hidden');

input5.attr('name', 'colKeys');

input5.attr('value', JSON.stringify(colKeys));

var input6 = $('');

input6.attr('type', 'hidden');

input6.attr('name', 'dataList');

input6.attr('value', dataList);

$('body').append(form);

form.append(input1);

form.append(input2);

form.append(input3);

form.append(input4);

form.append(input5);

form.append(input6);

form.submit();

form.remove();

};

封装时注意input的value只能装字符串，对于对象可转换为字符串到后台再转换回对象。

Controller实现如下：

/**

Title: exportExcel

Description: 下载表单到Excel

* @param request

* @throws IOException

* @throws JsonMappingException

* @throws JsonParseException

@RequestMapping(value = "/exportExcel", method = RequestMethod.POST)

public void exportExcel(HttpServletRequest request, HttpServletResponse response) throws JsonParseException,

JsonMappingException, IOException {

String title = request.getParameter("title");//标题

String sheetName = request.getParameter("sheetName");//sheet名

String tableHeadsStr = request.getParameter("tableHeads");//表头

String[] tableHeads = tableHeadsStr.substring(2, tableHeadsStr.length() - 2).split("\",\"");

String tdWidthsStr = request.getParameter("tdWidths");//列宽

String[] tdWidths = tdWidthsStr.substring(2, tdWidthsStr.length() - 2).split("\",\"");

String colKeysStr = request.getParameter("colKeys");//数据对应实体字段

String[] colKeys = colKeysStr.substring(2, colKeysStr.length() - 2).split("\",\"");

String dataStr = request.getParameter("dataList");//JSON数据字符串

//json字符串转对象集合

List dataList = new ArrayList();

if (StringUtils.isNotEmpty(dataStr)) {

JsonMapper jsonMapper = JsonMapper.buildNonDefaultMapper();

dataList = jsonMapper.getMapper().readValue(dataStr, new TypeReference>() {

});

}

//调用工具下载Excel

ExportExcelUtil.ExportExcel(title, sheetName, tableHeads, colKeys, tdWidths, dataList, request, response);

}

这里数据由前端传入，当然也可以获取到前端传入的参数后从后台数据库获取数据进行处理。

ExportExcelUtil工具封装如下：

import java.io.ByteArrayInputStream;

import java.io.ByteArrayOutputStream;

import java.io.IOException;

import java.io.InputStream;

import java.io.OutputStream;

import java.lang.reflect.Method;

import java.net.URLEncoder;

import java.util.List;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import org.apache.poi.hssf.usermodel.HSSFCell;

import org.apache.poi.hssf.usermodel.HSSFCellStyle;

import org.apache.poi.hssf.usermodel.HSSFFont;

import org.apache.poi.hssf.usermodel.HSSFRow;

import org.apache.poi.hssf.usermodel.HSSFSheet;

import org.apache.poi.hssf.usermodel.HSSFWorkbook;

import org.apache.poi.ss.util.CellRangeAddress;

/**

* Title: ExportExcelUtil

* Description:导出下载Excel的工具类

* @author liuc

* @date 2019年1月10日

public class ExportExcelUtil {

private static HSSFWorkbook workbook;

private static HSSFSheet sheet;

/**

* Title: ExportExcel

* Description:导出Excel的方法

* @param title

* 标题

* @param tableHeads

* 表头数组

* @param colWidths

* 列宽数组

* @param dataList

* 数据集合

* @throws IOException

public static void ExportExcel(String title, String sheetName, String[] tableHeads, String[] colKeys,

String[] colWidths, List