- 组态资源：分为四大类，基础组件、图库组件、自定义图表组件、自定义VUE组件。其中除了
基础组件不能动态添加修改，其他三类都有对应菜单可以动态添加修改。 - 数据源：组态数据源主要以
websocket、http、自定义形式呈现。可以连接外部，也可以连接平台内部，并提供快捷方式选择设备相关数据。消息格式主要以JSON呈现。组件属性绑定数据源主要以data.key的方式绑定。 - 组件属性：
图库组件的可配置属性已经全部预置好了，只管绑定数据源即可。图表组件的属性要在添加图表的页面进行配置哪些属性是可以修改的，详细请看图标管理说明。同理，自定义的VUE组件也是如此，哪些属性可以绑定数据源都是可以配置的。 - 画布：画布可以
长按非主屏幕区域拖动画布位置，也可以长按鼠标滚轮拖动。画布大小可以选择上方的快捷按钮适配，也可以自定义长宽。尤其注意，浏览器默认不是全屏模式，因此选择的默认2k或者1K屏幕是全屏模式的适配，非全屏会被拉伸。建议选择画布预览适配为拉伸铺满，这样会自动拉伸，避免有空白处。 - 操作细节：
- 1、当修改完之后，请先点击右上角
保存再预览，否则预览不会生效。 - 2、善用
锁定功能，尤其是背景图和排版，固定位置之后可以锁定，避免一不小心拖动改变了位置。 - 3、图片有个图片切换功能，用在动图和静图切换是个很不错的选择，比如从旋转的风扇切换为停止的风扇。
- 4、所有组件都有点击事件，点击事件是可以配置一长串的，其中有一条是修改数据源的值，可以用它来控制其他组件的状态，或者自身的某个属性状态。
- 5、点击事件中，
修改属性和下发指令这两项，可以填写默认值或者弹窗输入，针对开关按钮，可以设置一个开一个关两个按钮，这种用默认值更方便，不需要弹窗输入。针对比如修改温度啥的，就尽量用弹窗输入。