一种基于配置动态生成操作界面的方法.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN111104116A(43)申请公布日2020.05.05(21)申请号201911285470.6(22)申请日2019.12.13(71)申请人紫光云（南京）数字技术有限公司地址210000江苏省南京市浦口区江浦街道浦滨路320号浦口科创广场科创总部大厦B座17楼(72)发明人游亚萍(51)Int.Cl.G06F8/38(2018.01)G06F9/455(2006.01)G06F8/34(2018.01)权利要求书1页说明书2页附图1页(54)发明名称一种基于配置动态生成操作界面的方法(57)摘要本发明公开了一种基于配置动态生成操作界面的方法，包括步骤：S1、定义配置：根据数据可视化操作界面中的组件配置需求定义组件的配置对象，确定组件的默认配置与可配置项，根据组件的可配置项确定配置对象的结构；S2、解析配置：根据控件类型及步骤S1定义的组件的配置对象确定渲染函数；S3、渲染界面：在浏览器中打开可视化页面，检查渲染出的配置界面是否与预期相符。本发明通过将数据可视化工具页面中的配置界面抽象为javascript中的对象字面量，开发者在为可视化工具增加新组件时、可以简单快速地根据需求实现新组件的配置界面的开发。CN111104116ACN111104116A权利要求书1/1页1.一种基于配置动态生成操作界面的方法，其特征在于：包括步骤：S1、定义配置：根据数据可视化操作界面中的组件配置需求定义组件的配置对象，确定组件的默认配置与可配置项，根据组件的可配置项确定配置对象的结构，该结构为树形结构，包含对应修改的组件配置字段、配置方式及子配置；S2、解析配置：根据控件类型及步骤S1定义的组件的配置对象确定渲染函数，控件类型与渲染函数为一对一关系，每一个类型都必须有一个对应的渲染函数；S3、渲染界面：在浏览器中打开可视化页面，检查渲染出的配置界面是否与预期相符。2.根据权利要求1所述的基于配置动态生成操作界面的方法，其特征在于：在浏览器中操作界面，观察对应的组件是否根据用户配置的改变实时更新；并根据业务需求和ui设计稿对步骤S1定义好的配置和配置解析函数进行修改，直到满足需求为止。3.根据权利要求1所述的基于配置动态生成操作界面的方法，其特征在于：步骤S2中，将控件类型作为渲染函数的函数参数，并传入相应控件所需的其他配置。4.根据权利要求1所述的基于配置动态生成操作界面的方法，其特征在于：访问页面所使用的浏览器为现代浏览器。5.根据权利要求1所述的基于配置动态生成操作界面的方法，其特征在于：解析配置时，渲染出的控件选择经过UI库封装组件，UI库为业界广泛使用的库。2CN111104116A说明书1/2页一种基于配置动态生成操作界面的方法技术领域[0001]本发明涉及数据可视化技术领域，具体为一种基于配置动态生成操作界面的方法。背景技术[0002]操作界面为可视化设计页面中的组件配置界面，包含输入框、单选框、复选框、颜色选择器、时间选择器、自定义控件。操作界面主要用于为可视化设计提供页面配置元素。[0003]在实现数据可视化工具的配置功能时，需要生成大量用户配置项。并且，随着组件丰富度增加，配置项也越来越复杂繁多。此时，继续使用按需求顺序编码的方式，代码将越来越臃肿、不易维护。发明内容[0004]发明目的：本发明针对上述不足，提供了一种完成数据可视化页面配置界面的方法，具有代码结构简单明了、易维护、可复用性强的特点，能够有效的支撑可视化设计中种类繁多的组件配置，解决了可视化数据工具页面配置问题。[0005]技术方案：[0006]一种基于配置动态生成操作界面的方法，包括步骤：[0007]S1、定义配置：根据数据可视化操作界面中的组件配置需求定义组件的配置对象，确定组件的默认配置与可配置项，根据组件的可配置项确定配置对象的结构，该结构为树形结构，包含对应修改的组件配置字段、配置方式及子配置；[0008]S2、解析配置：根据控件类型及步骤S1定义的组件的配置对象确定渲染函数，控件类型与渲染函数为一对一关系，每一个类型都必须有一个对应的渲染函数；[0009]S3、渲染界面：在浏览器中打开可视化页面，检查渲染出的配置界面是否与预期相符。[0010]在浏览器中操作界面，观察对应的组件是否根据用户配置的改变实时更新；并根据业务需求和ui设计稿对步骤S1定义好的配置和配置解析函数进行修改，直到满足需求为止。[0011]步骤S2中，将控件类型作为渲染函数的函数参数，并传入相应控件所需的其他配置。[0012]访问页面所使用的浏览器为现代浏览器。[0013]解析配置时，渲染出的控件选择经过UI库封装组件，UI库为业界广泛使用的库。[0014]有益效果：本发明通过将数据可视化工具页面