7

我有如下所示的数据表:

在此处输入图像描述

我想以某种用户友好的形式编辑 json 数据,而不是这样:

在此处输入图像描述

是否可以快速完成,只需更改一些参数?

4

1 回答 1

10

如果编辑漂亮的打印 JSON 足以满足您的需求,则创建自定义表单字段和数据转换器,将 JSON 格式化为模板视图的漂亮打印表单,并在提交表单时返回紧凑的 JSON。下面显示的解决方案是基于 Symfony 4 的目录结构和系统。

JSON表单字段类型:

<?php
namespace App\Form\Type;

use App\Form\DataTransformer\JsonToPrettyJsonTransformer;
use Symfony\Component\Form\AbstractType;
use Symfony\Component\Form\Extension\Core\Type\TextareaType;
use Symfony\Component\Form\FormBuilderInterface;

class JsonType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        parent::buildForm($builder, $options);
        $builder->addViewTransformer(new JsonToPrettyJsonTransformer());
    }

    public function getParent()
    {
        return TextareaType::class;
    }
}

数据转换器:

<?php
namespace App\Form\DataTransformer;

use Symfony\Component\Form\DataTransformerInterface;

class JsonToPrettyJsonTransformer implements DataTransformerInterface
{
    public function transform($value)
    {
        return json_encode(json_decode($value), JSON_PRETTY_PRINT);
    }

    public function reverseTransform($value)
    {
        return json_encode(json_decode($value));
    }
}

简单的管理员配置:

easy_admin:
    entities:
        EntityName:
            class: App\Entity\EntityName
            form:
                fields:
                    # other fields
                    - { property: 'propertyName', type: 'App\Form\Type\JsonType' }

可以以相同的方式创建更复杂的编辑器,但可能会覆盖小部件模板和自定义样式以及 javascript。

于 2018-01-24T00:16:36.023 回答