System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind()
【技术实现步骤摘要】
本申请涉及前端界面设计领域,尤其涉及一种配置界面生成方法、装置、设备及存储介质。
技术介绍
1、随着互联网的发展,前端技术不断迭代更新,从最开始的原生javascript编写界面,到后来出现react、vue、angular等前端框架,在前端的配置界面所采用的技术越来越繁杂。为了优化界面,人们又开发了ant design、bootstrap等ui(user interface,用户界面)框架。所以对于嵌入式开发人员来说,要想生成嵌入式软件调试配置界面需要学习react、vue、jsvascript、html(hypertext markup language,超文本标记语言)、css(cascadingstyle sheets,层叠样式表)等等很多前端知识,前端设计的学习成本越来越高。
2、但是有时候需求仅仅是一个简单的调试配置界面,不需要很多复杂的功能,对开发人员来说学习多种前端知识的成本就显得很高。而且生成嵌入式软件调试配置界面的传统做法是根据需求编写html渲染结构、css调整样式、javascript实现功能和填入数据。进而导致开发人员在生成配置界面时,需要学习大量的前端知识并且按照上述的做法编写代码,当出现量多且复杂的需求以需要生成其他配置界面时,开发人员需要编写大量且重复的代码,浪费了很多时间,使得开发周期长,提高了开发成本。
技术实现思路
1、本申请提供了一种配置界面生成方法、设备、装置及存储介质,解决了生成配置界面耗时长且繁琐的问题,能对应量多且复杂的需
2、第一方面,本申请提供一种配置界面生成方法,配置界面包括菜单子界面和表单子界面,该方法包括:
3、在节数据集合中存储从后端数据源获取的用于渲染界面的配置信息,并创建第一应用程序接口,以用于执行初始化操作;
4、根据节数据集合中存储的节数据,绘制菜单子界面,菜单子界面中排列有若干个与节数据对应的属性参数;
5、响应于对菜单子界面上的属性参数的选取操作,获取属性参数对应的节数据中的配置信息,以将配置信息转换为关联于amis框架的目标结构数据;
6、基于目标结构数据,调用amis组件渲染表单子界面;
7、在渲染完成后,调用第一应用程序接口获取初始数据,以对表单子界面进行初始化设置。
8、第二方面,本申请还提供一种配置界面生成装置,配置界面包括菜单子界面和表单子界面,配置界面生成装置包括:
9、信息获取模块,配置为在节数据集合中存储从后端数据源获取的用于渲染界面的配置信息,并创建第一应用程序接口,以用于执行初始化操作;
10、界面绘制模块,配置为根据节数据集合中存储的节数据,绘制菜单子界面,菜单子界面中排列有若干个与节数据对应的属性参数;
11、操作响应模块,配置为响应于对菜单子界面上的属性参数的选取操作,获取属性参数对应的节数据中的配置信息,以将配置信息转换为关联于amis框架的目标结构数据;
12、界面渲染模块,配置为基于目标结构数据,调用amis组件渲染表单子界面;
13、界面设置模块,配置为在渲染完成后,调用第一应用程序接口获取初始数据,以对表单子界面进行初始化设置。
14、第三方面,本申请还提供了一种电子设备,其包括:
15、一个或多个处理器;
16、存储装置,用于存储一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现如上述的配置界面生成方法。
17、第四方面,本申请还提供了一种存储介质,存储有计算机可执行指令,计算机可执行指令在由处理器执行时用于执行如上述的配置界面生成方法。
18、本申请方案可通过节数据集合对开发人员输入的配置信息进行存储,以在渲染配置界面时基于amis框架对配置信息进行转化,从而根据转换后的数据进行渲染,以得到所需要的配置界面,无需开发人员编写大量重复的代码,而且对于所需要生成的配置界面较多的情况,开发人员通过输入满足预设置格式的配置信息,即可实现对配置界面的渲染,有效地减少了开发人员的开发耗时。
本文档来自技高网...【技术保护点】
1.一种配置界面生成方法,其特征在于,配置界面包括菜单子界面和表单子界面,所述方法包括:
2.根据权利要求1所述的配置界面生成方法,其特征在于,所述响应于对所述菜单子界面上的属性参数的选取操作,获取所述属性参数对应的节数据中的配置信息,以将所述配置信息转换为关联于AMIS框架的目标结构数据,包括:
3.根据权利要求2所述的配置界面生成方法,其特征在于,在所述配置信息包括预定义规范的配置属性数据和自定义规范的UI数据的情况下,所述遍历所述配置信息并将所述配置信息中的参数映射至所述目标结构数据的对应项中,以将所述配置信息转换为所述目标结构数据,包括:
4.根据权利要求3所述的配置界面生成方法,其特征在于,所述第一布局类型包括垂直布局类型、水平布局类型和分组布局类型,所述第二布局类型包括基础布局类型和标签类型。
5.根据权利要求1所述的配置界面生成方法,其特征在于,所述在渲染完成后,调用第一应用程序接口获取初始数据,以对所述表单子界面进行初始化设置,包括:
6.根据权利要求1或5所述的配置界面生成方法,其特征在于,还创建有第二
7.根据权利要求1所述的配置界面生成方法,其特征在于,所述方法还包括:
8.一种配置界面生成装置,其特征在于,配置界面包括菜单子界面和表单子界面,所述装置包括:
9.一种电子设备,其特征在于,包括:
10.一种存储计算机可执行指令的存储介质,其特征在于,所述计算机可执行指令在由处理器执行时用于执行如权利要求1-7中任一项所述的配置界面生成方法。
...【技术特征摘要】
1.一种配置界面生成方法,其特征在于,配置界面包括菜单子界面和表单子界面,所述方法包括:
2.根据权利要求1所述的配置界面生成方法,其特征在于,所述响应于对所述菜单子界面上的属性参数的选取操作,获取所述属性参数对应的节数据中的配置信息,以将所述配置信息转换为关联于amis框架的目标结构数据,包括:
3.根据权利要求2所述的配置界面生成方法,其特征在于,在所述配置信息包括预定义规范的配置属性数据和自定义规范的ui数据的情况下,所述遍历所述配置信息并将所述配置信息中的参数映射至所述目标结构数据的对应项中,以将所述配置信息转换为所述目标结构数据,包括:
4.根据权利要求3所述的配置界面生成方法,其特征在于,所述第一布局类型包括垂直布局类型、水平布局类型和分组布局类型,所述第二布局类型包括...
【专利技术属性】
技术研发人员:周立功,杨韬,李柯,范灏,周聪,
申请(专利权)人:广州致远电子股份有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。