【技术实现步骤摘要】
本专利技术涉及计算机技术应用领域，具体涉及一种基于web的在线可视化创建大屏应用方法及系统。
技术介绍
1、随着企业需求的不断增加，构建大屏页面成为一项日益重要的任务。在前端方面，实现复杂的页面渲染对于开发人员而言是一项繁重的挑战，同时需要与ui设计师密切合作，以确保页面的视觉效果和用户体验。而对于后端来说，构建一个大屏页面涉及到大量数据的处理，需要编写丰富的查询接口，其中虽有许多逻辑并不复杂，但却是相当繁琐的任务。
2、由于上述多重因素，大屏页面的构建过程涉及大量人力和时间投入。前端工作需要细致入微的页面渲染和与ui设计的协同工作，而后端任务则包括复杂的数据查询接口的编写，其中虽然逻辑简单，但却是繁琐而不可避免的。这样的情境使得构建一个符合要求的大屏页面变得耗费人力和时间。
3、当前市场上涌现出多款在线可视化创建大屏应用的产品，用户只需通过web界面进行直观的拖拉拽操作，便能快速构建一个复杂大屏页面。这些产品不仅提供了可视化组件的快速定制，还支持对每个组件进行灵活的修改和编辑。然而，对于大屏应用而言，最为关键且最为困难的任务之一是数据的获取。这项技术通过简单的设置选择数据源，再选择常用列进行分组和统计，实现了无需编写代码即可完成简单数据获取的目标。此外，用户还能在数据获取后对其进行自定义过滤。
4、对于复杂的数据获取逻辑，该技术提供了更灵活的选择。用户可以绑定特定的api，或者直接编写sql查询，以满足对于更高级数据获取和处理的需求。这种灵活性不仅减轻了用户的技术负担，同时也使得大屏应用的数
5、当前市场上的可视化创建大屏产品虽然强调了可视化的便捷性，但在数据获取方面仍然依赖于api或sql查询的方式。尚未普遍实现通过简单的配置数据列就能生成数据的方法。在构建大屏时仍需通过编写或连接到特定数据源的方式，相对而言，对于非技术用户而言可能增加了一些复杂性。
技术实现思路
1、为了解决现有技术中在构建大屏时通过编写或连接到特定数据源的数据获取方式对非技术用户比较困难的问题，本专利技术提出了一种基于web的在线可视化创建大屏应用方法，包括：
2、基于数据配置页面通过拖拽、下拉或选择的方式进行大屏展示组件配置和前端属性配置，得到配置好组件的大屏；
3、基于高级设置页面对所述配置好组件的大屏进行数据源、参数和事件触发的配置，得到配置好数据源的大屏；
4、基于自定义查询接口对所述配置好数据源的大屏利用程序接口地址或编写sql代码进行数据查询操作。
5、优选的，所述基于数据配置页面通过拖拽、下拉或选择的方式进行大屏展示组件配置和前端属性配置，得到配置好组件的大屏，包括：
6、通过拖拽、下拉或选择的方式进行大屏展示组件配置，得到配置好的大屏展示组件；
7、基于所述大屏展示组件进行大屏大小、背景颜色和背景图片的配置，得到配置好组件的大屏。
8、优选的，所述基于高级设置页面对所述配置好组件的大屏进行数据源、参数和事件触发的配置，得到配置好数据源的大屏，包括：
9、基于选择的数据源获取对应的表，得到数据源对应的表；
10、基于所述数据源对应的表进行字段筛选和分组统计，得到统计结果和配置好数据源的大屏；
11、其中，所述字段筛选包括：查询数据数量、计算平均值、计算最大值和统计种类数量。
12、优选的，所述基于自定义查询接口对所述配置好数据源的大屏利用程序接口地址或编写sql代码进行数据查询操作，包括：
13、基于需要获取的数据集通过编写自定义代码进行深度分析，得到分析结果；
14、通过所述自定义代码对应的接口地址获取所述数据集和分析结果。
15、优选的，还包括：基于通用数据接口进行不同数据源和格式数据的整合。
16、基于同一专利技术构思，本专利技术还提出了一种基于web的在线可视化创建大屏应用系统，包括：
17、数据配置界面，用于通过拖拽、下拉或选择的方式进行大屏展示组件配置和前端属性配置，得到配置好组件的大屏；
18、高级设置界面，用于基于所述配置好组件的大屏进行数据源、参数和事件触发的配置，得到配置好数据源的大屏；
19、自定义查询接口，用于基于所述配置好数据源的大屏利用程序接口地址或编写sql代码进行数据查询操作。
20、优选的，所述数据配置页面，具体用于：
21、通过拖拽、下拉或选择的方式进行大屏展示组件配置，得到配置好的大屏展示组件；
22、基于所述大屏展示组件进行大屏大小、背景颜色和背景图片的配置，得到配置好组件的大屏。
23、优选的，所述高级设置界面，具体用于：
24、基于选择的数据源获取对应的表，得到数据源对应的表；
25、基于所述数据源对应的表进行字段筛选和分组统计，得到统计结果和配置好数据源的大屏；
26、其中，所述字段筛选包括：查询数据数量、计算平均值、计算最大值和统计种类数量。
27、优选的，所述自定义查询接口，具体用于：
28、基于需要获取的数据集通过编写自定义代码进行深度分析，得到分析结果；
29、通过所述自定义代码对应的接口地址获取所述数据集和分析结果。
30、优选的，还包括通用数据接口，用于整合不同数据源和格式的数据。
31、与现有技术相比，本专利技术的有益效果为：
32、一种基于web的在线可视化创建大屏应用方法及系统，包括：基于数据配置页面通过拖拽、下拉或选择的方式进行大屏展示组件配置和前端属性配置，得到配置好组件的大屏；基于高级设置页面对所述配置好组件的大屏进行数据源、参数和事件触发的配置，得到配置好数据源的大屏；基于自定义查询接口对所述配置好数据源的大屏利用程序接口地址或编写sql代码进行数据查询操作；本专利技术的数据配置页面可以更便捷的创建前端页面，降低非技术用户的技术门槛和难度；通过高级设置页面满足个性化数据需求，提高数据获取的实时性和性能；通过自定义查询接口更灵活的满足个性化数据需求，能使用不同场景下的数据处理和展示需求；
33、本专利技术通过通用数据接口解决了数据标准化和兼容性的问题。
本文档来自技高网...【技术保护点】
1.一种基于web的在线可视化创建大屏应用方法，其特征在于，包括：
2.根据权利要求1所述方法，其特征在于，所述基于数据配置页面通过拖拽、下拉或选择的方式进行大屏展示组件配置和前端属性配置，得到配置好组件的大屏，包括：
3.根据权利要求1所述方法，其特征在于，所述基于高级设置页面对所述配置好组件的大屏进行数据源、参数和事件触发的配置，得到配置好数据源的大屏，包括：
4.根据权利要求1所述方法，其特征在于，所述基于自定义查询接口对所述配置好数据源的大屏利用程序接口地址或编写SQL代码进行数据查询操作，包括：
5.根据权利要求1所述方法，其特征在于，还包括：基于通用数据接口进行不同数据源和格式数据的整合。
6.一种基于web的在线可视化创建大屏应用系统，其特征在于，包括：
7.根据权利要求6所述系统，其特征在于所述数据配置页面，具体用于：
8.根据权利要求6所述系统，其特征在于，所述高级设置界面，具体用于：
9.根据权利要求6所述系统，其特征在于，所述自定义查询接口，具体用于：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。