（一）进入显示板设计
“显示板设计” 应用有4个栏目，分别是：工作台、PRO显示板、大屏显示板和APP显示板。
工作台里面，主要是列举一些最近新做的或修改过的一些显示板设计项目（最多8个）。 这里说的“最近”并没有一个严格的时间规定。
无论是哪一种显示板设计，实际上方法都是一样的。我们仅以PRO显示板为例来讲解。
还是以SERG佳华电站为例：
先回顾一下佳华电站的几个对象到底是什么：
佳华电站的对象有两类：
第一类，分别是“佳华1#机组”、“佳华2#机组”、……、“佳华5#机组”。当初在规划这些对象的时候，它们就用来作为发电机组设备运行的实时监控。所以，必须要给这些对象（各发电机组）做一个用来实时监控的显示板。
这个显示板，就叫“机组运行监控A”显示板。这个显示板应该相对比较简单，其实就是把机组对象的FV变量用什么合适的形式展现出来，什么FV用仪表显示，什么FV用曲线显示。
为什么这个名字后面带个A呢？还记得我们修改的映射表名字吧，这个显示板除了佳华电站机组使用，奔腾的全部机组和粤海的1#机组也应该都可以使用。这样取名未来余地就大一些，所以需要未雨绸缪。
第二类，只有一个对象，“佳华电站工况与生产”，当初规划这个对象是用来掌握整个电站的燃气条件和生产情况。
这个显示板，叫“佳华电站工况与生产”显示板，这个显示板应该会复杂一些，除了直接展现该对象的FV，应该还需要展现一些统计数据。
那下面就开始，把这两个显示板逐一实现。
（二）规划显示板
现在明确了要设计的显示板是“机组运行监控”，也明确了这个显示板的目的是为了机组运行的实时监控。
在动手设计显示板之前，还需要看一下，这个对象都有哪些FV变量。这是“佳华1#机组”对象的FV变量情况：
这是我们熟悉的一张图。在对象这一层次，隐去了“数据终端（Aprus）”和“数据终端键值（AprusKey）”,只需要关心对象变量（FV）。这样我们就大致心里有数了，有多少东西需要放到显示板上。
显示板设计实际上就是两个问题，一个是如何选择设计元素的问题，另一个是如何布局的问题。当然，设计其实是一个非常复杂的事情，不仅是要让数据显示的方式合理，还要整体上布局合理，美观大方。当然我们并没有办法在“显示板设计”应用手册里面去详解如何设计的理念和传播美学价值观。
（三）创建显示板
进入 “显示板设计”，在工作台上直接创建PRO显示板：
输入显示板名称和标识，确定创建:
确定创建PRO显示板后，可以在 “PRO显示板” 分类中找到刚才创建的这个显示板：
这个显示板是空的，什么都没有，因为还没有开始设计。
我们打开 “查看脚本” 看一下：
脚本也是空（null）。
点击这个缩略图标，进入设计。
进入设计后能够看到，左边一列是设计元素；中间的区域是画布；右边的是属性和数据编辑器。
我们的焦点是 “显示板”，所以，右边的属性编辑器对应的是 “显示板” 的属性，可以看到，暗格里面显示的是刚才创建显示板时候的输入的显示板名称和标识。如果这个名字和标识还需要修改，那么可以再次编辑。
我们注意到，右上角有两个图标，这是两个非常重要的图标：
左边的图标，是 “保存” 图标，这是对所做设计的保存按钮。因为 “显示板设计” 工具是浏览器在线的设计工具，所以，并不能像 Word、Excel 一样，自动保存。因此，强烈建议客户在使用 “显示板设计” 应用的时候，一定记得要经常去保存一下自己完成的设计，否则很有可能前功尽弃。
右边的图标，是 “导入” 图标。前面介绍过，显示板实际上就是一堆 “显示板脚本代码” 。如果我们手上有别人做好的类似的设计，也都可以拿过来直接导入，再做修改。
现在可以正式开始设计了。
（四）创建页面
第一件事就是要在画布上创建显示页面。换句话说，一个显示板可以包含多个显示页面。创建页面就是点击画布下方的“+”。
请注意，当我们创建了新的显示页面，此时的焦点已经不再是之前的“显示板”，而是 “显示板–显示页面”。
这时可以在右边的属性编辑器里面，完善这个页面的属性和设置。一般来说，只需要修改显示页面的“标题”属性，而“标识”和“类型”属性不用去修改。
属性最后一项，是“列”数，默认的是20列，这暂时也无需去调整，等有问题的时候再来调整也可以。
把 “标题” 设置为 “运行状态”：
然后确定，保存标题属性的编辑。
（五）元素布局
现在，我们完成了显示板的第一个显示页面的创建和属性配置，接下来就可以进入元素布局了。
打开 “仪表盘” 元素区，把“仪表盘”元素拖拽到显示板页面上，我们打算用仪表盘显示A/B气缸温度。
这里有两个概念需要说明一下。一个概念是“元素区（或元素组）”，它是同类元素的分区，平时是折叠起来的，当需要用到这个元素分区里面元素的时候，可以打开这个元素分布；
另一个概念是“元素（或设计元素）”,元素是显示数据的载体，也是显示页面的基本单元，每个元素一定都属于某个元素区。
当我们把“仪表盘”元素拖拽到“运行状态”这个显示页面后，焦点就落到了这个仪表盘元素上了，这时可以对这个“仪表盘”元素进行属性编辑：
把这个仪表盘元素的尺寸拉大，并进行数据编辑：
这样，第一个元素就就位了。
（六）元素属性设置
这里需要重点看一下这几个属性。
“重载周期”是这个元素所显示的数据多久刷新一次。默认是60秒，可以根据需要进行调整。
仪表盘元素颜色分区设置，可以设置温度超过660就是红色报警。
有两个最重要的属性必须说明清楚。
“元素变量名”，这是一个必须要填写的属性项。
“元素变量名”属性项是指该元素对应的对象变量（FV）是哪一个，也就是说这个仪表盘要显示的数据是哪一个对象变量（FV）的数据。这个属性设置是绝对不能弄错的，否则就会显示其他东西。
“对象ID”是一个“默认关联”属性项。
所谓“默认关联”属性的意思就是说，如果“对象ID”属性项里面什么都不填写，那么，未来任何一个应用只要引用这个显示板，这个元素的属性就会自动关联到相关的对象，而无需再重新声明或绑定；
但如果“对象ID”属性项里面填写的是某个确定的对象编号，那么，无论这个显示板被哪一个应用引用，也无论用这个显示板去展现哪一个对象的数据，这个元素所对应的对象就是这个属性项指定的，不会由于这个显示板被哪一个对象引用而改变。
现在这个显示板，是打算给“佳华1#~5#机组”、“奔腾1#～4#机组”以及“粤海1#机组”使用的， 所以这个“对象ID”属性项就不能填写：
第一个元素弄好了，按右下角的“保存”，把这个元素的所有属性设置都保存下来。其他元素先不急。再按一下右上角的“保存”图标：
这时，这个设计就被保存了下来，显示板设计退回到工作台。
（七）设计结果–脚本
显示板设计的结果，就是一个脚本。
我们查看一下刚才这个设计的脚本：
显示板的脚本还比较长，再向下滑动以观全貌：
我们来分析一下这个脚本：
虽然这个显示板，只有一个显示板页面，这个显示板页面也只有一个设计元素，但这个显示板的脚本看上去也不是很简单，其实这些都是属性项的属性值而已。
我们使用“显示板设计”应用这个工具，拖拽、调整位置大小、完善属性设置，这个工作很简单，但要是手工去写这个脚本，就不是很容易了，这就是为什么我们需要一个工具的原因。
我们如法炮制，把A1～A8缸温、B1～B8缸温都放上去。
这时千万要记得，按右上角的“保存”按钮，保留这些设计成果。
回看—下对象的变量：
现在打算把燃气压力、燃气温度、增压压力、增压温度数据放上去，展现形式用基础数据卡片就可以了。
同样，需要设置卡片设计元素的属性。分别说明一下卡片设计元素属性项里面的几个重点属性项：
首先看“数据源”：
卡片设计元素的“数据源”属性项有多个选择，我们选择的是“实时数据”，“实时数据”的意思，就是“对象变量实时数据”，也就是“对象FV的实时数据”，这是最常用的选项。
其他几个选项为：
统计结果
统计结果选项是指“统计计算”应用中，某个统计项目的结果。该选项对应的“数据ID”为该统计项目的编号。计算结果
计算结果选项是指“统计计算”应用中，某个计算项目的结果。该选项对应的“数据ID”为该计算项目的编号。实时统计
首先需要说明的是，“实时统计”这个选词并不准确。这里所谓“实时统计”的意思是，在统计过程中会有很多中间结果，“实时统计”就是实时把这些中间结果数据呈现出来。
可以举个例子来说明。比如要统计每天的发电量，按道理应该是当天结束后去统计这一天一共发了多少电。但事实上发电是时时刻刻的，我们可以随时观察，比如每间隔半分钟或一分钟地去更新一次今天从开始到现在的发电量。
该选项对应的 “数据ID”，还是 “统计计算” 应用里面，对应统计项目的编号。
- 实时计算
所谓“实时计算”的解释跟实时统计类似。
该选项所对应的“数据ID”就是“统计计算”应用里面，对应计算项目的编号。
- 汇总数据
汇总数据是对一些常用的数据汇总。可以在下面的“汇总数据”选项，选择希望汇总的数据。
再看一下对象的变量：
现在准备用一个基本曲线图来展现着两个变量的数据，这是元素和曲线属性的设置，标题名字、阴影、圆角以及Y轴范围等等：
要注意的是，这一个元素里面所展现的是两个FV的数据：
我们可以配置两条曲线不同的颜色，分别代表不同的FV：S29（有功功率）和S30（无功功率），这个基本曲线是最常用的元素，它可以同时展现多条曲线。
这几个阀门开度：
用—个列表来呈现：
再用两个数据卡片，分别代表运行时间（小时和分钟）：
最后剩下两个变量：
这两个是“给定值”，也就是说是人工去设定的。所以，我们最希望的就是能在显示板上既可以看这个数据，还可以直接设定。
可以选择参数控件：
这里要注意的是，其中一个属性设置项是“控制码”，目前还没有，但我们知道这个是用来控制“J功率预设值”的，所以可以把控制码写成“Control_JP”，回头需要在“对象管理”里面，把这个控制码补上。
同样，燃气浓度设定也用参数控件：
到现在为止，这个显示板就算设计完了。
如果查看这个显示板的脚本，一共有1199行，这些代码就是这个显示板，是我们的设计成果。
（八）真正的显示板
现在，我们完成了一个显示板的设计。但这只是一个设计，一堆代码而已，还不能称之为一个能够被使用的“显示板”。
接下来要做的事情有两件：
一是在 “显示板管理” 应用中，真正去创建一个“显示板”，让这个显示板设计成为一个真正能用的显示板；
二是要在 “对象管理” 应用中，把这个“显示板”关联到使用这个显示板的对象中。这样才说明了这个对象有一个对应的显示板可以使用。
进入“显示板管理”：
通过 “＋添加”，创建一个显示板：
填写要创建显示板的相关信息，还要把刚才完成设计的显示板脚本复制一下，粘贴到显示板脚本编辑框里面：
然后确定保存：
到现在，这个显示板才有了正式的编号：DSH32903404000001 ，这才是真正的显示板。
再回到 “对象管理”：
把佳华1#机组再次编辑：
通过下拉选项，把“控制码”和“PRO显示板”两个属性项完善好。
确定保存这个对象的编辑修改。
此时打开对象详情–监控栏目，可以看到：
也就是说，未来只需要在对象管理里面打开对象，查看详情–监控，就可以看到机组的实时监控画面，这就是我们的设计成果。
（九）“机组运行监控B”显示板
我们一并把其他使用这个显示板的机组对象也如此编辑。重新回到“显示板管理”应用：
查看这个显示板的详情：
在 “对象列表” 栏目，可以看到全部使用这个显示板的对象都有哪些。
现在应该能感觉到三普能源集团SERG工业互联网项目的落地，似乎看到了端倪。
电站机组监控的显示板，还差一个粤海2#机组的。因为用的映射表不是同一个，所以，这个显示板就只能重新做一个。
但是，粤海2#机组的显示板，其实跟粤海1#、3#以及佳华机组、奔腾机组的显示板实际上是一样的，所以，设计粤海2#机组显示板最好的方式，就是直接拿过来进行修改。
循着这个思路试一下，回到 “显示板设计”，创建一个新的显示板：
先创建一个“机组运行监控B”的显示板设计：
我们知道，这个显示板设计里面是空的。先复制之前完成的 “机组运行监控” 显示板设计的脚本，打开“机组运行监控B”显示板设计：
现在要做的，就是通过右上角 “导入” 操作：
把 “机组运行监控” 显示板设计脚本，导入到“机组运行监控B” 显示板设计中：
确定保存。
确定保存后，可以看到：
选择其中任意一个设计元素，比如运行功率（有功功率、无功功率），看一下相关的属性项有什么需要调整的：
我们不妨比对一下，粤海2#机组对象的FV变量：
发现这是完全一样的。也就是说，即便是专门为 “粤海2#机组” 重新做了一个显示板设计（机组运行监控B），但这个设计其实跟“机组运行监控”并没有什么任何差别。
同样，我们还需要在“显示板管理”应用中，把“机组运行监控B”显示板创建好。
还要在 “对象管理”中，把“粤海2#机组”对象跟这个显示板做好关联：
确定保存后，同样可以在对象详情–监控中，看到粤海2#机组对象所对应的显示板。
到现在为止，我们才算把电站的“机组运行监控”显示板设计好。
（十）“电站工况与生产”显示板
还有三个电站工况和生产的显示板也要完成，先看一下这三个对象的情况：
很显然，有三个显示板需要逐一来设计。
先看一下佳华机组对象变量的情况：
我们需要规划一下，用什么方式来展现整个电站机工况条件与生产情况。
机组运行监控已经有了，是PRO，也就是在电脑上的。而现在要设计的这个显示板是需要反映整个电站的工况条件和生产情况，而不是某一台机组的情况，所以，最好的方式当然就是用大屏。
那就创建一个大屏。
进入设计：
首先还是要创建显示板的显示页面：
可以选择一个背景，或者上传一个自己设计的背景。
打开“自定义”元素，先把大屏的标题填上去：
再写下日期时间：
这样大环境就出来了，剩下的就是把设计元素放上去。
设计的方法还是一样的，就是把需要展现的变量数值用恰当的元素呈现出来。
大屏显示板的设计就是这样。同样，还是要在“显示板管理”应用中，把这个显示板创建好。
复制代码，创建大屏显示板：
这样，这个大屏显示板就算创建完成了。
在 “对象管理” 应用中，把这个显示板与“佳华电站工况与生产”对象关联上：
可以看到，事实上，一个对象可以关联3个显示板，PRO显示板、大屏显示板和App显示板。
在“显示板管理”中，可以对这个大屏显示板进行预览：
这个佳华电站的大屏显示板算是做好了。
其他两个，奔腾电站和粤海电站的工况条件与生产，也是一样，就在这个做好的显示板的代码基础上做一些修改。
同样，创建好这两个显示板。
然后，在“对象管理”中做好显示板与对象的关联：
关于三普能源集团（SERG）的三个电站的PRO显示板和大屏显示板，从显示板设计、创建显示板以及与相关对象关联，这个工作就全部完成了。
