企业官网建设流程全解析

本篇有两类读者。要选型的，直接看文中「同一条通道，几种界面」，以及后面的智能辅助、App 设计器、视觉算法、数据计算、消息通知、报表。要写扩展的，从层边界读起：协议写 Drv，计算和通知写 Mod，页面写 Plg。五个应用的进程不改。

扩展还没装进实例，先读系列 05。通道还没有当前值，先读系列 03，否则画面上全是空位。上线读系列 07，验收读系列 08。全目录在系列 09。官网对照功能展示、行业方案和客户案例。图上的功率和收益是示范，按现场测点替换。

系列 05 把扩展装进已经跑通的实例。本篇说明这些扩展怎么写、写完落到哪一层。Server、Communicator、Webstation、Administrator、Agent 的进程边界不改。协议变化写 Drv。归档、计算、告警、北向写 Mod。浏览器里的业务页写 Plg。组态图元按描述、工厂、渲染、脚本四层加，不把取数逻辑塞进页面去拼 DOM。

功能展示里的工艺监视、储能、大屏、站端 EMS、三维场景、事件和移动端，都是这条边界上的结果。测点和数值按现场替换。示范画面不是安装向导自带页，也不能把示范数当成现场数据。

新工程的 Web 用独立脚本挂到宿主，C# 只提供接口。旧现场保持原有插件，不为新功能去改旧架构。两套同名插件不要装进同一个 Web 目录。

一个驱动分为逻辑和视图。逻辑负责连接、轮询、解析和写通道，运行在 Communicator 中。视图负责 Administrator 中的参数页，地址、站号和点表在此填写。图 1 为驱动工程，逻辑与参数页分属两个项目。图 2 的逻辑类继承通信库基类。图 3 的视图类向配置程序提供参数页。类名随工程而定，分层不变。

协议按现场选，不按画面选。电力侧常见 IEC 104 和 IEC 61850。PLC 和仪表侧常见 Modbus、西门子 S7、欧姆龙、三菱。楼宇和环保侧常见 BACnet、HJ212、DLMS。视频侧用安防驱动把摄像机状态和云台命令送进通道，预览本身不由驱动画出来。核心要自己做完的是断线重连、分层轮询、超时和批量点位，不是把寄存器号写死在页面里。

IEC 61850 驱动参数包含连接和报告控制块。IEC 104 驱动参数包含连接和总召间隔。通信统计用于查看链路质量，不是业务画面。三者都加载在 Communicator。对外提供 104、61850 或 OPC UA 时，使用 Server 上的北向模块，不把北向服务写入驱动。

图 1 驱动工程。逻辑与参数页分项目

图 2 驱动逻辑继承通信库基类，负责连接和轮询

图 3 驱动视图给 Administrator 提供参数页

图 4 IEC 61850 驱动，含连接和报告控制块

图 5 IEC 104 驱动，含连接和总召间隔

图 6 通信统计驱动，看链路，不画业务画面

通道数量较多时，使用配置库的导入导出，不在 Administrator 中逐条新增。图 7 为文件菜单中的导入、导出。图 8 将输入通道导出为表格。图 9 在表格中修改后导回。修改对象是通道号、名称、设备号、标签代码和单位。

导回之后仍要上传。表格保存在本机，不等于实例已经执行。设备号和标签代码对不上时，Communicator 有数、Server 没有，先对表，不要先改图元。

图 7 Administrator。导入、导出数据表用于批量点位

图 8 导出输入通道

图 9 通道表可在表格里改完再导回，然后上传

Mod 在 Server 启动时加载。它看到的是已经进入实时库的通道，不是 Communicator 里某一台设备的报文缓存。这样换协议时，归档和计算不用重写。

归档按项目选配，不是安装向导的必选项。可选 InfluxDB 3、Kafka、Redis、IoTDB、TimescaleDB。InfluxDB 归档模块与 Redis 导出都挂在 Server。时序库查询界面用于核对已写入的历史，不是 Webstation 运行页。数据库导出窗口中的示例语句指向 MySQL，生产语句和账号按现场配置，示例口令不保留在配置中。

计算中心、设备告警放在 Server。能源侧的 AGC/AVC 一类逻辑用服务端脚本模块，现场辅助逻辑也在服务端跑，不要写进某个驱动的循环里。动环策略同样是模块：策略看的是温湿度、空调、漏水这些通道，动作再通过已有命令通道下去。主备同步、短信和语音外呼是通知和可用性模块，不负责采集。工作流在服务端执行，设计器只是编排界面。

对外仍要 104、61850 或 OPC UA 时，用 Server 上的北向模块。调度看到的是通道，不是现场那台仪表的私有寄存器。

图 10 InfluxDB 归档模块。归档在 Server 执行

图 11 Redis 导出模块，挂在 Server

图 12 时序库查询界面，用来核对已写入的历史

图 13 数据库导出。示例语句不直接用于生产

图元工程中高亮的是公共代码。新增图元时，描述层只声明属性和编辑器，不操作 DOM，也不取数。工厂层创建模型，写出的属性与读回的属性一致。渲染层负责尺寸、类名和事件，一般不重写整页刷新；若必须重写，先调用基类再做最小增量。脚本层收集已绑定到属性上的值，组装图表数据后一次提交。动画写在样式表中，脚本只切换类名。

属性要同时出现在描述、工厂和语言文件里。绑定的权威来源是画面文件里编辑器写回的绑定，不是脚本里临时拼的通道号。图库放在统一的图库插件里，按行业目录存放。不要每个插件拷一套图。

图 14 图元工程。公共代码与具体画面分开

下面用功能展示里的示范工程说明界面怎么分。它们都绑定已有通道。协议换了，画面不重做；画面换了，驱动不重写。

同一套工程里按行业各有一份画面，不是一张总图改个标题。左侧工程树里同时有啤酒酿造、储能 EMS、空压站、水处理、电力一次系统、风电场。打开哪一份，主区就是哪一行业的工艺。下面按打开后的实拍来看。图上的功率、温度、液位是示范数，现场替换成自己的通道。

啤酒酿造。糖化、过滤、煮沸、发酵、灌装、成品库排在一条工艺链上。发酵罐温度、冷却阀开度、灌装线速度、码垛节拍各自绑定通道。批次和质量建议来自已经进来的事件和计算，不在图元里写一套独立逻辑。

行业 01 啤酒酿造。糖化、发酵、包装在同一张画面里，左侧还能切到其他行业工程

储能 EMS。并网点有功、充放电功率、堆平均 SOC、日净电量、待确认告警放在一排。中间是电网、PCS、BMS、EMS 的功率流向。启动、停机、复位在右侧，无控制权的账号不能按。底部标明采集可以同时走 IEC 104、Modbus、MQTT，三条线路进同一张通道表。峰谷套利、需量削峰、SOC 均衡是服务端策略的结果，画面只显示当前策略和执行值。

行业 02 储能站 EMS。拓扑、遥测和遥控在一页，遥控按权限开放

空压站。余热回收机组、螺杆压缩机、冷冻干燥、PSA 制氮排在同一流程上。母管压力、露点、瞬时流量、功率因数、谐波是不同设备的通道，经网关汇总后显示。群控是否达标由服务端计算，不由页面临时加总。

行业 03 空压站。压缩机、干燥、制氮和母管电量在同一监视页

水处理。预处理、生化、深度处理、消毒回用按流程排列。格栅、沉砂、生化池、滤池、泵频率是图元。进水出水 COD、流量、浊度、余氯是通道。液位偏高时给出的处置建议，依据的是已配置的限值和事件，不是写死在画面上的一段说明。

行业 04 水处理。工艺段、液位和水质指标分开绑定

大厅大屏。储能云控这一页是 1920×1080 的运行态，看的是多站汇总：并网点、容量、充放电、SOC、告警分布。它不代替上面的单站 Mimic。单站启停仍回到 EMS 画面。

行业 05 储能云控大屏运行态。多站汇总，不下发单机控制

地图。站点撒在地图上，弹出的是该点的通道值。适合管廊、园区、多站。点进去再开对应行业的 Mimic，地图本身不画工艺。

行业 06 地图监视。点位弹出通道值，工艺仍在各自画面里

视频推拉流。摄像机由流媒体网关统一拉流并录像，页面用 WHEP 看预览，不再各自向摄像机要一路。巡视页在这套预览上编排任务、看多画面。回放按摄像头和时间轴取已经录下的片段，也可以按录盘路径列出分片再播放。巡视结果写入记录或事件，才能和限值、工单走同一套权限。云台命令进通道，是否能按由控制权决定。

行业 07 推拉流预览。多画面任务在同一页开始或停止

行业 08 录像回放。按摄像头和时间轴取已录片段

行业 09 录像片段。按路径列出分片后播放

电力一次系统、风电场在同一工程树里，和上面几页共用通道、事件和权限。矢量组态另有电力和工艺图元包，用于一次接线图和风机流程，不另起一套实时库。报表、工作流、动态策略是运营页：报表取已归档的通道，工作流在服务端执行，策略看的也是通道，不是设备私有寄存器。

行业 11 矢量组态。电力与工艺图元在编辑器里编排，运行仍绑定通道

行业 12 报表工作室。模板绑定已归档通道

行业 13 工作流设计。编排在页面，执行在服务端

下列界面按操作页、汇总页、曲线、三维、事件和移动端分开。格式不混用。

工艺监视。Mimic 用于值班操作。画面按糖化、发酵、包装分段，设备状态用颜色区分，并保留图例。画面在组态编辑器中维护。运行时只刷新绑定。空调机组画面同一原则：盘管、风机、阀门是图元，温湿度和阀位是通道。动环策略的自动启停写在 Server 模块中。

图 15 工艺监视示范。分段和颜色来自通道状态，不是安装主页

图 16 空调机组画面。图元与通道分开

储能与站端 EMS。储能画面汇总电池簇、SOC、SOH、母线电压、PCS 功率、能量流向、环境量和最近事件。这些量都是通道。协议可以是 IEC 104 或 Modbus。站端画面再把并网点有功、充放电功率、堆平均 SOC、日净电量，以及 PCS、BMS、EMS 的拓扑放在一起。通信可以同时有 104、Modbus 和 MQTT，因为它们是不同线路上的驱动，最后都进同一张通道表。启停和复位按用户权限开放。无权限的账户只能监视。AGC/AVC 一类计算放在服务端逻辑模块，画面只显示结果和下发已授权的命令。

图 17 储能监视示范。协议可以换，通道表不换

图 18 站端 EMS 示范。控制按权限开放

大屏。大屏用于指挥大厅或会议室，常见分辨率 1920×1080。内容包含充放电功率、电价、SOC、运行模式和站点指标。设计器从组件库放置图表，绑定通道或数据集。组件不直接连接设备。下发控制或查看设备细节时，回到 Mimic。图 21 为风机功率、风向和变桨电流的汇总页，不是安装后的默认首页。

图 19 可视化大屏示范。汇总展示，不代替操作画面

图 20 大屏编辑器。组件绑定通道或数据集

图 21 风机指标大屏。汇总页，不是默认首页

曲线和对照。分析页把多条通道放在一起看。图 22 左侧是曲线，右侧是通道表和分析条件。图 23 是数据详情里的三相电压。图 24 把曲线和通道 2001、2004、2007 对照。通道号是配置库里的号。曲线查不到时，先确认归档和采集，不先改图表组件。

图 22 数据分析页。左侧曲线，右侧通道和分析条件

图 23 数据详情中的三相电压曲线

图 24 三相曲线与通道 2001、2004、2007 对照

三维。场景同样绑定通道号。模型上的颜色、数值和告警来自实时库。发布和回滚在场景工程里完成，不重启采集线路。Unity 客户端若在编辑期选点，选的也是同一套通道，预览的是当前值，不是再连一次设备。

图 25 三维场景按通道刷新，发布不影响采集

事件、工单和移动端。异常先写入事件，再从事件跳到关联画面。重要性分开，并记录是否确认、由谁确认。图 26 为事件日志。图 28 为工单查询与事件表，处置留在记录中，报表和归档接在事件之后。移动端做巡检、填报和确认，权限与 Web 用户一致。设计在 Web 侧的 App 设计器中完成。

图 26 事件日志。检索后可跳到关联画面

图 27 移动端。权限与 Web 一致，不另建点表

图 28 工单查询与事件表。处置结果进入记录

编辑器维护画面与绑定。助手生成的是草稿，保存或发布后运行页才更新。图中数值为示例，或尚未绑定通道。

组态设计器。工艺图元在画布上排，页面尺寸和网格在右侧

图库按类取图元。放进画面之后仍要绑通道

地图设计器。区域颜色按状态通道。通道号还是 0，表示这一块还没绑

大屏设计器。图表从组件库放入，分辨率在页面配置里定

描述布局和绑定。模型在配置文件里指定，生成结果仍要保存发布

三维场景。模型上的工况来自通道，数据可视化单独开关

App 页面设计器。数据集在右侧选，不在手机里再配点表

录波看的是已经存下的波形。解读不代替保护动作

上面是组态、矢量、大屏和三维。下面五项是同一套通道上的运营能力，按现场选用，不默认全开。改完都要上传或发布，只在编辑器里保存，运行页不会变。

智能辅助。编辑器旁边可以按描述改画面、校验布局和绑点。值班侧可以查工况和告警。它不采集、不发令、不绕过权限，也不代替上传。图上的储能数是示范，不是现场实测。

图 33 组态侧智能辅助。描述要改的画面，结果仍是工程文件，上传后才生效

App 设计器。表单、列表和巡检页在 Web 侧配置，发布到现场应用。手机上看到的是通道当前值和告警点，不另存一份点表。权限与 Web 用户一致。图 27 是运行页，本图是同一条链上的表单结果。

图 34 移动端表单。在 Web 的 App 设计器里配，现场只显示已授权对象的通道

视觉算法。巡检点绑定摄像机和算法，例如刀闸状态。模式是抓拍后推理。结果写入事件或通道，才能跳画面、进工单。训练曲线用于判断模型是否可上线，不是值班画面。

图 35 巡检点。巡检模式为算法识别，算法示例为刀闸状态检测

图 36 缺陷检测训练指标。服务算法上线，不是运行时画面

数据计算。计算中心和动态策略在 Server 上跑。当前值进来之后做切片计算，历史切片另算，事件钩子只处理已经产生的事件。周期任务按 Cron 启用。发布并重新加载之后，结果写进计算通道。AGC/AVC、效率、累计电量都走这一层，不在图元脚本里加总。

图 37 动态策略中心。计算在服务端执行，发布后才进入实时库

消息通知。事件先入事件表，再按订阅推到值班通知。通知可以静音、可以确认。短信和语音外呼是单独的服务模块，事件能出现不代表外呼已经接通。外呼地址在会前测通。

图 38 事件消息。右侧为通知，可静音、可确认。中间按对象、设备和通道检索事件

报表与报告。模板在报表工作室里绑已归档通道，见上面行业 11。单元格取的是库里的值和时间，不是画面上的文字。周期报告按发布计划出，样例要能对上约定通道和时段。显示格式只影响小数位，不改变库存的数。

视频推拉流、录像和云台走已启用的视频模块。网关统一拉流并录像，页面用 WHEP 预览，不向摄像机再拉一路。回放按摄像头和时间轴，或按录盘分片播放。巡视抓拍的结果写成通道或事件。图 29 上的方向按钮受用户控制权约束。

图 30 为设备卡片，一页多台，用于总览，不代替单台 Mimic。图 31 左侧为示意动画，右侧为测试数据生成。生成数据用于测试通道，不表示现场采集已完成。

图 29 视频画面上的云台按钮。控制受用户权限约束

图 30 多设备卡片，用于总览

图 31 左侧为示意动画，右侧为测试数据生成

图 32 Linux 服务日志与程序目录。路径区分大小写，部署见系列 07

扩展与基座版本对齐。混版本是现场最常见的启动失败。配置、画面、大屏和场景进版本库。密钥、注册键和本机环境文件不要进库。接口鉴权跟平台的查看权和控制权走。遥控不要做成无登录地址。

行业上常见的组合是电力动环、光伏、风电、制造、仓储和安防。组合方式是选协议、选归档、选界面，不是为每个行业复制一套 Server。编译通过只说明程序能生成。还要在测试实例上看线路、模块日志和插件页面。Linux 上的路径区分大小写。部署见系列 07，交付前要勾哪些项见系列 08。

画面、协议、行业方案和教程以官网为准，本系列只把步骤和边界写开。站内依次看：平台能力、协议矩阵、功能展示、行业方案、客户案例、使用教程、文档中心、联系咨询。演示与 Web 使用同一端口 10008。

进入官网