冰雪飞扬 發表於 2022-10-20 15:02:00

React + Springboot + Quartz，从0实现Excel报表自动化

<h3 id="一项目背景">一、项目背景</h3>
<p>企业日常工作中需要制作大量的报表，比如商品的销量、销售额、库存详情、员工打卡信息、保险报销、办公用品采购、差旅报销、项目进度等等，都需要制作统计图表以更直观地查阅。但是报表的制作往往需要耗费大量的时间，即使复用制作好的报表模版，一次次周期性对数据的复制粘贴操作也很耗人，同时模版在此过程中也会逐渐变得面目全非。<br>
基于此，我们需要挖掘数据背后隐藏的关联信息，将人工的常规性操作抽离出来，使用工具和代码去实现，这个过程就称之为报表自动化。文内附前后端demo项目源码，家人们自行下载即可。</p>
<h3 id="二报表自动化的优势">二、报表自动化的优势</h3>
<p>报表自动化带来的价值有哪些呢？<br>
1、节省时间，提高效率<br>
身处信息爆炸的时代，任何一家企业都有体量庞大、结构复杂、各种各样的数据，多类数据交互融合，对其进行分析经常伴随着大量人力资源的消耗。自动化报表通过合理的设计，独立出各个业务功能模块，后续重复引用该模块，实现重复操作的代码复用。<br>
对于固定流程或逻辑的一些操作，计算机的执行速度是人力不可及的，为我们节省了时间，可以投入更有意义的工作。<br>
2、降低出错率<br>
人工操作总是受太多不可控因素影响，存在各种出错的潜在可能。与之相比，自动化意味着通过编码手段实现了持久化的逻辑、流程，经过重复的测试验证之后，便可完全信任该程序。在重复性的工作场景下机器产出的稳定性远高于人工操作。<br>
3、时效性高<br>
日报、周报、月报这种周期性的报表，人为操作很难控制时间的准确性，但是通过代码控制可以最大程度的保证其定点触发操作。</p>
<h3 id="三系统功能点">三、系统功能点</h3>
<ol>
<li>任务配置灵活：支持根据业务需求，通过界面操作控制任务的启停状态，任务对应生成的文件类型等。</li>
<li>报表模版设计自由：业务人员可根据对应任务配置的预览数据自定义报表模版，然后将其保存生效。</li>
<li>前端预览：支持从前端预览报表详情。</li>
<li>定时发送：定时生成报表文件并将其同步到微信群。</li>
<li>支持多种类型：支持Excel、PDF、图表等文件类型的报表格式。</li>
<li>数据自动抽取：动态读取数据库中的数据生成报表。</li>
<li>模版和数据独立存储：使用在线表格设计器编辑模版，存储时只保存模版，数据从数据库加载。</li>
</ol>
<h3 id="四方案设计">四、方案设计</h3>
<h4 id="1整体流程">1、整体流程</h4>
<p>报表自动化的起点是能对接数据源，期间能自动化的生成事先设计好格式的报表，最终通过企业微信自动推送消息。具体流程可以分为3个步骤：<br>
1.报表模版设计<br>
2.对接数据源：从数据库中读取数据，动态适配数据模版。<br>
3.自动化过程实现：利用定时任务，定时捞取数据，借助GcExcel生成对应类型的文件，通过对接企业微信的API，将文件同步到微信群。</p>
<h4 id="2技术栈">2、技术栈</h4>
<p>前端：react+spreadJs<br>
Demo地址：https://gcdn.grapecity.com.cn/forum.php?mod=attachment&amp;aid=MjM4NzkxfDFhNjNlYjc2fDE2NjYyNDUxMjZ8NjI2NzZ8OTk3MTg%3D<br>
后端：Java+GcExcel+mysql+Quartz<br>
Demo地址：<br>
https://gcdn.grapecity.com.cn/forum.php?mod=attachment&amp;aid=MjM4NzkyfGExOWYxNmQzfDE2NjYyNDUxMjZ8NjI2NzZ8OTk3MTg%3D</p>
<h4 id="3具体实现">3、具体实现</h4>
<h5 id="31-数据库表设计">3.1 数据库表设计</h5>
<p>note：此为测试demo，故没有创建主键索引之外的索引。<br>
3.1.1 任务配置列表 task_config<br>
依赖Quartz组件实现定时任务。读取任务配置表中启动状态的任务配置，按照任务类型读取对应数据源的增量更新数据。</p>
<table>
<thead>
<tr>
<th>字段名称</th>
<th>字段类型</th>
<th>字段含义</th>
<th>备注</th>
</tr>
</thead>
<tbody>
<tr>
<td>id</td>
<td>long</td>
<td>ID</td>
<td>自增主键</td>
</tr>
<tr>
<td>task_id</td>
<td>varchar</td>
<td>任务ID</td>
<td></td>
</tr>
<tr>
<td>task_type</td>
<td>varchar</td>
<td>任务类型</td>
<td>和任务内容对应，比如订单/物流单信息</td>
</tr>
<tr>
<td>task_name</td>
<td>varchar</td>
<td>任务名称</td>
<td></td>
</tr>
<tr>
<td>task_status</td>
<td>int</td>
<td>任务状态</td>
<td>1:启动   0:终止只有启动状态的配置才能生成任务信息</td>
</tr>
<tr>
<td>task_context</td>
<td>text</td>
<td>任务内容</td>
<td>模版信息，按照模版绑定数据源</td>
</tr>
<tr>
<td>save_type</td>
<td>char</td>
<td>保存类型</td>
<td>保存文件的类型 excel/PDF</td>
</tr>
<tr>
<td>time_span</td>
<td>int</td>
<td>执行任务的时间间隔</td>
<td>单位s。</td>
</tr>
<tr>
<td>operator</td>
<td>char</td>
<td>操作者</td>
<td>便于追溯</td>
</tr>
<tr>
<td>create_time</td>
<td>dateTime</td>
<td>创建时间</td>
<td></td>
</tr>
<tr>
<td>update_time</td>
<td>dateTime</td>
<td>更新时间</td>
<td></td>
</tr>
</tbody>
</table>
<pre><code>SQL
CREATE TABLE `task_config` (
    `id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '自增主键',
    `task_id` VARCHAR(64) NOT NULL DEFAULT '' COMMENT '任务ID',
    `task_type` VARCHAR(64) DEFAULT NULL DEFAULT '' COMMENT '任务类型',
    `task_name` VARCHAR(128) NOT NULL DEFAULT '' COMMENT '任务名称',
    `task_status` TINYINT(4) NOT NULL DEFAULT 0 COMMENT '任务状态：1:启动   0:终止',
    `task_context` text COMMENT '任务模版信息',
    `time_span` TINYINT(4) NOT NULL DEFAULT 0 COMMENT '时间间隔，单位s',
    `operator` VARCHAR(64) NOT NULL DEFAULT '' COMMENT '操作人',
    `create_time` DATETIME DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
    `update_time` DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间',
    PRIMARY KEY (`id`) USING BTREE
)ENGINE=INNODB DEFAULT CHARSET=UTF8MB4 COMMENT='任务配置表';

</code></pre>
<p>3.1.2订单信息表 order<br>
订单相关数据源信息，对应订单类的报表任务。</p>
<table>
<thead>
<tr>
<th>字段名称</th>
<th>字段类型</th>
<th>字段含义</th>
<th>备注</th>
</tr>
</thead>
<tbody>
<tr>
<td>ID</td>
<td>long</td>
<td>自增ID</td>
<td></td>
</tr>
<tr>
<td>order_id</td>
<td>char</td>
<td>订单号</td>
<td></td>
</tr>
<tr>
<td>order_amount</td>
<td>decimal</td>
<td>订单金额</td>
<td></td>
</tr>
<tr>
<td>order_discount</td>
<td>decimal</td>
<td>订单优惠金额</td>
<td></td>
</tr>
<tr>
<td>shipping_fee</td>
<td>decimal</td>
<td>订单运费</td>
<td></td>
</tr>
<tr>
<td>receiver_name</td>
<td>varchar</td>
<td>下单人姓名</td>
<td></td>
</tr>
<tr>
<td>receiver_state</td>
<td>varchar</td>
<td>省</td>
<td></td>
</tr>
<tr>
<td>receiver_city</td>
<td>varchar</td>
<td>市</td>
<td></td>
</tr>
<tr>
<td>receiver_district</td>
<td>varchar</td>
<td>区</td>
<td></td>
</tr>
<tr>
<td>receiver_address</td>
<td>varchar</td>
<td>详细地址</td>
<td></td>
</tr>
<tr>
<td>create_time</td>
<td>dateTime</td>
<td>创建时间</td>
<td></td>
</tr>
<tr>
<td>update_time</td>
<td>dateTime</td>
<td>更新时间</td>
<td></td>
</tr>
</tbody>
</table>
<pre><code>SQL
CREATE TABLE `order` (
    `id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '自增主键',
    `order_id` VARCHAR(64) NOT NULL DEFAULT '' COMMENT '订单ID',
    `order_amount` DECIMAL DEFAULT NULL DEFAULT 0 COMMENT '订单金额',
    `order_discount` DECIMAL DEFAULT NULL DEFAULT 0 COMMENT '订单折扣金额',
    `shipping_fee` DECIMAL DEFAULT NULL DEFAULT 0 COMMENT '运费',
    `receiver_name` VARCHAR(64) NOT NULL DEFAULT '' COMMENT '收件人姓名',
    `receiver_state` VARCHAR(64) NOT NULL DEFAULT '' COMMENT '省',
    `receiver_city` VARCHAR(64) NOT NULL DEFAULT '' COMMENT '市',
    `receiver_district` VARCHAR(64) NOT NULL DEFAULT '' COMMENT '区',
    `receiver_address` VARCHAR(128) NOT NULL DEFAULT '' COMMENT '详细地址',
    `create_time` DATETIME DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
    `update_time` DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间',
    PRIMARY KEY (`id`) USING BTREE
)ENGINE=INNODB DEFAULT CHARSET=UTF8MB4 COMMENT='订单表';

</code></pre>
<p>3.1.3 发货单表 waybill<br>
发货单相关数据源信息，对应发货单类的报表任务。</p>
<table>
<thead>
<tr>
<th>字段名称</th>
<th>字段类型</th>
<th>字段含义</th>
<th>备注</th>
</tr>
</thead>
<tbody>
<tr>
<td>ID</td>
<td>long</td>
<td>自增ID</td>
<td></td>
</tr>
<tr>
<td>order_id</td>
<td>char</td>
<td>订单号</td>
<td></td>
</tr>
<tr>
<td>waybill_id</td>
<td>char</td>
<td>物流单号ID</td>
<td></td>
</tr>
<tr>
<td>express_sn</td>
<td>varchar</td>
<td>物流编号</td>
<td></td>
</tr>
<tr>
<td>express_name</td>
<td>varchar</td>
<td>物流公司</td>
<td></td>
</tr>
<tr>
<td>receiver_name</td>
<td>varchar</td>
<td>下单人姓名</td>
<td></td>
</tr>
<tr>
<td>receiver_state</td>
<td>varchar</td>
<td>省</td>
<td></td>
</tr>
<tr>
<td>receiver_city</td>
<td>varchar</td>
<td>市</td>
<td></td>
</tr>
<tr>
<td>receiver_district</td>
<td>varchar</td>
<td>区</td>
<td></td>
</tr>
<tr>
<td>receiver_address</td>
<td>varchar</td>
<td>详细地址</td>
<td></td>
</tr>
<tr>
<td>out_time</td>
<td>dateTime</td>
<td>发货时间</td>
<td></td>
</tr>
<tr>
<td>create_time</td>
<td>dateTime</td>
<td>创建时间</td>
<td></td>
</tr>
<tr>
<td>update_time</td>
<td>dateTime</td>
<td>更新时间</td>
<td></td>
</tr>
</tbody>
</table>
<pre><code>SQL
CREATE TABLE `waybill` (
    `id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '自增主键',
    `order_id` VARCHAR(64) NOT NULL DEFAULT '' COMMENT '订单ID',
    `waybill_id` VARCHAR(64) NOT NULL DEFAULT '' COMMENT '发货单ID',
    `express_sn` VARCHAR(128) DEFAULT NULL DEFAULT '' COMMENT '物流单号',
    `express_name` VARCHAR(64) DEFAULT NULL DEFAULT '' COMMENT '物流公司名称',
    `receiver_name` VARCHAR(64) NOT NULL DEFAULT '' COMMENT '收件人姓名',
    `receiver_state` VARCHAR(64) NOT NULL DEFAULT '' COMMENT '省',
    `receiver_city` VARCHAR(64) NOT NULL DEFAULT '' COMMENT '市',
    `receiver_district` VARCHAR(64) NOT NULL DEFAULT '' COMMENT '区',
    `receiver_address` VARCHAR(128) NOT NULL DEFAULT '' COMMENT '详细地址',
    `out_time` DATETIME DEFAULT CURRENT_TIMESTAMP COMMENT '发货时间',
    `create_time` DATETIME DEFAULT CURRENT_TIMESTAMP COMMENT '创建时间',
    `update_time` DATETIME DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP COMMENT '更新时间',
    PRIMARY KEY (`id`) USING BTREE
)ENGINE=INNODB DEFAULT CHARSET=UTF8MB4 COMMENT='发货单表';

</code></pre>
<h5 id="32-功能拆解">3.2 功能拆解</h5>
<p>1、前端实现<br>
前端使用React框架，嵌入了SpreadJS组件，初始化时从后端读取任务配置列表数据并展示。可从前端配置任务规则，主要是配置模版信息。</p>
<p>2、后端<br>
后端是一个SpringBoot项目，嵌入GcExcel组件对编辑、导出等操作，同时借助Quartz定时任务调度框架实现定时任务的管理，并接入了企业微信暴露的群机器人消息对接API，发送消息到企业微信群。<br>
定时任务调度框架quartz<br>
Quartz的三个核心概念：调度器、任务、触发器，三者之间的关系是：<br>
一个作业，比较重要的三个要素就是Scheduler，JobDetail，Trigger；而Trigger对于Job而言就好比一个驱动器，没有触发器来定时驱动作业，作业就无法运行；对于Job而言，一个Job可以对应多个Trigger，但对于Trigger而言，一个Trigger只能对应一个Job，所以一个Trigger只能被指派给一个Job；如果你需要一个更复杂的触发计划，可以创建多个Trigger并指派它们给同一个Job。</p>
<p><img src="https://img2022.cnblogs.com/blog/139239/202210/139239-20221020145833500-408783716.png" alt="" loading="lazy"></p>
<p>调度器的主要API</p>
<pre><code>Java
//绑定jobDetail与trigger
scheduler.scheduleJob(jobDetail, trigger);
//检查JobDetail是否存在
scheduler.checkExists(JobKey.jobKey(name, group))
//检查Trigger是否存在      
scheduler.checkExists(TriggerKey.triggerKey(name, group))
//删除jobDetail      
scheduler.deleteJob(JobKey.jobKey(name, group))
//立即执行一次指定的任务               
scheduler.triggerJob(JobKey.jobKey(name, group), dataMap)
//启动任务调度      
scheduler.start();      
//暂停指定的job         
scheduler.pauseJob(jobKey);   
//任务调度挂起，即暂停操作   
scheduler.standby();   
//关闭任务调度，同shutdown(false)   
scheduler.shutdown();   
//表示等待所有正在执行的Job执行完毕之后，再关闭Scheduler   
scheduler.shutdown(true);   
// 表示直接关闭Scheduler   
scheduler.shutdown(false);

</code></pre>
<p>定时任务出发规则：<br>
1、使用cron表达式 定时发送</p>
<pre><code>Java
Trigger trigger = TriggerBuilder.newTrigger()
      .withIdentity("trigger1", "group1")
      .withSchedule(CronScheduleBuilder.cronSchedule("0/5 * * * * ?"))// 日历
      .build();
</code></pre>
<p>2、使用simpleTrigger触发器<br>
为那种需要在特定的日期/时间启动，且以一个可能的间隔时间重复执行 n 次的 Job 所设计的。</p>
<pre><code>JavaScript
//立即开始执行，2秒执行一次，重复3次，3秒后结束执行（当重复次数或者结束时间有一个先达到时，就会停止执行）
Trigger trigger = TriggerBuilder.newTrigger()
                .withIdentity("trigger1", "triggerGroup1")
                .startNow()
                .withSchedule(SimpleScheduleBuilder.simpleSchedule().withIntervalInSeconds(2).withRepeatCount(3))
                .endAt(new Date(new Date().getTime() + 3000L))
                .build();

</code></pre>
<h3 id="五效果演示">五、效果演示</h3>
<h4 id="使用步骤说明">使用步骤说明：</h4>
<p>整个页面布局可以分为两大部分，上半部分为从数据库中读取的任务配置列表，下半部分为SpreadJS的Designer模块。在前端配置任务规则后，后端服务会读取具体的任务配置信息，调度任务进行生产。整个操作可以分为以下几个步骤：<br>
1)、读取任务配置数据到React表格中。<br>
2)、选中特定的任务配置项，读取对应数据源的数据到Worksheet中展示。<br>
3)、编辑报表任务模版并保存。<br>
由于json文件是存储在mysql数据库表中的一个字段中，若字段太大会导致溢出且影响性能，故仅保存样式，后端进行数据源动态查询去适配生成报表。<br>
一个完整的json对象示例如下所示：</p>
<pre><code>JSON
{"version":"15.0.2","sheetCount":1,"customList":[],"sheets":{"order":{"name":"order","isSelected":true,"rowCount":20,"columnCount":13,"frozenTrailingRowStickToEdge":true,"frozenTrailingColumnStickToEdge":true,"theme":"Office","data":{"defaultDataNode":{"style":{"themeFont":"Body"}}},"rowHeaderData":{"defaultDataNode":{"style":{"themeFont":"Body"}}},"colHeaderData":{"defaultDataNode":{"style":{"themeFont":"Body"}}},"columns":[{"name":"receiverName","displayName":"姓名","size":60,"visible":true},{"name":"orderAmount","displayName":"订单金额","size":80,"visible":true},{"name":"orderDiscount","displayName":"订单折扣","size":60,"visible":true}],"leftCellIndex":0,"topCellIndex":0,"selections":{"activeSelectedRangeIndex":-1,"length":0},"autoGenerateColumns":false,"rowOutlines":{"items":[]},"columnOutlines":{"items":[]},"cellStates":{},"states":{},"outlineColumnOptions":{},"autoMergeRangeInfos":[],"charts":[{"name":"Chart 1","x":4,"y":4,"width":480,"height":300,"startRow":0,"startRowOffset":4,"startColumn":0,"startColumnOffset":4,"endRow":15,"endRowOffset":4,"endColumn":7,"endColumnOffset":36,"isSelected":true,"typeName":"2","chartSpace":{"typeName":"chartSpace","roundedCorners":false,"chart":{"title":{"tx":{"rich":{"p":[{"elements":[{"elementType":0,"t":"Amount","rPr":{"latin":{"typeface":"+mn-lt"},"sz":18.67,"b":false,"solidFill":{"schemeClr":{"val":1,"lumMod":,"lumOff":}}}}],"pPr":{"defRPr":{"latin":{"typeface":"+mn-lt"},"sz":18.67,"b":false,"solidFill":{"schemeClr":{"val":1,"lumMod":,"lumOff":}}}},"endParaRPr":{}}],"bodyPr":{},"lstStyle":{}}},"overlay":false,"spPr":{"noFill":true,"ln":{"noFill":true},"effectLst":{}}},"autoTitleDeleted":false,"plotArea":{"axes":[{"axisType":0,"axId":59604390,"delete":false,"majorTickMark":2,"minorTickMark":2,"tickLblPos":2,"title":null,"axPos":0,"scaling":{"orientation":1},"spPr":{"ln":{"solidFill":{"schemeClr":{"val":1,"lumMod":,"lumOff":}}}},"numFmt":{"formatCode":"General"},"txPr":{"p":[{"elements":[{"elementType":0,"t":"","rPr":{"latin":{"typeface":"+mn-lt"},"sz":12,"b":false,"solidFill":{"schemeClr":{"val":1,"lumMod":,"lumOff":}}}}],"pPr":{"defRPr":{"latin":{"typeface":"+mn-lt"},"sz":12,"b":false,"solidFill":{"schemeClr":{"val":1,"lumMod":,"lumOff":}}}},"endParaRPr":{}}]},"auto":true,"lblOffset":0,"tickMarkSkip":1,"noMultiLvlLbl":true,"AxisGroup":0,"AxisType":0,"crosses":1,"crossAx":36407267},{"axisType":3,"axId":36407267,"delete":false,"majorTickMark":2,"minorTickMark":2,"tickLblPos":2,"title":null,"axPos":1,"scaling":{"orientation":1},"spPr":{"ln":{"solidFill":{"schemeClr":{"val":1,"lumMod":,"lumOff":}}}},"numFmt":{"formatCode":"General"},"txPr":{"p":[{"elements":[{"elementType":0,"t":"","rPr":{"latin":{"typeface":"+mn-lt"},"sz":12,"b":false,"solidFill":{"schemeClr":{"val":1,"lumMod":,"lumOff":}}}}],"pPr":{"defRPr":{"latin":{"typeface":"+mn-lt"},"sz":12,"b":false,"solidFill":{"schemeClr":{"val":1,"lumMod":,"lumOff":}}}},"endParaRPr":{}}]},"majorGridlines":{"spPr":{"ln":{"solidFill":{"srgbClr":{"val":}},"w":1},"effectLst":{}}},"AxisGroup":0,"AxisType":1,"crosses":1,"crossBetween":0,"crossAx":59604390}],"chartGroups":[{"chartType":6,"ser":[{"seriesType":0,"idx":0,"order":0,"cat":{"strRef":{"f":"order!$A$1:$A$2"}},"val":{"numRef":{"f":"order!$B$1:$B$2","numCache":{"formatCode":"General"}}},"shape":2,"invertIfNegative":false},{"seriesType":0,"idx":1,"order":1,"cat":{"strRef":{"f":"order!$A$1:$A$2"}},"val":{"numRef":{"f":"order!$C$1:$C$2","numCache":{"formatCode":"General"}}},"shape":2,"invertIfNegative":false}],"axId":,"barDir":1,"grouping":1,"gapWidth":150,"varyColors":false,"overlap":-27}],"spPr":{"noFill":true,"ln":{"noFill":true}}},"legend":{"legendPos":4,"spPr":{"noFill":true,"ln":{"noFill":true}},"txPr":{"p":[{"elements":[{"elementType":0,"t":"","rPr":{"latin":{"typeface":"+mn-lt"},"sz":12,"b":false,"solidFill":{"schemeClr":{"val":1,"lumMod":,"lumOff":}}}}],"pPr":{"defRPr":{"latin":{"typeface":"+mn-lt"},"sz":12,"b":false,"solidFill":{"schemeClr":{"val":1,"lumMod":,"lumOff":}}}},"endParaRPr":{}}]}},"plotVisOnly":true,"dispBlanksAs":1,"dispNaAsBlank":false},"spPr":{"solidFill":{"schemeClr":{"val":0}},"ln":{"solidFill":{"schemeClr":{"val":1,"lumMod":,"lumOff":}},"w":1}},"txPr":{"p":[{"elements":[{"elementType":0,"t":"","rPr":{"latin":{"typeface":"+mn-lt"},"b":false,"solidFill":{"schemeClr":{"val":1,"lumMod":,"lumOff":}}}}],"pPr":{"defRPr":{"latin":{"typeface":"+mn-lt"},"b":false,"solidFill":{"schemeClr":{"val":1,"lumMod":,"lumOff":}}}},"endParaRPr":{}}]}},"useAnimation":false}],"preserveUnsupportedChartFlag":false,"printInfo":{"paperSize":{"width":850,"height":1100,"kind":1}},"shapeCollectionOption":{"snapMode":0},"index":0}},"sheetTabCount":0,"pivotCaches":{},"i0c":0}

</code></pre>
<p>更多纯前端表格在线demo示例 :https://demo.grapecity.com.cn/spreadjs/gc-sjs-samples/index.html<br>
移动端示例（可扫码体验）：http://demo.grapecity.com.cn/spreadjs/mobilesample/</p>


</div>
<div id="MySignature" role="contentinfo">
    <hr>
<br>
<p style="font-size: 16px; font-family: 微软雅黑, 黑体, Arial; color: #000">本文是由葡萄城技术开发团队发布，转载请注明出处：葡萄城官网</p>
<!--p style="font-size: 16px; font-family: 微软雅黑, 黑体, Arial; color: #000">了解企业级低代码开发平台，请前往活字格
</p><p style="font-size: 16px; font-family: 微软雅黑, 黑体, Arial; color: #000">了解可嵌入您系统的在线 Excel，请前往SpreadJS纯前端表格控件</p>
<p style="font-size: 16px; font-family: 微软雅黑, 黑体, Arial; color: #000">了解嵌入式的商业智能和报表软件，请前往Wyn Enterprise
</p-->

<br><br><br>
来源：https://www.cnblogs.com/powertoolsteam/p/16809948.html
頁: [1]
查看完整版本: React + Springboot + Quartz，从0实现Excel报表自动化