本文属于机器翻译版本。若本译文内容与英语原文存在差异，则一律以英文原文为准。

工作原理

配置文件浏览器提供了各种用于显示客户信息的小组件，布局存储为 JSON 定义，表示控制面板的完整结构和配置。可视布局中的每个小组件和组件都对应于此定义中的一个特定 JSON 块。

核心组件

布局定义中的每个组件都由五个常见元素组成：

示例布局组件定义

下面是一个控制面板表组件的 JSON 结构示例：

{
    "Id": "unique-identifier",
    "Type": "BoardItem",
    "Props": {},
    "Children": [
        {
            "Id": "unique-identifier",
            "Type": "Table",
            "Props": {},
            "Children": [
                {
                    "Id": "unique-identifier",
                    "Type": "TextContent",
                    "Props": {},
                    "Children": ["string"]
                }
            ]
        }
    ],
    "DataSource": [
        {
            "Type": "source-type",
            "Params": {}
        }
    ]
}

动态数据配置

配置文件浏览器使用模板表达式在您的组件中动态访问和显示 Customer Profiles 数据。

单个值支持

对于诸如键值对和键指标之类的组件，您可以访问：

标准配置文件信息

{{Customer.<StandardProfileInfo>}}

示例用法：

计算的属性

{{Customer.CalculatedAttributes.<attributeDefinitionName>}}

示例用法：

表数据支持语法

计算的属性

{{Customer.CalculatedAttributes.DisplayName}}

{{Customer.CalculatedAttributes.CalculatedAttributeDefinitionName}}

Segments

{{Customer.CalculatedAttributes.DisplayName}}

{{Customer.CalculatedAttributes.SegmentDefinitionName}}

配置文件对象

{{Customer.ObjectAttributes.<objectTypeName>.<fieldName>}}

示例用法：

实施示例

单个值组件

{
    "Type": "KeyValuePair",
    "Props": {
        "Items": [
            {
                "Label": {
                    "Content": {
                        "Type": "TextContent",
                        "Children": ["Customer Name"]
                    }
                },
                "Value": {
                    "Content": {
                        "Type": "TextContent",
                        "Children": ["{{Customer.FirstName}}"]
                    }
                }
            }
        ]
    }
}

表组件

{
    "Type": "Table",
    "Props": {
        "ColumnDefinitions": [
            {
                "Cell": {
                    "Content": {
                        "Type": "TextContent",
                        "Children": ["{{Customer.ObjectAttributes.CTR.contactId}}"]
                    }
                },
                "Header": "Contact ID"
            }
        ]
    }
}