快速生成数据查询前端页面的方法、装置和电子设备制造方法及图纸

本发明专利技术公开了一种快速生成数据查询前端页面的方法、装置和电子设备，其中方法包括：引入报表框架，指定页面配置和数据资源配置的地址；在配置的地址中配置需要渲染的页面配置和数据资源配置；通过接口使用指定的参数访问项目地址中报表框架路径的地址，获取通过页面配置渲染的页面渲染数据和数据资源配置渲染的报表数据。本发明专利技术使得页面显示可以通过配置定制化输出，前端开发无需硬编码。页面字段可以动态渲染，节省前后端联调时间。节省前后端联调时间。节省前后端联调时间。

【技术实现步骤摘要】
快速生成数据查询前端页面的方法、装置和电子设备


[0001]本专利技术属于数据处理
，具体涉及一种快速生成数据查询前端页面的方法、装置和电子设备。

技术介绍

[0002]大部分后台管理系统的页面功能都比较单一，只有简单的查询和导出，且两者在数据上都要保持一致性。此种业务传统的开发模式是前端和后端两个开发人员分工，后端提供查询和导出的接口，前端编写页面进行接口联调。以上实现方式存在如下弊端：(1)前端需要手动适配后端的参数；(2)数据输出格式不灵活；(3)当后端接口参数发生变化时，前端需要修改代码。(4)对于后端的特殊的数据格式，前端需要手动做特殊处理。(5)调试时，前后端都需要同时在线。(6)前端无法在不修改代码的情况下适配多种后端的数据类型和接口参数。(7)需要导出时，通常需要后台人员专门开发代码，一旦业务有变化通常需要多处代码同时变更。
[0003]以上问题的存在导致变更上线生产时，必须重新发布项目，不但需要中断项目服务，并且非常耗时。

技术实现思路

[0004]鉴于以上存在的问题，本专利技术提供一种快速生成数据查询前端页面的方法、装置和电子设备，使得前端页面显示可以通过配置定制化输出，前端开发无需硬编码。
[0005]为解决上述技术问题，本专利技术采用如下的技术方案：
[0006]第一方面，本专利技术提供一种快速生成数据查询前端页面的方法，包括以下步骤：
[0007]引入报表框架，指定页面配置和数据资源配置的地址；
[0008]在配置的地址中配置需要渲染的页面配置和数据资源配置；
[0009]通过接口使用指定的参数访问项目地址中报表框架路径的地址，获取通过页面配置渲染的页面渲染数据和数据资源配置渲染的报表数据。
[0010]一种可能的实施方式中，所述页面配置支持自定义页面需要的组件，组件支持如下：下拉选择框、文本、文本域、日期选择器、日期范围选择器、月份选择器、月份范围选择器、年份选择器、时间选择器、时间范围选择器、按钮中的至少一种。
[0011]一种可能的实施方式中，所述页面配置支持自定义配置报表表头与数据展现的方式。
[0012]一种可能的实施方式中，获取通过数据资源配置渲染的报表数据包括：查询入参支持过滤器校验，框架内置数据库方式，将页面配置支持的功能转化成数据SQL查询语句进行查询和显示。
[0013]一种可能的实施方式中，获取通过数据资源配置渲染的报表数据包括：通过自定义拓展将查询请求转发到自定义的数据仓库中获取数据；获取的原始数据支持通过资源配置中的处理方式加工成需要的文字。
[0014]一种可能的实施方式中，提供多种数据格式输出，包括JSON格式、Excel文件、Zip文件中的至少一种，并支持自行拓展输出格式。
[0015]第二方面，本专利技术提供一种快速生成数据查询前端页面的装置，包括：
[0016]扩展模块，用于引入报表框架，指定页面配置和数据资源配置的地址；
[0017]配置模块，用于在配置的地址中配置需要渲染的页面配置和数据资源配置；
[0018]数据模块，用于通过接口使用指定的参数访问项目地址中报表框架路径的地址，获取通过页面配置渲染的页面渲染数据和数据资源配置渲染的报表数据。
[0019]一种可能的实施方式中，获取通过数据资源配置渲染的报表数据包括：通过自定义拓展将查询请求转发到自定义的数据仓库中获取数据；获取的原始数据支持通过资源配置中的处理方式加工成需要的文字。
[0020]第三方面，本专利技术提供一种电子设备，所述电子设备包括处理器以及存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行根5据如上任一项所述的快速生成数据查询前端页面的方法。
[0021]第四方面，本专利技术提供一种计算机可读存储介质，所述计算机可读存储介质存储一个或多个程序，所述一个或多个程序当被处理器执行时，实现如上任一项所述的快速生成数据查询前端页面的方法。
[0022]采用本专利技术具有如下的有益效果：0(1)页面显示可以通过配置定制化输出，前端开发无需硬编码。页面字段可以动态渲染，节省前后端联调时间。
[0023](2)页面查询和导出的数据可以通过配置动态输出，可以做到快速调整字段，实时响应业务方的需求。
[0024](3)数据输出格式灵活可变，可以输出Json，Excel和CSV等，也支持自5定义扩展输出格式。各种输出格式内容统一。
[0025](4)开箱即用，无需大量编码工作。
[0026](5)数据来源可以存在多样性，如数据库、外部接口、文件等。
[0027](6)框架内支持各种自定义扩展，如字典映射，回调事件通知，输出格式扩展等。
[0028]附图说明
[0029]图1为本专利技术实施例的一种快速生成数据查询前端页面的方法的步骤流程图；
[0030]图2为本专利技术实施例的一种快速生成数据查询前端页面的装置的结构示意5图；
[0031]图3为本专利技术实施例的一种电子设备的结构示意图。
具体实施方式
[0032]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。
[0033]参见图1，所示为本专利技术实施例的一种快速生成数据查询前端页面的方法，包括以下步骤：
[0034]S10，引入报表框架，指定页面配置和数据资源配置的地址；
[0035]S20，在配置的地址中配置需要渲染的页面配置和数据资源配置；
[0036]S30，通过接口使用指定的参数访问项目地址中报表框架路径的地址，获取通过页面配置渲染的页面渲染数据和数据资源配置渲染的报表数据。
[0037]通过以上设置的快速生成数据查询前端页面的方法，当用户进入一个页面时，去后台获取该页面的配置，后台根据配置生成前端需要的元素，前端根据这些元素渲染页面即可进行显示，不需要进行任何代码修改即可显示需要展示的前端页面。
[0038]本专利技术一实施例的快速生成数据查询前端页面的方法中，页面配置支持自定义页面需要的组件，组件支持如下：下拉选择框、文本、文本域、日期选择器、日期范围选择器、月份选择器、月份范围选择器、年份选择器、时间选择器、时间范围选择器、按钮中的至少一种；也支持自定义配置报表表头与数据展现的方式。其中按钮支持导出、清除、查询和ajax四种类型。
[0039]本专利技术一实施例的快速生成数据查询前端页面的方法中，获取通过数据资源配置渲染的报表数据包括：查询入参支持过滤器校验(如字符串非空校验、固定字段、集合数据大小校验、日期转换、日期范围转换、数值转换等，并支持自定义拓展)，框架内置数据库方式，可将页面配置支持的功能转化成数据SQL查询语句进行查询和显示，也可以通过自定义拓展将查询请求转发到自定义的本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种快速生成数据查询前端页面的方法，其特征在于，包括以下步骤：引入报表框架，指定页面配置和数据资源配置的地址；在配置的地址中配置需要渲染的页面配置和数据资源配置；通过接口使用指定的参数访问项目地址中报表框架路径的地址，获取通过页面配置渲染的页面渲染数据和数据资源配置渲染的报表数据。2.如权利要求1所述的快速生成数据查询前端页面的方法，其特征在于，所述页面配置支持自定义页面需要的组件，组件支持如下：下拉选择框、文本、文本域、日期选择器、日期范围选择器、月份选择器、月份范围选择器、年份选择器、时间选择器、时间范围选择器、按钮中的至少一种。3.如权利要求1所述的快速生成数据查询前端页面的方法，其特征在于，所述页面配置支持自定义配置报表表头与数据展现的方式。4.如权利要求1所述的快速生成数据查询前端页面的方法，其特征在于，获取通过数据资源配置渲染的报表数据包括：查询入参支持过滤器校验，框架内置数据库方式，将页面配置支持的功能转化成数据SQL查询语句进行查询和显示。5.如权利要求1所述的快速生成数据查询前端页面的方法，其特征在于，获取通过数据资源配置渲染的报表数据包括：通过自定义拓展将查询请求转发到自定义的数据仓库中获取数据；获取的原始数据支持通过资源配置中的处理方式加工成需要的文字。6.如权利要求1所述的快速生成数据...

【专利技术属性】
技术研发人员：齐强，朱俊赢，陈宇，汪宁，芦帅，陈鹏，
申请(专利权)人：杭州乒乓智能技术有限公司，
类型：发明
国别省市：