GUI图形界面 无代码开发 原理 2 - 属性继承的重写

2024-10-09 22:20   河北  

大家好,我是robbin。上一篇介绍了属性标识链(keyURL),这是无代码页面嵌套寻址的关键:

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

本篇介绍属性继承的重写。场景示例:

A1 → B1 → C1 → D1
         B2  

其中A1嵌套了B1、B2,而这两个都嵌套了C1,再向下嵌套了D1。效果:

纵向、水平多层嵌套

现对底层页面D1的背景颜色,继承到B1和B2上,默认情况下,D1颜色属性值变化,将逐层向上同步:

公共底层一改均改

属性值逐层向上同步B1>0>gv1>a:C1>0>gv1>a:D1>0>_base>s:shape.background

属性值逐层向上同步B2>0>gv1>a:C1>0>gv1>a:D1>0>_base>s:shape.background

对上层继承属性的值,设置、保存不会生效,再刷新将恢复底层属性值:

默认以底层值为准

要对继承属性值重写,刷新页面也能保持,做一个标记“锁定”设置即可:

锁定下以上层值为准

小结

页面嵌套、继承和重写,与面向对象的思想雷同。可以结合相关编程经验,去类比、理解和评估GUI界面开发,为什么无代码也能开发。

UIOTOS极具特色,与其他UI编辑器、大屏设计器、前端低代码、WEB组态相比,率先能无代码实现“原型即应用”。

关于

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


400-1188-502

了解咨询

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