CN116991385A - 数据仪表盘构建方法、装置、电子设备及存储介质 - Google Patents

数据仪表盘构建方法、装置、电子设备及存储介质 Download PDF

Info

Publication number
CN116991385A
CN116991385A CN202310884348.0A CN202310884348A CN116991385A CN 116991385 A CN116991385 A CN 116991385A CN 202310884348 A CN202310884348 A CN 202310884348A CN 116991385 A CN116991385 A CN 116991385A
Authority
CN
China
Prior art keywords
data
component
dashboard
instrument panel
configuration
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202310884348.0A
Other languages
English (en)
Inventor
涂开仁
雷自强
张浩祥
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
China United Network Communications Group Co Ltd
Unicom Digital Technology Co Ltd
Unicom Cloud Data Co Ltd
Original Assignee
China United Network Communications Group Co Ltd
Unicom Digital Technology Co Ltd
Unicom Cloud Data Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by China United Network Communications Group Co Ltd, Unicom Digital Technology Co Ltd, Unicom Cloud Data Co Ltd filed Critical China United Network Communications Group Co Ltd
Priority to CN202310884348.0A priority Critical patent/CN116991385A/zh
Publication of CN116991385A publication Critical patent/CN116991385A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486Drag-and-drop
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/70Software maintenance or management
    • G06F8/71Version control; Configuration management

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Computer Security & Cryptography (AREA)
  • Stored Programmes (AREA)

Abstract

本申请提供一种数据仪表盘构建方法、装置、电子设备及存储介质,涉及数据分析处理领域,包括:响应于所述用户的第一操作,在所述仪表盘组件库中的组件列表中确定至少一个仪表盘组件,并显示配置列表;响应于所述用户在所述配置列表的第二操作,获取所述仪表盘组件的配置信息;根据所述配置信息配置至所述仪表盘组件,生成数据仪表盘。通过基于低代码的构建平台来进行数据仪表盘的构建,不需要编写复杂的代码或使用专业工具,可以通过简单的拖放、配置等操作来构建数据仪表盘,从而降低数据仪表盘构建过程的难度高,并提升数据仪表盘的构建效率。

Description

数据仪表盘构建方法、装置、电子设备及存储介质
技术领域
本申请涉及数据分析处理领域,尤其涉及一种数据仪表盘构建方法、装置、电子设备及存储介质。
背景技术
随着数据的不断增长和多样化,数据管理和分析变得越来越重要。数据仪表盘作为一种直观的数据可视化工具,可以帮助用户快速理解和分析数据,从而做出业务决策。
但是,传统的数据仪表盘构建方法需要用户掌握多种编程语言和技术。以及投入大量时间和资源来编写和测试代码,这使得构建过程难度高且效率低下。
发明内容
针对数据仪表盘构建过程难度高且效率低下的问题,本申请提供一种数据仪表盘构建方法、装置、电子设备及存储介质,可以降低构建过程难度以及提高构建效率。
第一方面,本申请提供一种数据仪表盘的构建方法,所述方法应用于基于低代码的构建平台,所述构建平台包括仪表盘组件库,所述仪表盘组件库包括:至少一个仪表盘组件和所述仪表盘组件的配置信息,所述方法包括:
响应于所述用户的第一操作,在所述仪表盘组件库中的组件列表中确定至少一个仪表盘组件,并显示配置列表;
响应于所述用户在所述配置列表的第二操作,获取所述仪表盘组件的配置信息;
根据所述配置信息配置至所述仪表盘组件,生成数据仪表盘。
可选的,所述组件列表包括如下至少一种仪表盘组件:
图表组件、列表组件、地图组件、布局组件、表单组件和文字组件。
可选的,述配置列表包括属性配置列表和数据配置列表,所述配置信息包括所述仪表盘的属性数据和所述仪表盘上的展示数据,所述方法还包括:
基于所述属性配置列表获取所述仪表盘组件的属性数据;
基于所述数据配置列表确定所述仪表盘组件的数据源类型;所述数据源类型包括静态数据、数据模型,以及,应用程序接口API;
根据所述数据源类型,显示对应的数据获取页面,并基于所述数据获取页面获取所述展示数据。
可选的,若所述数据源类型为数据模型,所述通过所述数据获取页面获取所述展示数据,包括:
确定所述仪表盘组件库中是否存在与所述仪表盘组件对应的数据表单;
若否,显示数据表单创建页面;
获取创建完成的目标数据表单,以及,展示配置信息,根据所述展示配置信息对所述目标数据表单进行解析,得到所述展示数据;所述展示配置信息包括展示数据的维度和每个维度对应的指标。
可选的,若所述数据源类型为API,所述通过所述数据获取页面获取所述展示数据,包括:
显示请求配置页面;
基于所述请求配置页面获取所述展示数据的请求方式和请求地址;
根据所述请求方式和请求地址,获取所述展示数据。
可选的,所述根据所述请求方式和请求地址,获取所述展示数据,包括:
根据所述请求方式和请求地址,获取目标数据;
根据目标处理方式对所述目标数据进行处理,得到所述展示数据;所述目标处理方式为基于所述请求配置页面确定的。
可选的,若所述数据源类型为静态数据,所述通过所述数据获取页面获取所述展示数据,包括:
显示代码输入页面;
基于所述代码输入页面获取目标代码;
对所述目标代码进行解析,获取所述展示数据。
第二方面,本申请提供一种数据仪表盘构建装置,所述装置应用于基于低代码的构建平台,所述构建平台包括仪表盘组件库,所述仪表盘组件库包括:至少一个仪表盘组件和所述仪表盘组件的配置信息,所述装置包括:
确定模块,用于响应于所述用户的第一操作,在所述仪表盘组件库中的组件列表中确定至少一个仪表盘组件,并显示配置列表;
获取模块,用于响应于所述用户在所述配置列表的第二操作,获取所述仪表盘组件的配置信息;
生成模块,用于将所述配置信息集成至所述仪表盘组件中,生成数据仪表盘。
第三方面,本申请提供一种电子设备,包括:存储器和处理器;
存储器用于存储计算机指令;处理器用于运行存储器存储的计算机指令实现第一方面中任一项的方法。
第四方面,本申请提供一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行以实现第一方面中任一项的方法。
第五方面,本申请提供一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现第一方面中任一项的方法。
本申请提供的数据仪表盘构建方法、装置、电子设备及存储介质,通过响应于所述用户的第一操作,在所述仪表盘组件库中的组件列表中确定至少一个仪表盘组件,并显示配置列表;响应于所述用户在所述配置列表的第二操作,获取所述仪表盘组件的配置信息;根据所述配置信息配置至所述仪表盘组件,生成数据仪表盘。过基于低代码的构建平台来进行数据仪表盘的构建,不需要编写复杂的代码或使用专业工具,可以通过简单的拖放、配置等操作来构建数据仪表盘。从而降低数据仪表盘构建过程的难度高,并提升数据仪表盘的构建效率。
附图说明
图1为本申请实施例的基于低代码的构建平台的示意图;
图2为本申请实施例提供的数据仪表盘构建方法的流程示意图;
图3为本申请实施例提供的确定仪表盘组件的示意图;
图4为本申请实施例提供的配置列表的界面示意图;
图5为本申请实施例提供的新建仪表盘的过程示意图;
图6为本申请实施例提供的属性配置的界面示意图;
图7A为本申请实施例提供的图表组件的示意图;
图7B为本申请实施例提供的列表组件的示意图;
图7C为本申请实施例提供的地图组件的示意图;
图7D为本申请实施例提供的布局组件的示意图;
图7E为本申请实施例提供的表单组件的示意图;
图7F为本申请实施例提供的文字组件的示意图;
图8为本申请实施例提供的数据类型的界面示意图一;
图9为本申请实施例提供的数据类型的界面示意图二;
图10为本申请实施例提供的数据类型的界面示意图三;
图11为本申请实施例提供的配置信息获取界面示意图;
图12为本申请实施例提供的数据仪表盘的界面示意图;
图13为本申请实施例提供的数据仪表盘构建装置的结构示意图;
图14为本申请实施例提供的电子设备的结构示意图。
具体实施方式
为使本申请实施例的目的、技术方案和优点更加清楚,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。
在本申请的实施例中,采用了“第一”、“第二”等字样对功能和作用基本相同的相同项或相似项进行区分,并不对其先后顺序进行限定。本领域技术人员可以理解“第一”、“第二”等字样并不对数量和执行次序进行限定,并且“第一”、“第二”等字样也并不限定一定不同。
需要说明的是,本申请实施例中,“示例性的”或者“例如”等词用于表示例子、例证或说明。本申请中被描述为“示例性的”或者“例如”的任何实施例或设计方案不应被解释为比其他实施例或设计方案更优选或更具优势。确切而言,使用“示例性的”或者“例如”等词旨在以具体方式呈现相关概念。
当今社会,随着企业和组织数据的不断增长和多样化,数据管理和分析变得越来越重要。数据仪表盘作为一种直观的数据可视化工具,可以帮助用户快速理解和分析数据,支持企业决策和业务发展。
传统的数据仪表盘构建方法需要投入大量时间和资源来编写和测试代码,这使得构建过程缓慢且昂贵。传统的数据仪表盘构建方法需要掌握多种编程语言和技术,对于非技术人员来说是一项难以跨越的壁垒。传统的数据仪表盘构建方法通常需要编写大量的自定义代码,这可能导致不同仪表盘之间存在不一致的外观和感觉。
以上问题导致了数据仪表盘在企业中使用和推广的难度,限制了其在业务决策和战略规划中的作用。我们需要一种更简单、更高效的数据仪表盘构建方法,以帮助企业和组织更快地构建和自定义数据仪表盘,降低技术要求和构建成本,并提高数据仪表盘的一致性和数据更新的实时性。
有鉴于此,本申请提供一种数据仪表盘的构建方法,通过基于低代码的构建平台来进行数据仪表盘的构建,不需要编写复杂的代码或使用专业工具,可以通过简单的拖放、配置等操作来构建数据仪表盘。从而降低数据仪表盘构建过程的难度高,并提升数据仪表盘的构建效率。
下面以具体地实施例对本申请的技术方案以及本申请的技术方案如何解决上述技术问题进行详细说明。下面这几个具体的实施例可以独立实现,也可以相互结合,对于相同或相似的概念或过程可能在某些实施例中不再赘述。
图1为本申请实施例的基于低代码的构建平台的示意图,如图1所示,基于低代码的构建平台包括仪表盘组件库,所述仪表盘组件库中包括至少一个仪表盘组件和所述仪表盘组件的配置信息。
所述配置信息包括所述仪表盘组件的属性、所述仪表盘对应的数据以及所述仪表盘对应的事件中的至少一种。其中,所述事件可以用于表征用户与所述组件进行交互时,所述组件执行的对于操作,例如,涉及到执行相应的JavaScript代码或调用其他组件的方法等操作。
用户可以在基于低代码的构建平台中,如图1所示,用户可以通过将这些组件拖拽到左侧的组件列表中进行配置和组合。同时,在右侧的表单配置区域中,用户可以对所选组件的数据、属性和事件进行双向绑定的配置。这些组件和表单配置项的结合最终会形成一个完整的数据仪表盘。用户可以通过对多个组件的配置来定制自己所需的数据仪表盘。
下面基于图1所示的基于低代码的构建平台,对本申请实施例提供的数据仪表盘构建方法进行说明。
图2为本申请实施例提供的数据仪表盘构建方法的流程示意图,如图2所示,包括如下步骤:
S201、响应于所述用户的第一操作,在所述仪表盘组件库中的组件列表中确定至少一个仪表盘组件,并显示配置列表。
本申请实施例中,第一操作可以为对组件列表中的组件的拖动操作。
示例性的,如图3所示,用户可以在构建平台的仪表盘组件库的组件列表中选中一个相应的组件(以图表组件中的基础柱状图为例),将其拖动至构建平台的编辑区域,以使构建平台确定对应的仪表盘组件。
构建平台确定对应的仪表盘组件,可以根据所述仪表盘组件确定该组件待配置的信息,并通过所述配置列表进行显示。
示例性的,如图4所示,构建平台确定仪表盘组件为基础柱状图组件时,可以在编辑页面的右侧显示对应的配置列表,以使用户通过所述配置列表输入对应的配置信息。
在一些实施例中,在构建数据仪表盘时,构建平台提供了基于空白页面构建数据仪表盘的方式。
示例性的,如图5所示,用户可以在构建平台的新建仪表盘页面建立一个空白的页面,并对构建的仪表盘进行命名后,构建平台可以显示对应的仪表盘编辑页面。
构建平台接收到用户对编辑页面中右侧选择组件控价的触发后,可以显示如图3所示的组件选择页面,以使用户通过组件选择页面选择构建仪表盘所需的组件。
在一种可能的实现方式中,基于低代码的构建平台中的组件配置采用JSONSchema定义,这是一种用于描述JSON数据格式的规范。在本申请实施例中,使用了JSONSchema来描述应用程序中各个组件的属性和行为,包括组件的名称、类型、样式、事件和数据等信息。通过JSON Schema的定义,低代码平台可以自动生成组件配置的用户界面,从而方便开发者进行组件的配置和管理。仪表盘组件的渲染过程可以概括为以下几个步骤:
解析组件定义:渲染引擎首先解析组件的JSON Schema定义,了解组件的结构、属性、事件和方法等信息,以便后续渲染过程中使用。
实例化组件:在组件被添加到应用程序中时,渲染引擎会根据组件定义实例化组件,并为其设置默认属性值。
处理组件属性:在渲染组件时,渲染引擎会使用组件定义的属性信息来设置组件的状态和样式等属性,例如文本标签、背景颜色和字体大小等。如果某些属性是从组件的配置中获取的,则渲染引擎还需要处理这些属性值的变化。
渲染组件:渲染引擎会将组件渲染到页面上,通常是通过组件库中的渲染引擎或框架来处理。渲染过程通常包括创建DOM元素、应用CSS样式和添加事件监听器等步骤。
处理组件事件:当用户与组件交互时,例如单击按钮或选择下拉菜单项时,渲染引擎会触发相应的组件事件,例如单击事件或选择事件。组件事件的处理通常涉及到执行相应的JavaScript代码或调用其他组件的方法等操作。
S202、响应于所述用户在所述配置列表的第二操作,获取所述仪表盘组件的配置信息。
本申请实施例中,用户在所述配置列表的第二操作可以对在所述配置列表中的编辑操作。
示例性的,请继续参考图3,所述配置列表包括属性配置列表和数据配置列表,所述配置信息包括所述仪表盘的属性数据和所述仪表盘上的展示数据。
构建平台可以基于所述属性配置列表获取所述仪表盘组件的属性数据,以及,基于所述数据配置列表获取所述展示数据。
在一些实施例中,属性配置是指设置组件的各种属性,包括样式、颜色、字体等等。在属性配置中,需要根据具体的需求选择合适的属性值,并进行相应的调整,以满足数据仪表盘的展示要求。属性配置的目的是使组件能够按照预期的方式呈现数据,并且能够满足用户的需求,提高数据仪表盘的可视化效果和用户体验。
以基础柱状图为例,如图6所示,该组件的配置包含:边距配置、标题配置、图例配置、提示框配置、X轴配置、Y轴配置、柱形样式等。
边距配置:调整组件的边缘空白区域大小的设置,通过调整柱状图的边距,可以控制柱子的宽度和间距,使柱状图的显示更加美观和易读,该组件提供了上下左右四个方向的边距配置。
标题配置:配置组件主标题、副标题、间距、位置及文字样式。
图例配置:配置图例朝向、位置、间距、形状、大小及文本样式。
提示框:配置提示框的显隐、位置和样式。
X轴:配置X轴轴线名称、轴线、网格线、轴坐标样式。
Y轴:配置Y轴轴线名称、轴线、网格线、轴坐标样式、数据区间。
柱形样式:配置柱形的朝向、展示形式、柱形大小、圆角、数据系列和值标签。
在一些实施例中,数据配置是指在配置组件时,通过可视化的方式配置组件的所需的数据类型和数据源,以便将数据集成到组件中。
构建平台可以基于所述数据配置列表确定所述仪表盘组件的数据源类型,根据所述数据源类型,显示对应的数据获取页面,并基于所述数据获取页面获取所述展示数据。
其中,所述数据源类型包括静态数据、数据模型,以及,应用程序接口(Application Programming Interface,API),不同的数据类型可以用于表征不同的数据源或者,数据获取方式。
S203、根据所述配置信息配置至所述仪表盘组件,生成数据仪表盘。
本申请实施例中,构建平台确定组件对应的配置信息时,可以根据所述配置信息对所述仪表盘组件进行配置,生成数据仪表盘。
示例性的,根据所述配置信息中的属性信息修改所述组件的样式、颜色、字体等,根据所述展示数据修改所述组件的内容,得到所述数据仪表盘。
本申请实施例提供的数据仪表盘的构建方法,通过响应于所述用户的第一操作,在所述仪表盘组件库中的组件列表中确定至少一个仪表盘组件,并显示配置列表;响应于所述用户在所述配置列表的第二操作,获取所述仪表盘组件的配置信息;根据所述配置信息配置至所述仪表盘组件,生成数据仪表盘。通过基于低代码的构建平台来进行数据仪表盘的构建,不需要编写复杂的代码或使用专业工具,可以通过简单的拖放、配置等操作来构建数据仪表盘。从而降低数据仪表盘构建过程的难度高,并提升数据仪表盘的构建效率。
在上述实施例的基础上,下面将对组件列表包括仪表盘组件进行介绍。
示例性的,所述组件列表包括如下至少一种仪表盘组件:
图表组件、列表组件、地图组件、布局组件、表单组件和文字组件。
图7A-图7F所示,分别为上述组件列表中各组件可能的示意图。
图7A为图表组件的示意图,如图7A所示,所述图表组件可以包括但不限于柱状图组件、折线图组件、饼图组件,以及,其他组件。每种组件中可以包括多个不同样式的组件。
图7B为列表组件的示意图,如图7B所示,所述列表组件可以包括但不限于不同类型的表格组件。
图7C为地图组件的示意图,如图7C所示,所述地图组件可以包括但不限于不同类型的地图。
图7D为布局组件的示意图,如图7D所示,所述布局组件可以包括但不限于不同类型的布局方式
图7E为表单组件的示意图,如图7E所示,所述表单组件可以包括但不限于不同类型的表单样式。
图7F为文字组件的示意图,如图7F所示,所述文字组件可以包括但不限于文本组件和时间组件。每种组件中可以包括多个不同样式的组件。
在上述实施例的基础上,下面将对根据所述数据源类型,显示对应的数据获取页面,并基于所述数据获取页面获取所述展示数据的过程进行介绍。
示例性的,请继续参考图4,构建平台响应于对配置列表中数据控件的触发时,显示对应的数据配置列表,进入数据配置流程。
在一种可能的实现方式中,若所述数据源类型为静态数据,构建平台可以显示代码输入页面;基于所述代码输入页面获取目标代码;对所述目标代码进行解析,获取所述展示数据。
其中,静态数据是指应用程序中不变的数据,如界面中的文字、一组不变的数据等,这些数据不需要进行更新和修改,可以直接通过代码配置到组件中。
如图8所示,若构建平台确认用户在数据类型中选择为静态数据时,可以显示如数据类型下方所述代码输入页面。
构建平台可以接收用户输入的目标代码,所述目标代码进行解析,获取所述展示数据,将展示数据集成至组件中。
在一种可能的实现方式中,若所述数据源类型为API,构建平台可以显示请求配置页面;基于所述请求配置页面获取所述展示数据的请求方式和请求地址;根据所述请求方式和请求地址,获取所述展示数据。
其中,API可以用于与外部系统或服务进行交互,以获取或更新数据。在低代码平台中,开发者可以通过配置API的参数和请求方式等信息,轻松地实现应用程序与外部系统的数据交互和集成。这样可以极大地提高了应用程序的功能性和灵活性,并为开发者提供了更加便捷的数据管理和使用方式。
如图9所示,若构建平台确认用户在数据类型中选择为API时,可以显示如图9所示请求配置页面。通过所述请求配置页面获取用户输入的请求方式和请求地址;根据所述请求方式和请求地址,获取所述展示数据。
可选的,在所述请求配置页面还包括多个其他选项,若构建平台未获取到用户输入的相关信息,可以基于默认信息进行填充。
可选的,在根据API获取展示数据时,构建平台还可以对获取的数据进行处理,以使数据符合仪表盘的数据格式,从而提升数据仪表盘构建的成功率。
示例性的,根据所述请求方式和请求地址,获取目标数据;根据目标处理方式对所述目标数据进行处理,得到所述展示数据;所述目标处理方式为基于所述请求配置页面确定的。
请继续参考图9,用户可以在数据处理控件中写入对应的数据处理方式,构建平台可以基于所述数据处理方式对根据所述请求方式和请求地址获取目标数据进行处理,得到所述展示数据。
在一种可能的实现方式中,若所述数据源类型为数据模型,构建平台可以确定所述仪表盘组件库中是否存在与所述仪表盘组件对应的数据表单;若否,显示数据表单创建页面;获取创建完成的目标数据表单,以及,展示配置信息,根据所述展示配置信息对所述目标数据表单进行解析,得到所述展示数据;所述展示配置信息包括展示数据的维度和每个维度对应的指标。
其中,数据模型是通过表单来描述应用程序中的数据实体之间的关系。通常情况下,用户可以通过可视化的方式来创建和配置这些表单,以便实现数据实体的属性定义和关系建立等功能。
例如,数据模型通常包括以下几个方面:表单设计、字段定义、表单关联和数据验证等。首先,用户可以通过低代码平台提供的表单设计工具,快速地创建和配置数据实体的表单,包括布局、控件和样式等信息。其次,用户可以在表单中定义字段,包括字段的数据类型、长度、验证规则和默认值等属性,以便实现数据实体的属性定义。此外,用户还可以通过表单关联功能,实现数据实体之间的关系建立,包括一对一、一对多和多对多等多种关联方式。最后,用户可以对表单进行数据验证,确保输入的数据符合预期,并在数据保存前对数据进行处理和转换等操作。
在确定数据类型为数据模型时,构建平台可以获取是否存在与所述仪表盘标识匹配的表单,若不存在,则显示表单构建页面,以使用户通过所述表单构建页面进行数据输入。
示例性的,如图10所示,构建平台显示表单构建页面,通过所述表单构建页面获取用户输入的数据,获取创建完成的目标数据表单。
构建平台可以加载所述目标数据表单,并显示目标数据表单对应的配置信息项,获取用户输入的配置信息,基于所述展示配置信息对所述目标数据表单进行解析,得到所述展示数据。如图11所示,构建平台加载目标数据表单后,可以显示右侧的配置信息获取项,获取到对应的配置信息时,基于所述配置信息和所述目标数据表单进行数据仪表盘构建,显示如图11左侧的数据图表。
可选的,构建平台通过所述表单构建页面获取用户输入的数据并保存后,可以显示表单预览界面,以使用户进行表单查看、修改、删除等操作。
可选的,构建平台构建完成数据仪表盘时,如图12所示。可以展示所述数据仪表盘,用户可以查看实际数据的显示效果,并通过交互式控件测试和探索数据。例如,在图表组件中,用户可以缩放、拖拽或选择不同的时间范围来查看数据的不同视角,或者在表格组件中进行排序、筛选和分页等操作。
本申请实施例还提供一种数据仪表盘构建装置。
图13为本申请实施例提供的数据仪表盘构建装置130的结构示意图,所述装置应用于基于低代码的构建平台,所述构建平台包括仪表盘组件库,所述仪表盘组件库包括:至少一个仪表盘组件和所述仪表盘组件的配置信息,如图13所示,包括:
确定模块1301,用于响应于所述用户的第一操作,在所述仪表盘组件库中的组件列表中确定至少一个仪表盘组件,并显示配置列表;
获取模块1302,用于响应于所述用户在所述配置列表的第二操作,获取所述仪表盘组件的配置信息;
生成模块1303,用于将所述配置信息集成至所述仪表盘组件中,生成数据仪表盘。
可选的,获取模块1302,还用于基于所述属性配置列表获取所述仪表盘组件的属性数据;基于所述数据配置列表确定所述仪表盘组件的数据源类型;所述数据源类型包括静态数据、数据模型,以及,应用程序接口API;根据所述数据源类型,显示对应的数据获取页面,并基于所述数据获取页面获取所述展示数据。
可选的,获取模块1302,还用于若所述数据源类型为数据模型,确定所述仪表盘组件库中是否存在与所述仪表盘组件对应的数据表单;若否,显示数据表单创建页面;获取创建完成的目标数据表单,以及,展示配置信息,根据所述展示配置信息对所述目标数据表单进行解析,得到所述展示数据;所述展示配置信息包括展示数据的维度和每个维度对应的指标。
可选的,获取模块1302,还用于若所述数据源类型为API,显示请求配置页面;基于所述请求配置页面获取所述展示数据的请求方式和请求地址;根据所述请求方式和请求地址,获取所述展示数据。
可选的,获取模块1302,还用于根据所述请求方式和请求地址,获取目标数据;根据目标处理方式对所述目标数据进行处理,得到所述展示数据;所述目标处理方式为基于所述请求配置页面确定的。
可选的,获取模块1302,还用于所述数据源类型为静态数据,显示代码输入页面;基于所述代码输入页面获取目标代码;对所述目标代码进行解析,获取所述展示数据。
本申请实施例提供的数据仪表盘构建装置可以执行上述任一实施例提供的数据仪表盘构建方法的技术方案,其原理和技术效果类似,此处不再赘述。
本申请实施例还提供一种电子设备。
图14为本申请实施例提供的电子设备1400的结构示意图,如图14所示,包括:
处理器1401。
存储器1402,用于存储终端设备的可执行指令。
具体的,程序可以包括程序代码,程序代码包括计算机操作指令。存储器1402可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
处理器1401用于执行存储器1402存储的计算机执行指令,以实现前述方法实施例所描述的数据仪表盘构建方法实施例的技术方案。
其中,处理器1401可能是一个中央处理器(Central Processing Unit,简称为CPU),或者是特定集成电路(Application Specific Integrated Circuit,简称为ASIC),或者是被配置成实施本申请实施例的一个或多个集成电路。
可选的,电子设备140在执行数据处理方法实施例的技术方案时,电子设备140还可以包括显示装置1403。
显示装置1403用于接收用户输入的数据以及向用户输出数据仪表盘的构建结果。
可选的,电子设备140还可以包括通信接口1404,以通过通信接口1404可以与外部设备进行通信交互,外部设备例如可以是用户终端(例如,手机、平板)。在具体实现上,如果通信接口1404、存储器1402和处理器1401独立实现,则通信接口1404、存储器1402和处理器1401可以通过总线相互连接并完成相互间的通信。总线可以是工业标准体系结构(Industry Standard Architecture,简称为ISA)总线、外部设备互连(PeripheralComponent,简称为PCI)总线或扩展工业标准体系结构(Extended Industry StandardArchitecture,简称为EISA)总线等。总线可以分为地址总线、数据总线、控制总线等,但并不表示仅有一根总线或一种类型的总线。
可选的,在具体实现上,如果通信接口1404、存储器1402和处理器1401集成在一块芯片上实现,则通信接口1404、存储器1402和处理器1401可以通过内部接口完成通信。
本申请实施例中还提供一种计算机可读存储介质,其上存储有计算机程序,计算机程序被处理器执行时实现上述数据仪表盘构建方法实施例的技术方案,其实现原理和技术效果类似,此处不再赘述。
一种可能的实现方式中,计算机可读介质可以包括随机存取存储器(RandomAccess Memory,RAM),只读存储器(Read-Only Memory,ROM),只读光盘(compact discread-only memory,CD-ROM)或其它光盘存储器,磁盘存储器或其它磁存储设备,或目标于承载的任何其它介质或以指令或数据结构的形式存储所需的程序代码,并且可由计算机访问。而且,任何连接被适当地称为计算机可读介质。例如,如果使用同轴电缆,光纤电缆,双绞线,数字用户线(Digital Subscriber Line,DSL)或无线技术(如红外,无线电和微波)从网站,服务器或其它远程源传输软件,则同轴电缆,光纤电缆,双绞线,DSL或诸如红外,无线电和微波之类的无线技术包括在介质的定义中。如本文所使用的磁盘和光盘包括光盘,激光盘,光盘,数字通用光盘(Digital Versatile Disc,DVD),软盘和蓝光盘,其中磁盘通常以磁性方式再现数据,而光盘利用激光光学地再现数据。上述的组合也应包括在计算机可读介质的范围内。
本申请实施例中还提供一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现上述数据仪表盘构建方法实施例的技术方案,其实现原理和技术效果类似,此处不再赘述。
在上述终端设备或者服务器的具体实现中,应理解,处理器可以是中央处理单元(英文:Central Processing Unit,简称:CPU),还可以是其他通用处理器、数字信号处理器(英文:Digital Signal Processor,简称:DSP)、专用集成电路(英文:ApplicationSpecific Integrated Circuit,简称:ASIC)等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本申请实施例所公开的方法的步骤可以直接体现为硬件处理器执行完成,或者用处理器中的硬件及软件模块组合执行完成。
本领域技术人员可以理解,上述任一方法实施例的全部或部分步骤可以通过与程序指令相关的硬件来完成。前述的程序可以存储于计算机可读取存储介质中,该程序被执行时,执行上述方法实施例的全部或部分的步骤。
本申请技术方案如果以软件的形式实现并作为产品销售或使用时,可以存储在计算机可读取存储介质中。基于这样的理解,本申请的技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在存储介质中,包括计算机程序或者若干指令。该计算机软件产品使得计算机设备(可以是个人计算机、服务器、网络设备或者类似的电子设备)执行本申请实施例所述方法的全部或部分步骤。
最后应说明的是:以上各实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述各实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分或者全部技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。

Claims (10)

1.一种数据仪表盘构建方法,其特征在于,所述方法应用于基于低代码的构建平台,所述构建平台包括仪表盘组件库,所述仪表盘组件库包括:至少一个仪表盘组件和所述仪表盘组件的配置信息,所述方法包括:
响应于用户的第一操作,在所述仪表盘组件库中的组件列表中确定至少一个仪表盘组件,并显示配置列表;
响应于所述用户在所述配置列表的第二操作,获取所述仪表盘组件的配置信息;
根据所述配置信息配置至所述仪表盘组件,生成数据仪表盘。
2.根据权利要求1所述的方法,其特征在于,所述组件列表包括如下至少一种仪表盘组件:
图表组件、列表组件、地图组件、布局组件、表单组件和文字组件。
3.根据权利要求2所述的方法,其特征在于,所述配置列表包括属性配置列表和数据配置列表,所述配置信息包括所述仪表盘的属性数据和所述仪表盘上的展示数据,所述方法还包括:
基于所述属性配置列表获取所述仪表盘组件的属性数据;
基于所述数据配置列表确定所述仪表盘组件的数据源类型;所述数据源类型包括静态数据、数据模型,以及,应用程序接口API;
根据所述数据源类型,显示对应的数据获取页面,并基于所述数据获取页面获取所述展示数据。
4.根据权利要求3所述的方法,其特征在于,若所述数据源类型为数据模型,所述基于所述数据获取页面获取所述展示数据,包括:
确定所述仪表盘组件库中是否存在与所述仪表盘组件对应的数据表单;
若否,显示数据表单创建页面;
获取创建完成的目标数据表单,以及,展示配置信息,根据所述展示配置信息对所述目标数据表单进行解析,得到所述展示数据;所述展示配置信息包括展示数据的维度和每个维度对应的指标。
5.根据权利要求3所述的方法,其特征在于,若所述数据源类型为API,所述基于所述数据获取页面获取所述展示数据,包括:
显示请求配置页面;
基于所述请求配置页面获取所述展示数据的请求方式和请求地址;
根据所述请求方式和请求地址,获取所述展示数据。
6.根据权利要求5所述的方法,其特征在于,所述根据所述请求方式和请求地址,获取所述展示数据,包括:
根据所述请求方式和请求地址,获取目标数据;
根据目标处理方式对所述目标数据进行处理,得到所述展示数据;所述目标处理方式为基于所述请求配置页面确定的。
7.根据权利要求3所述的方法,其特征在于,若所述数据源类型为静态数据,所述基于所述数据获取页面获取所述展示数据,包括:
显示代码输入页面;
基于所述代码输入页面获取目标代码;
对所述目标代码进行解析,获取所述展示数据。
8.一种数据仪表盘构建装置,其特征在于,所述装置应用于基于低代码的构建平台,所述构建平台包括仪表盘组件库,所述仪表盘组件库包括:至少一个仪表盘组件和所述仪表盘组件的配置信息,所述装置包括:
确定模块,用于响应于用户的第一操作,在所述仪表盘组件库中的组件列表中确定至少一个仪表盘组件,并显示配置列表;
获取模块,用于响应于所述用户在所述配置列表的第二操作,获取所述仪表盘组件的配置信息;
生成模块,用于将所述配置信息集成至所述仪表盘组件中,生成数据仪表盘。
9.一种电子设备,其特征在于,包括:
存储器,用于存储计算机程序;
处理器,用于执行所述计算机程序以实现权利要求1-7中任一项所述的方法。
10.一种计算机可读存储介质,其特征在于,其上存储有计算机程序,所述计算机程序被处理器执行以实现权利要求1-7中任一项所述的方法。
CN202310884348.0A 2023-07-18 2023-07-18 数据仪表盘构建方法、装置、电子设备及存储介质 Pending CN116991385A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310884348.0A CN116991385A (zh) 2023-07-18 2023-07-18 数据仪表盘构建方法、装置、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310884348.0A CN116991385A (zh) 2023-07-18 2023-07-18 数据仪表盘构建方法、装置、电子设备及存储介质

Publications (1)

Publication Number Publication Date
CN116991385A true CN116991385A (zh) 2023-11-03

Family

ID=88520697

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310884348.0A Pending CN116991385A (zh) 2023-07-18 2023-07-18 数据仪表盘构建方法、装置、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN116991385A (zh)

Similar Documents

Publication Publication Date Title
CN109614424B (zh) 页面布局生成方法、装置、计算设备和介质
CN111259303B (zh) 一种web信息系统前端页面自动生成的系统及其方法
US20200073926A1 (en) Form customization method and device
JP2020173841A (ja) ダイアログカスタマイズのためのシステムおよび方法
JP6018045B2 (ja) 選択したデータの一時的な書式設定とグラフ化
US11048484B2 (en) Automated responsive grid-based layout design system
CN109408764B (zh) 页面区域划分方法、装置、计算设备和介质
US8386919B2 (en) System for displaying an annotated programming file
US20040221259A1 (en) Method and apparatus for status display with intermediate database access
US20070033518A1 (en) Computer-implemented method, system, and program product for hiding columns in an electronic table
US9817811B2 (en) Web server system, dictionary system, dictionary call method, screen control display method, and demonstration application generation method
CN112241265A (zh) 可视化的页面处理方法和设备
CN112558967A (zh) 页面自动生成方法、装置、电子设备和存储介质
CN112241263A (zh) 可视化的页面处理方法和设备
WO2020151446A1 (zh) 一种监控系统的模式设置方法和装置
CN113535165A (zh) 界面生成方法、装置、电子设备及计算机可读存储介质
CN110737672A (zh) 一种数据可视化方法及装置
JP2001216142A (ja) プログラム作成支援装置
CN113204340A (zh) 题目生产方法、题目管理系统及电子设备
CN116991385A (zh) 数据仪表盘构建方法、装置、电子设备及存储介质
CN111797125A (zh) 报表的创建方法、装置、电子设备及计算机可读存储介质
KR102658042B1 (ko) 데이터 관리 소프트웨어 개발을 위한 전자 장치 및 그의 동작 방법
CN111782309A (zh) 显示信息的方法、装置及计算机可读存储介质
CN115509665B (zh) 一种录制窗口中控件的方法、装置、介质及设备
CN114780084B (zh) 一种协同多种类型交互界面设计的组态系统

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination