GUI图形界面 无代码开发 原理 1 - 属性标识链

2024-10-06 20:28   湖北  

低代码饱受争议。也有例外:后端NodeRed,前端Amis。

整体还是诟病为主:简单业务可以,复杂的是扯淡,不论前后端。这是一贯的认知。

在GUI方面,UIOTOS发明的嵌套技术,为复杂前端的无代码开发,开辟了一条新的思路。往期文章:

可视化拖拉拽?过时了!

组态零代码,不能做复杂前端?

嵌套原理

复杂交互界面,vue、Qt、C#等是主流,其中核心就是嵌套:

  • vue主打增量化、渐进式开发,一切都是组件。

  • Qt中面向对象的组件封装、信号槽通信解耦。


这样方便把复杂的交互界面,拆解成一个个小模块,构建成整体应用。

UIOTOS把代码支持的嵌套,用图形界面实现了:

  • 一个页面,由容器组件,嵌套到另一页面中。

  • 容器组件,能选择内嵌页的任意组件和属性,追加到自身属性上。

  • 对继承属性的读写,跟原有属性一样。


为实现该特性,UIOTOS提供了keyURL机制,每嵌套一层,属性名就往前追加一段,带上页面、组件等信息,唯一寻址。

以下示意,经多层嵌套后,属性标识的变化:

  1. 文本

  2. 页面1>组件1>文本

  3. 页面1>组件1>文本

  4. 页面2>容器2>页面1>组件1>文本

  5. 页面4>容器4>页面2>容器2>页面1>组件1>文本

  6. 页面5>容器5>页面4>容器4>页面2>容器2>页面1>组件1>文本

  7. ……


按照此规则,可以确保任意嵌套,在上层页面对继承的属性,都能识别具体是哪层内嵌页、哪个组件的哪个属性。

如上所示,带有.的为继承过来的属性,有多个.,就是多层继承。当然,这只是为了方便人去识别,实际各自的属性keyURL都是不同的。

属性编辑时,引擎根据规则,逐层向下寻址,识别定位到组件和属性,将值同步过去。

好了,先介绍到这,下篇将继续介绍,属性继承的向上同步和向下同步。

关于

UIOTOS是一款前端零代码工具,可搭建后台管理大屏组态上位机HMI等,能与NodeRedAPIJSONIoT平台等形成前后端一体方案,快速交付工业、物联网等项目。


400-1188-502

了解咨询

前端组态
关于页面嵌套相关技术和应用,涉及前端零代码、可视化编程等。
 最新文章