[发明专利]一种基于配置动态生成操作界面的方法

说明书

本发明公开了一种基于配置动态生成操作界面的方法，包括步骤：S1、定义配置：根据数据可视化操作界面中的组件配置需求定义组件的配置对象，确定组件的默认配置与可配置项，根据组件的可配置项确定配置对象的结构；S2、解析配置：根据控件类型及步骤S1定义的组件的配置对象确定渲染函数；S3、渲染界面：在浏览器中打开可视化页面，检查渲染出的配置界面是否与预期相符。本发明通过将数据可视化工具页面中的配置界面抽象为javascript中的对象字面量，开发者在为可视化工具增加新组件时、可以简单快速地根据需求实现新组件的配置界面的开发。

技术领域

本发明涉及数据可视化技术领域，具体为一种基于配置动态生成操作界面的方法。

背景技术

操作界面为可视化设计页面中的组件配置界面，包含输入框、单选框、复选框、颜色选择器、时间选择器、自定义控件。操作界面主要用于为可视化设计提供页面配置元素。

在实现数据可视化工具的配置功能时，需要生成大量用户配置项。并且，随着组件丰富度增加，配置项也越来越复杂繁多。此时，继续使用按需求顺序编码的方式，代码将越来越臃肿、不易维护。

发明内容

发明目的：本发明针对上述不足，提供了一种完成数据可视化页面配置界面的方法，具有代码结构简单明了、易维护、可复用性强的特点，能够有效的支撑可视化设计中种类繁多的组件配置，解决了可视化数据工具页面配置问题。

技术方案：

一种基于配置动态生成操作界面的方法，包括步骤：

S1、定义配置：根据数据可视化操作界面中的组件配置需求定义组件的配置对象，确定组件的默认配置与可配置项，根据组件的可配置项确定配置对象的结构，该结构为树形结构，包含对应修改的组件配置字段、配置方式及子配置；

S2、解析配置：根据控件类型及步骤S1定义的组件的配置对象确定渲染函数，控件类型与渲染函数为一对一关系，每一个类型都必须有一个对应的渲染函数；

S3、渲染界面：在浏览器中打开可视化页面，检查渲染出的配置界面是否与预期相符。

在浏览器中操作界面，观察对应的组件是否根据用户配置的改变实时更新；并根据业务需求和ui设计稿对步骤S1定义好的配置和配置解析函数进行修改，直到满足需求为止。

步骤S2中，将控件类型作为渲染函数的函数参数，并传入相应控件所需的其他配置。

访问页面所使用的浏览器为现代浏览器。

解析配置时，渲染出的控件选择经过UI库封装组件，UI库为业界广泛使用的库。

有益效果：本发明通过将数据可视化工具页面中的配置界面抽象为javascript中的对象字面量，开发者在为可视化工具增加新组件时、可以简单快速地根据需求实现新组件的配置界面的开发。

附图说明

图1为本发明系统流程图。

具体实施方式

下面结合附图和具体实施例，进一步阐明本发明。

图1为本发明系统流程图。请参阅图1，本发明基于配置动态生成操作界面的方法，包括步骤：

S1、定义配置：根据数据可视化操作界面中的组件配置需求定义组件的配置对象，确定组件的默认配置与可配置项，根据组件的可配置项确定配置对象的结构，该结构为树形结构，包含对应修改的组件配置字段、配置方式及子配置；