Laravel Nova Repeater 字段的 JSON 数据：优雅显示指南

2024-03-12 22:56:11

在 Laravel Nova 中优雅地显示 Repeater 字段的 JSON 数据

引言

Laravel Nova 是一个强大的 Laravel 管理面板，它使开发人员能够快速轻松地构建自定义的仪表板和管理界面。然而，在使用 Repeater 字段时，显示其保存的 JSON 数据可能颇具挑战性。本文将指导您逐步解决此问题，并在 Laravel Nova 中实现无缝的 JSON 数据显示。

理解 Repeater 字段和 JSON

Repeater 字段允许用户创建和管理动态内容块，例如包含多个联系人的列表或产品目录。这些块以 JSON 格式存储，包含有关每个块及其字段的信息。但是，默认情况下，Laravel Nova 无法正确解析此 JSON 数据。

创建自定义 KeyValue 字段

为了在 Nova 中显示 Repeater 字段的 JSON 数据，我们需要创建自定义 KeyValue 字段。该字段将解析 JSON 并将其转换为 Nova 可用的数组格式。

// NovaServiceProvider.php
use Laravel\Nova\Fields\KeyValue;

public function boot()
{
    parent::boot();

    KeyValue::resolveCallback('repeaterFieldData', function ($value, $resource, $attribute) {
        $repeaterData = collect(json_decode($value, true));
        return $repeaterData->map(function ($item) {
            return $item['fields'];
        })->toArray();
    });
}

使用自定义字段

在您的资源类中使用自定义字段以解析和显示 Repeater 字段的 JSON 数据。

// Resource.php
use Laravel\Nova\Fields\KeyValue;

public function fields(Request $request)
{
    return [
        KeyValue::make('Location Contacts', 'location_contacts')
            ->resolveUsing('repeaterFieldData')
            ->rules('required'),
    ];
}