Django Admin前端多字段保存JSON|极客笔记

Django Admin前端多字段保存JSON

在使用Django开发web应用时，经常会遇到需要在Admin界面中保存JSON格式数据的情况。然而，Django Admin默认只支持保存基本的数据类型，无法直接保存JSON格式数据。如果需要在Admin界面中保存JSON格式的数据，需要借助一些额外的工具和技巧。

为什么需要保存JSON格式数据

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，通常用于在不同的系统之间传输和存储数据。在开发web应用时，有时候会遇到需要保存一些复杂结构的数据，例如嵌套的对象或数组，这时候使用JSON格式是一种方便和灵活的方式。

在Django中，我们可以使用CharField或TextField来保存JSON格式的数据，但是在Admin界面中默认只能显示和保存文本内容，无法直接编辑和保存JSON格式数据。如果我们希望在Admin界面中方便地编辑和保存JSON格式数据，就需要进行一些自定义的设置。

在Django Admin中保存JSON格式数据

自定义Admin界面

首先，我们需要自定义Admin界面，使其支持编辑和保存JSON格式数据。在我们的模型定义中，可以使用TextField字段来保存JSON数据，然后在Admin界面中自定义表单界面来实现编辑和保存JSON数据。

# models.py
from django.db import models

class MyModel(models.Model):
    json_data = models.TextField()

# admin.py
from django.contrib import admin
from .models import MyModel

class MyModelAdmin(admin.ModelAdmin):
    list_display = ['json_data']

admin.site.register(MyModel, MyModelAdmin)

在这个示例中，我们在模型中定义了一个TextField字段来保存JSON数据，然后在Admin界面中自定义了一个简单的表单界面来显示和编辑JSON数据。

使用JSONField

除了使用TextField外，我们还可以使用Django提供的JSONField来保存JSON数据。JSONField是Django内置的一个字段类型，可以直接存储和操作JSON格式的数据。

# models.py
from django.db import models

class MyModel(models.Model):
    json_data = models.JSONField()

当我们在模型中使用JSONField字段时，Django会自动处理JSON格式的数据，无需额外的设置。在Admin界面中也可以直接编辑和保存JSON数据，非常方便。

使用第三方包

除了手动设置字段类型外，我们还可以使用一些第三方包来实现在Admin界面中保存JSON格式数据的功能。例如django-json-widget可以方便地在Admin界面中使用JSON编辑器来编辑和保存JSON格式数据。

pip install django-json-widget

# admin.py
from django.contrib import admin
from .models import MyModel
from json_widget.widgets import JSONEditorWidget

class MyModelAdmin(admin.ModelAdmin):
    formfield_overrides = {
        models.JSONField: {'widget': JSONEditorWidget}
    }

admin.site.register(MyModel, MyModelAdmin)

使用django-json-widget包后，我们可以在Admin界面中直接使用JSON格式的编辑器来编辑和保存JSON数据，非常方便和直观。