大家好，我是robbin。往期介绍和学习文章如下：
1. 拖拽
与常规工具区别不大，主要是从左侧工具栏中选择组件、图标、素材，拖放到中间编辑页面，选中后，在右侧属性面板设置：
注意事项：
组件：绘图、接口等，也是组件。
图标：支持iconfont图标拖进来。
素材：支持本地图片、音视频拖进来。
2. 编辑
选中后，右侧面板能设置属性。双击能设置最常用的属性：
属性面板右上角，能关键词搜索过滤：
对组件可做自动布局，并且能微调：
注意事项：
不同组件双击，弹窗默认设置不一样。
组件不做布局，运行时，会自动采用默认布局。
shift + 回车，对组件布局后，属性默认不显示。点击右上角漏斗符号（变为白色），再shift + ctrl + F显示全部属性，就能看到。
3. 绘图
如下所示，在组件-绘图中，拖放相应的组件，鼠标松开时，按下、拖动、松开，就能完成绘制：
注意事项：
除了绘图，其他所有拖放、松开鼠标就好，绘图较特殊。
不规则图形（包括曲线）、管道，绘制完，双击鼠标才能打断、结束。
4. * 连线
也叫蓝图、工作流、flow。与nodered类似。这里连线用于传递数据，比如：输入框 . 值内容 → 文本框 . 值内容，这条连线实现内容传递：
即：来源组件 . 来源属性 ---> 目标组件 . 目标属性
连线松开时，弹窗选择目标属性，再弹窗选择来源属性：
注意事项：
A → B的连线，由A的事件触发。
与常见的工作流连线相比，能无代码方式，实现更细致的逻辑。
小结
UIOTOS在传统拖拽编辑基础上，新增了独特的连线操作，有如下特点：
相比蓝图连线，这里能实现任意属性的操作，更加灵活。
相比NodeRed工作流，这里处理交互逻辑，数据解析，无需代码。
当然，连线还有数组操作、数据解析等作用，后面单独介绍。下期将介绍另一个特色——嵌套。
关于
UIOTOS是一款前端零代码工具，可搭建后台管理、大屏组态、上位机、HMI等，快速交付工业、物联网等项目。
UIOTOS 集成 NodeRed = 工控设备上位机
UIOTOS 集成 APIJSON = CRUD业务系统
UIOTOS 集成 物联网平台 = IoT平台上层应用
产品咨询
