System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind()
【技术实现步骤摘要】
本专利技术属于低代码平台,具体说是一种面向低代码平台的可视化渲染引擎设计方法。
技术介绍
1、企业信息化建设飞速发展,对信息化业务建设提出一系列高标准的要求,体现为:缩短信息系统建设周期、降低开发成本、满足信息化业务定制化、降低系统运维成本,传统的软件开发模式无法满足这一变化。
2、低代码平台作为一种新型的软件开发模式,具备数据模型为驱动、原型开发、灰阶发布等核心能力,可以实现最小化手动编码、无代码或者ai编码的方式,进行信息系统建设,同时能够与云平台实现无缝集成。低代码平台可以替换传统开发模式,满足信息化建设需求,实现降本增效。
3、低代码平台的构建是一项高技术难度、高复杂度、高繁琐的庞大工作,其核心功能包括具备大量可拖拽控件的可视化编辑器和可视化渲染引擎。可视化编辑器负责将业务需求转换为可视化协议,可视化渲染引擎通过对可视化编辑器产生的可视化协议,渲染为可执行、可操作、可发布、可集成的功能页面。由此可见,可视化渲染引擎是低代码平台的最为核心功能,也是评价低代码平台的关键技术指标。
4、信息系统原型设计和开发是信息化系统建设的基础,依赖的技术体系和可视化控件库非常多,当前主流可视化渲染引擎,主要面向某一类应用场景或者某一类技术体系,在通用性和扩展性存在着不足。构建满足主流技术体系和主流可视化控件库,同时兼具扩展能力的可视化引擎具有极其重要的商业价值。
技术实现思路
1、本专利技术目的是提供一种面向低代码平台的可视化渲染引擎设计方法,以低代码、无
2、本专利技术为实现上述目的所采用的技术方案是:
3、一种面向低代码平台的可视化渲染引擎设计方法,包括以下步骤:
4、1)构建页面控件;
5、1-1)设计页面布局协议解析方法:针对低代码可视化编辑器导出的页面布局协议,依据渲染规范,对页面布局协议进行解析,转换为引擎可识别的对象;
6、1-2)根据引擎可识别的对象,构建页面布局渲染树:遍历文档对象模型,依次渲染组件节点,构建组件树,结合样式树,进行二次渲染,构建页面渲染树,完成控件树的构建、样式树的构建,以及页面控件渲染树的构建,并遍历控件树和样式树,依据样式编码cssid,将控件和样式绑定,以获取到每个可见组件元素的布局;
7、1-3)根据引擎可识别的对象,构建页面控件交互能力,完成页面控件的构建;
8、2)构建页面控件适配器,以实现步骤1)构建的页面控件适配和动态扩展能力;
9、3)构建页面控件工厂,以实现步骤1)构建的页面控件实例生命周期管理。
10、所述页面布局协议,包括:样式协议、文档对象模型、页面属性、页面状态、自定义函数、页面生命周期、页面配置、数据源、依赖项。
11、所述页面控件交互能力,包括页面属性设置、页面状态设置、自定义函数设置、页面生命周期函数设置、导入依赖项、加载依赖资源、配置设置以及加载数据。
12、在步骤1-1)中,所述对页面布局协议进行解析,转换为引擎可识别的对象,具体为:
13、页面布局协议解析方法fparse的格式规范表示为:
14、fparse={css,dom,props,state,methods,life,config,datasource,depences,ref}
15、其中,css为css样式,dom为渲染对象,props为页面属性,state为页面状态,methods为自定义函数,life为生命周期函数,config为配置项,datasource为数据源,depences为依赖项,ref为引用控件对象。
16、所述控件树的构建,包括:构建控件树模型,以及控件树构建方法;
17、其中,所述控件树模型为父子控件级联构建成树模型,父子控件模型相同,控件树模型domroot的格式规范表示为:
18、domroot={id,type,name,visiable,...cssid,...,domchildren}
19、其中,id,type,name,visiable,...为控件设定的基本属性,cssid为样式编码,domchildren为设定的该控件所属子控件集;
20、所述控件树构建方法,包括:
21、a.获取根节点,依据根节点属性渲染控件;
22、b.获取该根节点所属子节点集;
23、c.如果子节点集不为空,遍历该子节点,绘制子节点,并回溯到步骤b;如果子节点为空,则返回。
24、所述样式树的构建,包括:样式树模型和样式树构建方法;
25、所述样式树模型为父子样式级联构建成树模型,父子样式模型相同,样式树模型cssroot的格式规范表示为:
26、cssroot={id,...,[key:value],csschildren}
27、其中,id,...,[key:value]为设定的控件基本属性,[key:value]为样式标签和样式值映射关系,csschildren为设定的该控件所属子样式集;
28、所述样式树构建方法,包括以下步骤:
29、步骤一:获取根节点,依据根节点属性,定义该节点样式;
30、步骤二:获取该根节点所属子样式节点集;
31、步骤三:如果子样式节点集不为空,遍历该子节点,定义子样式节点,并回溯到步骤二;如果子样式节点为空,则返回。
32、所述构建页面控件适配器,具体为:
33、定义页面控件第三方扩展能力,包括:扩展接口定义;
34、扩展接口extract的格式规范表示为:
35、extract={resourceid,name,version,comment,[mthd],[prop],[recall],[com]}
36、其中,resourceid为依赖的第三方资源包,[mthd]为resourceid提供的接口集,[prop]为resourceid提供的属性集,[recall]为resourceid提供的回调接口集[mthd]为resourceid提供的控件集。
37、所述步骤3),具体为:
38、定义页面控件实例生命周期管理能力,包括:页面控件创建、页面控件调用、页面控件销毁。
39、本专利技术具有以下有益效果及优点:
40、1.采用本专利技术描述的可视化渲染引擎设计方法,以低代码、无代码方式实现可视化开发。
41、2.采用本专利技术描述的可视化渲染引擎设计方法,极大程度简化应用发布和部署方式,实现应用灰阶发布和与云平台无缝集成。
42、3.采用本专利技术的可视化渲染引擎设本文档来自技高网...
【技术保护点】
1.一种面向低代码平台的可视化渲染引擎设计方法,其特征在于,包括以下步骤:
2.根据权利要求1所述的一种面向低代码平台的可视化渲染引擎设计方法,其特征在于,所述页面布局协议,包括:样式协议、文档对象模型、页面属性、页面状态、自定义函数、页面生命周期、页面配置、数据源、依赖项。
3.根据权利要求1所述的一种面向低代码平台的可视化渲染引擎设计方法,其特征在于,所述页面控件交互能力,包括页面属性设置、页面状态设置、自定义函数设置、页面生命周期函数设置、导入依赖项、加载依赖资源、配置设置以及加载数据。
4.根据权利要求1所述的一种面向低代码平台的可视化渲染引擎设计方法,其特征在于,在步骤1-1)中,所述对页面布局协议进行解析,转换为引擎可识别的对象,具体为:
5.根据权利要求1所述的一种面向低代码平台的可视化渲染引擎设计方法,其特征在于,所述控件树的构建,包括:构建控件树模型,以及控件树构建方法;
6.根据权利要求1所述的一种面向低代码平台的可视化渲染引擎设计方法,其特征在于,所述样式树的构建,包括:样式树模型和样式树构建方法;
7.根据权利要求1所述的一种面向低代码平台的可视化渲染引擎设计方法,其特征在于,所述构建页面控件适配器,具体为:
8.根据权利要求1所述的一种面向低代码平台的可视化渲染引擎设计方法,其特征在于,所述步骤3),具体为:
...【技术特征摘要】
1.一种面向低代码平台的可视化渲染引擎设计方法,其特征在于,包括以下步骤:
2.根据权利要求1所述的一种面向低代码平台的可视化渲染引擎设计方法,其特征在于,所述页面布局协议,包括:样式协议、文档对象模型、页面属性、页面状态、自定义函数、页面生命周期、页面配置、数据源、依赖项。
3.根据权利要求1所述的一种面向低代码平台的可视化渲染引擎设计方法,其特征在于,所述页面控件交互能力,包括页面属性设置、页面状态设置、自定义函数设置、页面生命周期函数设置、导入依赖项、加载依赖资源、配置设置以及加载数据。
4.根据权利要求1所述的一种面向低代码平台的可视化渲染引擎设计方法,其特征在于,在...
【专利技术属性】
技术研发人员:潘福成,胡国良,史海波,原文斌,
申请(专利权)人:中国科学院沈阳自动化研究所,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。