(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202210874709.9 (22)申请日 2022.07.21 (71)申请人 武汉众邦银行股份有限公司 地址 432200 湖北省武汉市黄陂区盘龙城 经济开发区汉口北大道88号汉口北国 际商品交易中心D2区1-2层、 2 2-23层 (72)发明人 周迪迪　程峰　李耀　朱俊　彭磊　 (74)专利代理 机构 成都正煜知识产权代理事务 所(普通合伙) 51312 专利代理师 徐金琼 (51)Int.Cl. G06F 8/38(2018.01) G06F 8/36(2018.01) G06F 8/71(2018.01) G06F 16/2455(2019.01)G06F 16/25(2019.01) (54)发明名称 一种基于Springboot+vue框架的配置化报 表开发方法 (57)摘要 本发明涉及信息技术领域， 提供了一种基于 Springboot+vue框架的配置化报表开发方法。 本 发明的目的在于解决信贷及相关业务中， 前台及 中后台人员 各种繁琐 的数据查询及报表统计需 求。 为实现需求快速响应， 实轻量化报表开发， 简 化开发方式的同时降低实施成本。 本申请方案包 括基于Sp ringboot+vue框架， 介绍了一套报表开 发方法， 支持通过解析报表查询脚本， 将查询内 容一一映射到表单并在前台界面展示， 同时支持 表单配置化， 脱离复杂的逻辑代码开发， 只通过 表单模板配置加简单的页面配置即可以快速实 现报表实施落 地。 权利要求书3页 说明书8页 附图2页 CN 115185520 A 2022.10.14 CN 115185520 A 1.一种基于Spri ngboot+vue框架的配置化报表开发方法， 其特 征在于， 步骤1： 定义报表显示界面xxReport.html， 建立xxReport.js， html支持浏览器显示， .js用来调用后台处 理方法； 步骤2： 配置表单excel， 定义配置表单的视图对象ReqVO<T>， 定义前台显示视图对象 RespVO， 通过有参数的表单对象ReqVO， 经过一系列处理得到前台展示的报表视图对象 RespVO； 步骤3： 定义报表服 务接口Repor tService， 定义视图方法view， 输出视图对象RespVO； 步骤4： 定义报表服务实现类Rep ortServiceImp l.java， 实现步骤3所述视图方法view， 输出视图对象RespVO； 步骤5： 定义接口xxReport， 参数： 方法调用路径， 重定义view方法， 输出RespVO视图对 象； 定义实现类x xReportImpl.java， 注入参数ReqVO<T>、 excel表单文件流， 实现view方法； 步骤6： 步骤1建立的xxReport.js触发调用报表实现类xxReportImpl.java， 实现报表 的界面展示。 2.根据权利要求1所述的一种基于Springboot+vue的配置化报表开发方法， 其特征在 于， 步骤1包括以下步骤： 步骤1.1： x xReport.html中引入样式库， 引用vuejs组件库， 引入 xxReport.js； 步骤1.2： xxRep ort.html中编写页面module， 包括报表类型、 筛选条件、 报表视模块、 报 表导出模块； 步骤1.3： x xReport.js中vue对象： 属性： module， 属性data： 报表类型， 报表类型分为固定报表、 详细报表； 过滤条件： 按照时间、 流水， 报表要素字段查询； 报表视图实现 路径。 3.根据权利要求1所述的一种基于Springboot+vue的配置化报表开发方法， 其特征在 于， 步骤2包括以下步骤： 步骤2.1： 配置表单 excel， 包括配置she et页和明细she et页， 配置页包含报表名称、 表头行区间、 数据展示行、 数据表尾行、 数据总列数、 查询 sq1脚 本； 明细页是配置具体需要的报表样式、 显示数据对应参数； 步骤2.2： 定义表单的视图对象ReqVO<T>， 即数据传输对象视图， 参数T： 筛选条件， 属 性： 报表类型、 显示页码Pa geNo、 页数Pa geSize； 步骤2.3： 定义前台数据显示视图对象RespVO， 属性： 显示页码PageNo、 页数PageSize， 总数total， 页面html。 4.根据权利要求1所述的一种基于Springboot+vue的配置化报表开发方法， 其特征在 于， 步骤3只做了接口定义， 描述系统对外的服务， 不具体涉及实现细节， 达到松耦合的效 果， 步骤3包括以下步骤： 步骤3.1： 定义视图方法view， 参数： Req<T>、 配置表单文件流InputStream， 文件流 InputStream指报表 表单excel转化成文件流的形式； 步骤3.2： 输出视图显示对象RespVO。权　利　要　求　书 1/3 页 2 CN 115185520 A 25.根据权利要求1所述的一种基于Springboot+vue的配置化报表开发方法， 其特征在 于， 步骤4具体实现视图view方法， 包括以下步骤： 步骤4.1： 编写读取配置文件方法readConfig， 根据excel文件流参数， 进行解析， 得到 表单处理对象ExcelBO的各个对应属性以及具体的查询脚本； 表单处理对象ExcelBO， 包 含以下属性： 表名、 表头行区间、 数据展示行、 数据表尾行、 数据总列数、 查询sql脚本组 querySqlMap、 表单页she et、 工作表w orkbook； 步骤4.2： 步骤4.1所属编写readCo nfig读取文件配置方法实现： 步骤4.2.1： 根据excel文件流 参数， 获取w orkbook对象， 获取配置文件表单she et页； 步骤4.2.2： 步骤2.1的配置she et页的配置参数包 含： 表名； 表头行区间； 数据展示行； 数据表尾行； 数据总列数； 查询脚本组， 查询脚本组包 含脚本编号、 脚本sql， 从配置文件表单sheet页读取各项配置， 赋值给表单处理对象ExcelBO的各个对应属 性； 步骤4.2.3： 从输入表单文件流InputStream获取表单显示页sheet、 工作表workbook， 赋值给ExcelBO的表单页she et、 工作表w orkbook属性； 步骤4.3： 定义查询数据结果集Map： dataSets<脚本编号， <脚本Sql， 结果集>>， 用来存 储报表所需展示数据结果 集； 步骤4.4： 定义queryData方法， 入参： 表单处 理对象ExcelBO、 报表类型： 报表筛选条件， 返回查询数据结果 集Map： dataSets， 遍历表单处理对象ExcelBO配置表单的查询脚本， 查询脚本及连接数据库查询的结果 集存储在dataSets； 步骤4.5： 定义抽象类写入html方法， 初始化类， 表单对象ExcelBO和步骤4.4得到的结 果集dataSets写成html； 步骤4.6： 编写view方法， 参数： Req<T>、 表单文件流InputStre am， 输出前 台视图显示对 象RespVO， 文件流 InputStream指报表 表单excel转化成文件流的形式： 步骤4.6.1： 从入参Req<T>获取步骤2.2的显示页码、 页数， 赋值给RespVO的对应属性； 步骤4.6.2： 从输入文件流InputStream获取和报表类型获取表单处理对象ExcelBO， 调 用步骤4.4描述queryData方法， 获取查询数据结果 集Map， 写入html； 步骤4.6.3： 步骤4.6.2的页面html赋值给RespV O视图对象的ht ml属性， 至此， 前 台视图 显示对象RespVO的属性已全部赋值。 6.根据权利要求1所述的一种基于Springboot+vue的配置化报表开发方法， 其特征在 于， 步骤5包括以下步骤： 步骤5.1： 定义接口x xReport， 描述对外提供的服 务view方法。 步骤5.2： 根据步骤4.1 ‑4.6重定义view方法， 输出视图对象RespVO， 参数： 表单对象权　利　要　求　书 2/3 页 3 CN 115185520 A 3