Skip to content

数据编辑

右侧数据页签,用于配置组件与数据源之间的绑定关系。不同组件的数据配置项各不相同,以下为常见的配置项类型:

配置项说明
取值缓存从数据缓存中读取数据的地址,组件将从该地址获取数据并展示
存值缓存当组件数据发生变化时,将变化后的数据同步写入到数据缓存中的指定地址
解析数值从绑定的数据对象中提取数值的字段名(key),支持点路径格式
解析时间从绑定的数据对象中提取时间值的字段名(key),支持点路径格式

各组件具体的数据配置说明,请参考对应的组件文档。

TIP

在 HFLVEditor3 的设计框架中,数据存储采用 Pinia,数据结构为扁平的 key/value 键值对模式。

示例:数据文本组件

以下以数据文本组件为例,演示数据绑定的完整流程。

数据页签示意图

配置说明

  • 取值缓存地址pv#weatherstation#data#real
  • 解析数值 key100601190002.value
  • 解析时间 key100601190002.timeVal

数据缓存查看

缓存中的数据可通过【数据缓存】功能进行查看,其存储结构如下图所示:

数据缓存示意图

数据结构说明

缓存中存储的数据为一个对象,示例如下:

js
{
  "100601020000": {
    "id": 100601020000,
    "status": 20,
    "time": "2026-04-14 22:55:00",
    "value": 15.2,
    "timeVal": 1776178500000
  },
  "100601020001": {
    "id": 100601020001,
    "status": 20,
    "time": "2026-04-14 22:55:00",
    "value": 15.3,
    "timeVal": 1776178500000
  },
  "100601020002": {
    "id": 100601020002,
    "status": 20,
    "time": "2026-04-14 22:55:00",
    "value": 15.1,
    "timeVal": 1776178500000
  },
  "100601020003": {
    "id": 100601020003,
    "status": 20,
    "time": "2026-04-14 22:55:00",
    "value": 13.4,
    "timeVal": 1776178500000
  },
  "100601020004": {
    "id": 100601020004,
    "status": 20,
    "time": "2026-04-14 22:55:00",
    "value": 17.9,
    "timeVal": 1776178500000
  },
  "100601150000": {
    "id": 100601150000,
    "status": 20,
    "time": "2026-04-14 22:55:00",
    "value": 319,
    "timeVal": 1776178500000
  },
  "100601160000": {
    "id": 100601160000,
    "status": 20,
    "time": "2026-04-14 22:55:00",
    "value": 0,
    "timeVal": 1776178500000
  },
  "100601160001": {
    "id": 100601160001,
    "status": 20,
    "time": "2026-04-14 22:55:00",
    "value": 0,
    "timeVal": 1776178500000
  },
  "100601160002": {
    "id": 100601160002,
    "status": 20,
    "time": "2026-04-14 22:55:00",
    "value": 0,
    "timeVal": 1776178500000
  },
  "100601170000": {
    "id": 100601170000,
    "status": 20,
    "time": "2026-04-14 22:55:00",
    "value": 89,
    "timeVal": 1776178500000
  },
  "100601190000": {
    "id": 100601190000,
    "status": 20,
    "time": "2026-04-14 22:55:00",
    "value": 0,
    "timeVal": 1776178500000
  },
  "100601190001": {
    "id": 100601190001,
    "status": 20,
    "time": "2026-04-14 22:55:00",
    "value": 0,
    "timeVal": 1776178500000
  },
  "100601190002": {
    "id": 100601190002,
    "status": 20,
    "time": "2026-04-14 22:55:00",
    "value": 133,
    "timeVal": 1776178500000
  },
  "100601190003": {
    "id": 100601190003,
    "status": 20,
    "time": "2026-04-14 22:55:00",
    "value": 890,
    "timeVal": 1776178500000
  }
}

取值规则说明

解析数值时,key 支持点路径格式(如 100601190002.value),表示获取 100601190002 对象中 value 字段的值。

以上述数据为例:

  • 100601190002.value → 解析结果为 133

  • 100601190002.timeVal → 解析结果为 1776178500000

WARNING

再次提醒:数据页签的配置项因组件类型不同而存在差异,包括与数据缓存的绑定方式、数值解析规则等。实际使用时,请务必参考对应组件的说明文档。

基于 VitePress 构建