Tables

表格概览

PLCVisu 中的 表格模块 允许您在可视化界面中展示和操作结构化数据。它支持多种类型的表格，每种表格对应不同的数据源和交互模型——从 实时 CODESYS 集成 到 连接数据库的历史视图 均涵盖在内。

表格类型

PLCVisu 提供 四种主要表格类型：

1. 在线表格

• 与 CODESYS 实时连接（而不是数据库）
• 显示来自运行系统的 实时流数据
• 不支持历史数据或时间过滤
• 适用于 实时系统监控
• CODESYS 集成需单独配置
  → 指南及示例项目可在此下载：
  PLCVisu CODESYS 项目

2. 基础表格

• 连接至 指定数据库（例如 SQLite、MySQL、MSSQL、Trends）
• 显示存储于数据库中的 历史数据
• 为 只读，前端无法编辑
• 适合用于报告、日志或数据概览

3. 可编辑表格

• 同样连接至 指定数据库
• 前端界面中可 完全编辑（添加、删除、修改值）
• 编辑权限由指定的 用户权限 决定
• 适用于操作员输入、手动记录或用户维护的数据管理

4. 高级表格

• 基于可编辑表格的核心，增强了 视觉逻辑功能
• 可通过 JSON 规则根据单元格的值展示 动态图像
• 示例：根据电量百分比变化的电池图标显示

{
    "conditions": [
        {
            "script": "value == 0",
            "url": "",
            "value": "ready"
        },
        {
            "script": "value >= 0 && value < 20 ",
            "url": "./Example/upload/files/battery/battery_1.png"
        },
        {
            "script": "value >= 20 && value < 40",
            "url": "./Example/upload/files/battery/battery_2.png"
        },
        {
            "script": "value >= 40 && value < 60",
            "url": "./Example/upload/files/battery/battery_3.png"
        },
        {
            "script": "value >= 60 && value < 80",
            "url": "./Example/upload/files/battery/battery_4.png"
        },
        {
            "script": "value >= 80",
            "url": "./Example/upload/files/battery/battery_5.png"
        }
    ],
    "img": {
        "style": "margin-right:8px;"
    },
    "value": {
        "style": "font-weight:bold;"
    },
    "suffix": {
        "style": "font-weight:bold;"
    }
}