GUI图形界面 无代码开发 原理 2 - 属性继承的重写| uiotos致敬amis、appsmith、codewave、goview、dataroom、iotrouter、FUXA、乐吾乐、dooring等

合集 - UIOTOS(18)

1.UIOTOS前端零代码 第5节：（实践）嵌套+连线0开发扩展组件，实现切换开关控制扇叶转动2024-04-092.UIOTOS零代码开发一个仿Window简单计算器2024-04-103.UIOTOS前端零代码 第7节：（实践）利用嵌套+收发器组件，零代码实现简单计算器功能2024-04-104.回顾发展史，WEB组态终于可以搭建业务系统了！2024-04-225.2024了还在用Qt、PyQt做图形界面？致敬Qt Designer，这款前端无代码拖拽工具值得一用！2024-04-226.NodeRed节点编辑用于边缘计算和规则引擎，能做带UI界面和业务逻辑的上位机或前端应用吗？2024-04-227.刚交付了智慧园区统一管理平台，前端零代码+后端零代码+物联网平台，完美搭配！（一）2024-04-228.最新零代码，套娃一样开发IoT应用！2024-08-299.一觉醒来，Qt、C#界面开发的天塌了？2024-09-1010.NodeRed+UIOTOS绝配！流程连线搭建上位机 一2024-09-2311.大萧条，大裁员，一款技术人员的创收利器！2024-09-2312.前端零代码5：新能源汽车HMI中控屏2024-09-2313.后台管理前端设计器，个人商用1999！源码学习2024-09-2414.UIOTOS前端组态跟中控等SCADA、HMI有什么区别？2024-09-2915.前端零代码-技术原理：对话框嵌套和自定义按钮| uiotos致敬amis、appsmith、codewave、goview、dataroom、iotrouter、FUXA、乐吾乐、dooring等2024-10-0216.前端零代码-原理：与嵌套页面内的组件通信| uiotos致敬amis、appsmith、codewave、goview、dataroom、iotrouter、FUXA、乐吾乐、dooring等2024-10-0217.前端无代码-表单页面的查看和编辑| uiotos致敬amis、appsmith、codewave、goview、dataroom、iotrouter、FUXA、乐吾乐、dooring等2024-10-02

18.GUI图形界面 无代码开发 原理 2 - 属性继承的重写| uiotos致敬amis、appsmith、codewave、goview、dataroom、iotrouter、FUXA、乐吾乐、dooring等2024-10-10

收起

大家好，我是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等，能与NodeRed、APIJSON、IoT平台等形成前后端一体方案，快速交付工业、物联网等项目。

---

 

400-1188-502

了解咨询