前端必读：如何在 JavaScript 中使用SpreadJS导入和导出 Excel 文件

avaScript在前端领域占据着绝对的统治地位，目前更是从浏览器到服务端，移动端，嵌入式，几乎所有的所有的应用领域都可以使用它。技术圈有一句很经典的话“凡是能用JavaScript实现的东西，最后都会用JavaScript实现”。

Excel 电子表格自 1980 年代以来一直为各行业所广泛使用，至今已拥有超过3亿用户，大多数人都熟悉 Excel 电子表格体验。许多企业在其业务的各个环节中使用了 Excel 电子表格进行数据管理。

作为全球领先的软件开发技术和低代码平台提供商，葡萄城专注开发技术和工具已经长达四十余年，一直以来引领着国内控件技术和数据分析工具的发展。SpreadJS表格控件作为葡萄城的核心产品，能够完美兼容 Excel 的功能和使用体验并高度匹配在线办公场景的需求。

SpreadJS可以为我们的Web应用提供更好的交互体验，以及更灵活的权限控制、数据整合、数据可视化、战略绩效测量 (SPM)、复杂的统计分析等。多年来，Excel 兼容性一直是SpreadJS最重要的功能之一。

SpreadJS 提供了熟悉的 Excel 电子表格界面。用户可以通过SpreadJS直接在页面端导入和导出 Excel 文件——这一切无需依赖 Excel。

在本博客中，我们将介绍如何按照以下步骤在 JavaScript 中，实现页面端电子表格导入/导出到 Excel：

1. 设置 JavaScript 电子表格项目

2. 添加 Excel 导入代码

3. 将数据添加到导入的 Excel 文件

4. 添加迷你图

5. 添加 Excel 导出代码

设置 JavaScript 电子表格项目

首先，我们可以使用托管在 NPM 上的 SpreadJS 文件。为此，我们可以使用命令行参数进行安装。打开命令提示符并导航到应用程序的位置。在那里，您可以使用一个命令安装所需的文件。

在这种情况下，我们需要基本的 Spread-Sheets 库、Spread-ExcelIO 和 jQuery：

npm i @grapecity/spread-sheets @grapecity/spread-excelio jquery

SpreadJS 不依赖于 jQuery，但在这种情况下，我们使用它来提供简单的跨域请求支持，稍后我们将对其进行回顾。

一旦安装了这些，我们就可以在我们的代码中添加对这些脚本和 CSS 文件的引用：

<!DOCTYPE html>
<html>
<head>
<title>SpreadJS ExcelIO</title>
<script src="./node_modules/jquery/dist/jquery.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2014-11-29/FileSaver.min.js"></script>

<link href="./node_modules/@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./node_modules/@grapecity/spread-sheets/dist/gc.spread.sheets.all.min.js"></script>
<script type="text/javascript" src="./node_modules/@grapecity/spread-excelio/dist/gc.spread.excelio.min.js"></script>

</head>
<body>
<div id="ss" style="height:600px; width :100%; "></div>
</body>
</html>

除了 SpreadJS 和 jQuery 文件之外，我们还需要导入 FileSaver 库，为了便于后续程序处理，SpreadJS默认提供完整的文件流，FileSaver库可以用来把文件流转成文件下载到本地。

然后我们可以在页面中添加一个脚本来初始化 Spread.Sheets 组件和一个 div 元素来包含它（因为 SpreadJS 电子表格组件使用了一个画布，这是初始化组件所必需的）：

<script type="text/javascript">
$(document).ready(function () {
var workbook = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
});
</script>
</head>
<body>
<div id="ss" style="height:600px ; width :100%; "></div>
</body>

添加 Excel 导入代码

我们需要创建一个客户端 ExcelIO 组件的实例，我们可以使用它来打开文件：

var excelIO = new GC.Spread.Excel.IO();

然后我们需要添加一个函数来导入文件。在此示例中，我们导入了一个本地文件，但您可以对服务器上的文件执行相同的操作。如果从服务器导入文件，您需要引用该位置。下面是一个输入元素的示例，用户可以在其中输入文件的位置：

<input type="text" id="importUrl" value="http://www.testwebsite.com/files/TestExcel.xlsx" style="width:300px" />

一旦你有了它，你可以直接在脚本代码中访问该值：

var excelUrl = $("#importUrl").val();

导入函数的以下代码使用“excelUrl”变量的本地文件：

function ImportFile() {
var excelUrl = "./test.xlsx";

var oReq = new XMLHttpRequest();
oReq.open('get', excelUrl, true);
oReq.responseType = 'blob';
oReq.onload = function () {
var blob = oReq.response;
excelIO.open(blob, LoadSpread, function (message) {
console.log(message);
});
};
oReq.send(null);
}
function LoadSpread(json) {
jsonData = json;
workbook.fromJSON(json);

workbook.setActiveSheet("Revenues (Sales)");
}

无论您是在服务器上还是在本地引用文件，都需要在 $(document).ready 函数内的脚本中添加以下内容：

$(document).ready(function () {
$.support.cors = true;
workbook = new GC.Spread.Sheets.Workbook(document.getElementById("ss"));
//...
});

在这种情况下，我们需要启用 Cross-Origin-Request-Support，因为我们可能会从 URL 加载文件。因此 $.support.cors = true;行，否则尝试加载它会导致 CORS 错误。

将数据添加到导入的 Excel 文件

我们使用本教程的“损益表”Excel 模板导入本地文件。

现在我们可以使用 Spread.Sheets 脚本在这个文件中添加另一个收入行。让我们在页面上添加一个按钮来执行此操作：

<button id="addRevenue">Add Revenue</button>

我们可以为该按钮的单击事件处理程序编写一个函数来添加一行并从前一行复制样式以准备添加一些数据。要复制样式，我们需要使用 copyTo 函数并传入：

1. 原始和目标行和列索引

2. 行数和列数

3. 样式的 CopyToOptions 值

document.getElementById("addRevenue").onclick = function () {
var sheet = workbook.getActiveSheet();
sheet.addRows(newRowIndex, 1);
sheet.copyTo(10, 1, newRowIndex, 1, 1, 29, GC.Spread.Sheets.CopyToOptions.style);
}

以下用于添加数据和 Sparkline 的脚本代码将包含在此按钮单击事件处理程序中。对于大部分数据，我们可以使用 setValue 函数。这允许我们通过传入行索引、列索引和值来在 Spread 中的工作表中设置值：

sheet.setValue(newRowIndex, 1, "Revenue 8");
for (var c = 3; c < 15; c++) {
sheet.setValue(newRowIndex, c, Math.floor(Math.random() * 200) + 10);
}

在 P 列中设置 SUM 公式以匹配其他行并为 Q 列设置百分比：

sheet.setFormula(newRowIndex, 15, "=SUM([@[Jan]:[Dec]])")
sheet.setValue(newRowIndex, 16, 0.15);

最后，我们可以再次使用 copyTo 函数将先前行中的公式复制到 R 到 AD 列的新行，这次使用 CopyToOptions.formula：

sheet.copyTo(10, 17, newRowIndex, 17, 1, 13, GC.Spread.Sheets.CopyToOptions.formula);

添加迷你图

现在，我们可以添加迷你图来匹配其他数据行。为此，我们需要提供一系列单元格以从中获取数据以及迷你图的一些设置。在这种情况下，我们可以指定：

1. 单元格的范围，我们只是将数据添加到

2. 使迷你图看起来像同一列中的其他迷你图的设置

var data = new GC.Spread.Sheets.Range(11, 3, 1, 12);
var setting = new GC.Spread.Sheets.Sparklines.SparklineSetting();
setting.options.seriesColor = "Text 2";
setting.options.lineWeight = 1;
setting.options.showLow = true;
setting.options.showHigh = true;
setting.options.lowMarkerColor = "Text 2";
setting.options.highMarkerColor = "Text 1";

之后，我们调用 setSparkline 方法并指定：

1. 迷你图的位置

2. 数据的位置

3. 迷你图的方向

4. 迷你图的类型

5. 我们创建的设置

sheet.setSparkline(11, 2, data, GC.Spread.Sheets.Sparklines.DataOrientation.horizontal, GC.Spread.Sheets.Sparklines.SparklineType.line, setting);

如果您现在尝试运行代码，它可能看起来有点慢，因为每次更改数据和添加样式时工作簿都会重新绘制。为了显着加快速度并提高性能，Spread.Sheets 提供了暂停绘画和计算服务的能力。让我们在添加一行及其数据之前添加代码以暂停两者，然后在之后恢复两者：

workbook.suspendPaint();
workbook.suspendCalcService();
//...
workbook.resumeCalcService();
workbook.resumePaint();

添加该代码后，我们可以在 Web 浏览器中打开该页面，并查看 Excel 文件加载到 Spread.Sheets 中并添加了收入行。重要提示：请记住，出于安全考虑，Chrome 不允许您打开本地文件，因此您需要使用 Firefox 等网络浏览器才能成功运行此代码。或者，从网站 URL 加载文件应该可以在任何浏览器中正常打开。

添加 Excel 导出代码

最后，我们可以添加一个按钮来导出包含添加行的文件。为此，我们可以使用 Spread.Sheets 中内置的客户端 ExcelIO 代码：

function ExportFile() {
var fileName = $("#exportFileName").val();
if (fileName.substr(-5, 5) !== '.xlsx') {
fileName += '.xlsx';
}
var json = JSON.stringify(workbook.toJSON());

excelIO.save(json, function (blob) {
saveAs(blob, fileName);
}, function (e) {
if (e.errorCode === 1) {
alert(e.errorMessage);
}
});
}

该代码从 exportFileName 输入元素获取导出文件名。我们可以定义它并让用户像这样命名文件：

<input type="text" id="exportFileName" placeholder="Export file name" value="export.xlsx" />

然后我们可以添加一个按钮来调用这个函数：

<button id="export">Export File</button>
document.getElementById("export").onclick = function () {
ExportFile();
}

添加收入行后，您可以使用“导出文件”按钮导出文件。确保添加 FileSaver 外部库以允许用户将文件保存在他们想要的位置：

<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2014-11-29/FileSaver.min.js"></script>

成功导出文件后，您可以在 Excel 中打开它，并查看文件与导入时的外观相同，只是现在我们添加了额外的收入行。

这只是一个示例，说明如何使用 SpreadJS JavaScript 电子表格将数据添加到 Excel 文件，然后使用简单的 JavaScript 代码将它们导出回 Excel。

DF转WORD为什么是历史难题

PDF 转Word 是一个非常非常普遍的需求，可谓人人忌危，为什么如此普遍的需求，却如此难行呢，还得看为什么会有这样的一个需求。

PDF文档遵循iOS32000的规范是由Adobe 公司推出的文档格式，之所以应用如此广泛，是因为PDF精确定位了每个字符的坐标、根据坐标绘制的各种形状，使用PDF格式传输和打印文档可以保证格式的一致性，然后很多PDF文件是可用于阅读，展示，打印，但编辑起来是非常困难，如格式调整，文字修改，样式调整等，那么就衍生了PDF 转Word这一历史性的需求，但因为两者之间采用的编码规范以及布局机制的完全不一致，导致转换起来会非常复杂，一般的工具不是格式错乱，就是内容错乱，很难达到客户的原生期望。

其难点在于建立从PDF基于元素位置的格式到Word基于内容的格式的映射。PDF文档实际并不存在段落、表格的概念，PDF转Word要做的就是将PDF文档中“横、竖线条围绕着文本”解析为Word的“表格”，将“文本及下方的一条横线”解析为“文本下划线”，等等。

两个工具两套规则，自古以来两个工具之间的兼容转换，除非是为一家所有，会有通用的标准和接口预留，达到很好的兼容性，但 Adobe和微软都是巨大的科技企业，且两款软件功能都是非常强大且覆盖面全，要做到完美的匹配所有规则更是非常苦难。

对于报表用户来说，很多用户会将报表理解为报告，报告自然会联想到Word，那么就很希望在页面中展示的内容能够成 Word 文件来进行存档，编辑等作用。

ActiveReportsJS 是一款前端的报表开发工具，不与后端关联，因此想要将展示的HTML 生成Word，研发团队经过一些调研发现整个过程会非常复杂非常困难，正如他们反馈：“不是一个sprint能解决的问题”，就PDF.js 背后都有强大的Mozilla支撑，更何况Word文档是依托微软的Office开发组件去生成的。

但在实际接触客户的时候，许多用户都会来询问相关内容包括如何用报表设计类似审批表、人事履历表、检测报告等很常见的Word报告。用户对结果都比较满意，但唯一用户不满的是报表结果只能生成pdf。这是传统，这也是核心需求，也是痛点。

本葡萄就有些很着急，于是不信这个邪，在前端工具如此丰富的情况下，竟没有一个这样可用的工具？

开始搜索，打开google，榨干全部脑汁的词汇量输入了我需要的关键词，搜索到了以下结果。

乍一看，第一条完全吻合，Node.js 虽说是服务端也不是不可以接受，只要有方案即可。

使用cloudmersive-convert-api-client 实现任意文件格式的转换

看着非常有戏。

代码简单：

但仔细看看代码，果然老天在为我们送东西的时候都在背后的标好了价格：

心想如果可以，付费就付费吧，毕竟我们也是做付费商业软件的专业er，版权意识还是需要有的。

点击登录，用谷歌账号登陆成功后，即可在项目中引用cloudmersive-convert-api-client 安装包。

该JS 库提供了将近几十种的API及Class用于处理转换不同的格式文件：除了将PDF转Word外，还有其他发的文件格式转换，使用起来也是非常简单，

转换结果测评：

可以识别本地的PDF 文件，转换结果：

能够保证90%的格式和样式，达到要求
图片可直接导入
背景色无法保留
表格无法直接导入为Word的表格，只能作为但文本
页眉页脚信息无法直接导入为Word的页眉页脚，只作为文本
部分内容丢失

产品价格

因为整个转换API 只是CloudMersive 的一个API功能，整个产品还附加其他的安全检验等功能，因此产品是按月及并发数收费的。大家可自行搜索了解，不过他们网站倒是提供好了几个文件转换的工具非常好用，无需登录直接获取转换结果

尝试既然有PDF流直接暴力转换Word文档，可否？

通过搜索发现PDF对象流直接用JS 转换为Word 文件是非常困难的，而且经过验证ARJS 导出PDF 文件可以用Word软件打开，那么突然想到是否可以找一个中间件，将PDF流直接转换为doc或docx格式，但搜索一番，尝试之后，只是在.pdf前面加了document.docx.pdf

该方法尝试失败。

跟技术大咖聊了之后，才发现pdf和word虽然本质都是二进制流，但内部的声明等都是各自文件特有的属性，因此不能直接转换，简而言之就是是什么文件流就只能保存什么文件流。且PDF 和 Word是两大技术公司背书，直接转换得用专业的工具，因此此路不通。

曲线救Coder: HTML 转换PDF 大工将成？

于是乎，退而求其次，HTML 是万能的，HTML 可以转万物， HTML 转PDF， HTML 转图片，HTML 转Excel等等等，那么 ActiveReportsJS 提供了可将报表导出为HTML 文件且格式完全一致，那么方法来了，我直接使用HTML 转 Word不是更方便些？Google搜索果然此类资料比PDF 转Word多了百倍，而且看代码也是操作非常简单：

只需3步骤：

1、将报表导出HTML

  var pageReport = new ARJS.PageReport();
            pageReport.load('./BandedReport.rdlx-json')
                .then(function() { return pageReport.run() })
                .then(function(pageDocument) { return HTMLExport.exportDocument(pageDocument) })

2、加工HTML 代码增加office 标记

  var header = "<html xmlns:o='urn:schemas-microsoft-com:office:office' "+
            "xmlns:w='urn:schemas-microsoft-com:office:word' "+
            "xmlns='http://www.w3.org/TR/REC-html40'>"
                  let reg=/<html>/;
                
                  console.log(reg.test(htmlcode));
                 var test= htmlcode.replace(reg,header);
                 var sourceHTML='data:application/vnd.ms-word;charset=utf-8,'+encodeURIComponent(test);

3、创建 a 标签，直接下载 doc格式

   var fileDownload = document.createElement("a");
       document.body.appendChild(fileDownload);
       fileDownload.href = sourceHTML;
       fileDownload.download = 'document.doc';
       fileDownload.click();
       document.body.removeChild(fileDownload);

看看结果：效果很Nice

转换结果测评：

样式丢失，包括字体颜色，背景色，形状
图像丢失
表格可以直接导入为Word表格
图标保留

4.总结

两种转化结果总结如下：

通过一番尝试也算是有一个Workaround，考虑到报告类的报表一般以文本内容为主，样式也比较朴素，所以使用html到Word转换不失为一个快速简洁的方法，大部分需要保存为Word 还是为了进行二次编辑。本葡萄也在努力寻找HTML 转Word 样式保留的方法，有新的进展会给大家更新第二篇。

转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。微信公众号：“葡萄城社区”。

Wiki百科：PDF介绍
Wiki 百科：Word介绍
pdf.js analog for Word Documents
纯前端报表控件 ActiveReportsJS

oi框架 framework-poi

> 简单、好用且轻量级的海量excel，csv文件导入导出解决方案。解决火狐浏览器中文编码问题。

> 注：excel的合并功能及复杂功能，使用代码实现比较复杂，框架只提供单行的导入导出。

如何使用？

引入Maven依赖或下载jar包

 <dependency>
 <groupId>com.github.fartherp</groupId>
 <artifactId>framework-poi</artifactId>
 <version>3.0.4</version>
 </dependency>

CSV常用例子：

 CSVRead.read(CSVReadTest.class.getResourceAsStream("/a.csv"), new CSVReadDeal<CsvReadDto>() { 
 // 单条数据处理（每一行对应一个javabean）
 public CsvReadDto dealBean(String[] arr) {
 CsvReadDto dto = new CsvReadDto();
 dto.setId(Long.valueOf(arr[0]));
 dto.setName(arr[1]);
 dto.setAge(Integer.valueOf(arr[2])); 
 return dto;
 } 
 // 批量数据处理（可以批量入库）
 public void dealBatchBean(List<CsvReadDto> list) {
 Assert.assertEquals("name1";, list.get(0).getName());
 Assert.assertEquals("name2", list.get(1).getName());
 Assert.assertEquals("name3", list.get(2).getName());
 } 
 // 批量加载多少数据，统一处理（默认1000）
 public int getBatchCount() { 
 return super.getBatchCount();
 } 
 // 从第几行开始加载（默认跳过第一行）
 public int skipLine() { 
 return super.skipLine();
 }
 });

2.CSV文件导出：

 String filename = "TEST";
 String[] title = SheetsTitlesEnum.USER_LOGIN_LOG.getTitle();
 List<String[]> bodyList = new ArrayList<>();
 CsvUtil.writeCsvFile(filename, title, bodyList);

3.浏览器下载CSV文件：

 HttpServletResponse response = null;
 HttpServletRequest request = null;
 String filename = "TEST";
 String[] title = SheetsTitlesEnum.USER_LOGIN_LOG.getTitle();
 List<String[]> bodyList = new ArrayList<>();
 CsvUtil.writeCsvFile(response, request, filename, title, bodyList);

Excel常用例子：

1.Excel文件导入：

 ExcelRead.read(ExcelReadTest.class.getResourceAsStream("/a.xls"), new ExcelReadDeal<ExcelReadDto>() { 
 // 单条数据处理（每一行对应一个javabean）
 public ExcelReadDto dealBean(Row row) {
 ExcelReadDto dto = new ExcelReadDto();
 dto.setId(new BigDecimal(row.getCell(0).toString()).longValue());
 dto.setName(row.getCell(1).toString());
 dto.setAge(Integer.valueOf(row.getCell(2).toString())); 
 return dto;
 } 
 // 批量数据处理（可以批量入库）
 public void dealBatchBean(List<ExcelReadDto> list) {
 Assert.assertEquals("name1", list.get(0).getName());
 Assert.assertEquals("name2", list.get(1).getName());
 Assert.assertEquals("name3", list.get(2).getName());
 } 
 // 批量加载多少数据，统一处理（默认1000）
 public int getBatchCount() { 
 return super.getBatchCount();
 } 
 // 从第几行开始加载（默认跳过第一行）
 public int skipLine() { 
 return super.skipLine();
 }
 });

2.Excel文件导出：

 String[] title = new String [6];
 title[0] = "登录时间";
 title[1] = "用户名";
 title[2] = "访问端";
 title[3] = "版本系统";
 title[4] = "登录IP";
 title[5] = "状态";
 String fileName = "D:\\style1.xls";
 FileExcelWrite.<ExcelDto>build(title, fileName)
 .setLargeDataMode(false)
 .deal(obj -> {
 String[] result = new String[6];
 result[0] = obj.getTime();
 result[1] = obj.getName();
 result[2] = obj.getClient();
 result[3] = obj.getVersion();
 result[4] = obj.getIp();
 result[5] = obj.getStatus() + ""; 
 return result;
 })
 .list(ExcelWriteStyleTest.getList())// 默认情况下导出数据达到excel最大行，自动切换sheet，（xlsx=1048576，xls=65536）
 .list(ExcelWriteStyleTest.getList1())
 .write();

3.Excel文件导出（风格，可以自定义风格）：

 Map<String, Object> map = new HashMap<>();
 map.put("quoteCurrency", "ETH");
 map.put("symbol", "USDT_ETH");
 map.put("startTime", "2019-01-09 00:00:00");
 map.put("endTime", "2019-01-09 12:00:00");
 String fileName = "D:\\styleInputStream.xls";
 FileExcelWrite.<ExcelDto>build(this.getClass().getResourceAsStream("/c.xls"), fileName)
 .additional(map)
 .deal(new WriteDeal<ExcelDto>() { 
 public String[] dealBean(ExcelDto obj) {
 String[] result = new String[3];
 result[0] = obj.getId() + "";
 result[1] = obj.getName();
 result[2] = obj.getAge() + ""; 
 return result;
 } 
 public int skipLine() { 
 return 4;
 }
 })
 .list(getList())
 .write();

4.浏览器下载Excel文件：

 String[] title = new String [6];
 title[0] = "登录时间";
 title[1] = "用户名";
 title[2] = "访问端";
 title[3] = "版本系统";
 title[4] = "登录IP";
 title[5] = "状态";
 String fileName = "D:\\style1.xls";
 HttpServletResponseExcelWrite.<ExcelDto>build(title, fileName, request, response)
 .setLargeDataMode(false)
 .deal(obj -> {
 String[] result = new String[6];
 result[0] = obj.getTime();
 result[1] = obj.getName();
 result[2] = obj.getClient();
 result[3] = obj.getVersion();
 result[4] = obj.getIp();
 result[5] = obj.getStatus() + ""; 
 return result;
 })
 .list(ExcelWriteStyleTest.getList())// 默认情况下导出数据达到excel最大行，自动切换sheet，（xlsx=1048576，xls=65536）
 .list(ExcelWriteStyleTest.getList1())
 .write();

公告模块框架 framework-common

包括各种util，例如:日期DateUtil，BigDecimalUtil等等

压缩框架 framework-compress

提供各种压缩方式
1.bzip2
2.gzip
3.jar
4.tar
5.zip
6.zlib
7.shell命令(gzip，targz)

核心框架 framework-core

1.整合easyui分页功能
2.验证码
3.整合easyui树结构
4.统一前端请求后的返回参数
5.发送邮件，包括html邮件

db操作框架 framework-database

封装操作数据库的基本操作（增删改查）

异常体系框架 framework-exception

1.mysql数据库返回的错误信息，转成可识别信息
2.oracle数据库返回的错误信息，转成可识别信息
3.通用的异常返回的错误信息，转成可识别信息

文件处理框架 framework-file

1.ftp
2.nfs

net框架 framework-net

1.ftp
2.sftp

poi框架 framework-poi

1.csv读取及下载
2.excel读取

加密解密框架 framework-security

1.不可逆:base64，MD5
2.对称密钥:AES，DES，3DES
3.非对称密钥:RSA

framework-filter

1、支持切面过滤
2、和spring环境集成
 配置方式是：
 web.xml 
 <filter>
 <filter-name>frameworkFilter</filter-name>
 <filter-class>org.springframework.web.filter.DelegatingFilterProxy</filter-class>
 <init-param>
 <param-name>targetFilterLifecycle</param-name>
 <param-value>true</param-value>
 </init-param>
 </filter>
 <filter-mapping>
 <filter-name>frameworkFilter</filter-name>
 <url-pattern>/*</url-pattern>
 </filter-mapping>
 spring 配置文件
 <bean id="frameworkFilter" class="cn.vanskey.filter.web.FrameworkFilterFactoryBean">
 <property name="filters"> //过滤器配置
 <util:map>
 <entry key="myfilter">
 <bean class="com.zrj.pay.cashier.action.demo.MyFilter"/>
 </entry>
 </util:map>
 </property>
 <property name="filterChainDefinitions">
 <value>
 /** = myfilter //过滤器和路径的对应关系
 </value>
 </property>
 </bean>

关注后私信“FrameworkPoi”就会收到详细文档介绍，喜欢的关注下每天会推出更多技术精品。

在线咨询

上一篇：HTML的frame框架使用完整总结（web初学必看）
下一篇：Express 的使用

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

前端必读：如何在 JavaScript 中使用SpreadJS导入和导出 Excel 文件

设置 JavaScript 电子表格项目

添加 Excel 导入代码

将数据添加到导入的 Excel 文件

添加迷你图

添加 Excel 导出代码

DF转WORD为什么是历史难题

使用cloudmersive-convert-api-client 实现任意文件格式的转换

转换结果测评：

尝试既然有PDF流直接暴力转换Word文档，可否？

曲线救Coder: HTML 转换PDF 大工将成？

转换结果测评：

4.总结

oi框架 framework-poi

如何使用？

关注后私信“FrameworkPoi”就会收到详细文档介绍，喜欢的关注下每天会推出更多技术精品。

您的项目需求