ISM Web组态软件采用Vue+Go语言开发，通过浏览器操作组态工具、浏览组态画面，实现工程管理、组态编辑、工业设备采集以及组态运行三大功能。通过实现图元组态、可视化图表组态、数据库组态的配置与关联，完成基于Web服务的实时数据监控与服务端的多用户访问等。采用标准HTML5技术，基于B/S架构进行开发，支持WEB端呈现，支持在浏览器端完成便捷的人机交互，简单的拖拽即可完成可视化页面的编排设计。支持Windows、Centos等其他基于Linux内核的系统。具有安装简单、操作方便、功能实用等特点。

功能界面

今天先来简单介绍一下

【组态应用开发】

第一节 创建页面

页面是ISM组态界面最重要的组成部分，数据的展示主要靠每个页面去展示，页面分电脑端和手机端，手机端页面在用户手机上打开时自动跳转到手机界面。手机界面也可以用uni-app工具直接打包成android和IOS平台的安装包。

#创建电脑端页面

点击PC端右边的图标，弹出新建页面的对话框，填写页面名称，选择页面尺寸，尺寸也可以在样式中修改

给页面加个背景图

在系统图片中，选择一个背景图，然后页面的背景即可变成了我们想要的背景

#设置首页

如果我们有多个页面，那么我们必须要设置一个展示的首页，也就是打开应用时第一个展示的页面。如下图，点击像家的图标，即可设置本页面为此应用的首页展示，如果此页面是首页，页面的前面会出现像家的图标。

后面两个图标依次是，编辑页面的名称，删除页面，鼠标移动上面时会有提示操作。

第二节 开发第一个组态应用

这节我们要学习怎么样在多个页面中进行页面的跳转。

#1.添加图片组件

#选择图像

#选择系统图片，选择一个图标

#选择我们图片组件，给组件添加一个单击行为，行为触发的的是打开应用里面的另一个页面。

Ctrl+s即可保存，点击预览按钮调试我们刚才开发的页面
但我们的鼠标移动到组件上时，显示当前组件是可以点击的，点击后跳转到了我们刚才配置的页面中
行为里面页面打开有个弹窗选项，此选项是不进行跳转，直接以弹窗的形式打开页面

第三节 展示设备的数据

这节我们将展示如果让组态界面与我们的设备联动，前提是我们的设备数据已经采集已经完成。

#展示设备变量

在左侧列表中把变量组件拖到页面中，选择我们要显示的设备数据

点击动作页面，然后选择绑定的数据

在弹窗的对话框中选择我们要展示的数据

完成后，ctrl+s保存，单击预览按钮，即可看到设备的数据同步显示到页面中