React/Python(Django)应用中JSON存入PostgreSQL的正确方式

核心问题 #

你当前把JSON序列化成字符串后以普通文本类型存储，PostgreSQL无法识别其JSON结构，导致Nextflow读取时因转义缺失出现拆分错误。正确做法是利用PostgreSQL原生的JSON/JSONB类型存储，由数据库自动维护JSON结构的完整性。

具体实现步骤 #

1. 修改Django模型字段类型

将CaseAutomationStatusModel中的status_comment字段替换为Django支持的JSON字段，推荐用JSONBField（PostgreSQL专属，支持索引和高效查询）：

# models.py
from django.db import models

class CaseAutomationStatusModel(models.Model):
    # 其他原有字段保持不变
    status_comment = models.JSONField(db_type='jsonb')  # 改用JSONB类型存储

执行数据库迁移生效：

python manage.py makemigrations
python manage.py migrate

2. 调整Django视图的处理逻辑

不需要手动处理字符串转义，直接将前端传来的JSON字符串解析为Python字典后存入JSON字段：

# views.py
import json
from django.http import JsonResponse
from rest_framework.views import APIView

class Manual(APIView):
    def transaction(self, case_id, action, request):
        user = request.user
        # 解析前端传来的JSON字符串为Python字典
        manual_settings = json.loads(request.data['manual_settings'])
        if action == 'generate':
            CaseAutomationStatusModel.objects.create(
                current_ind=True,
                case_id=case_id,
                created_by=user,
                modified_by=user,
                status_comment=manual_settings  # 直接存入JSON字段
            )

    def post(self, request, case_id, action):
        try:
            self.transaction(case_id, action, request)
            return JsonResponse({'status': 200, 'message': 'Success'})
        except Exception as err:
            print('*** API error', err)
            # 补充返回错误响应
            return JsonResponse({'status': 500, 'message': str(err)}, status=500)

3. （可选优化）简化React端的请求逻辑

Axios默认会自动将JavaScript对象序列化为JSON发送，因此可以省去手动JSON.stringify的步骤，直接传递对象：

const generateJSON = async () => {
    const json = generateManualJSON(caseId);
    const data = {
        cdata: customData,
        settings: json,
    };

    try {
        // 直接传data对象，Axios自动完成序列化
        const response = await Axios.post(`/manual/${caseId}/generate`, { manual_settings: data });
        console.log('response.data', response.data);
    } catch (error) {
        setError(arch, true, [error.message]);
        console.error(error);
    }
};

此时Django端无需调用json.loads，直接使用request.data['manual_settings']即可（DRF会自动解析请求体为Python字典）。

4. Nextflow读取数据的方式

Nextflow可以通过PostgreSQL查询直接获取结构化的JSON数据，例如：

// Nextflow示例代码
def query = "SELECT status_comment FROM case_automation_status_model WHERE case_id = '$caseId' AND current_ind = true"
def result = sql.rows(query)
def jsonData = result[0].status_comment
// 直接使用jsonData的结构化数据，如jsonData.cdata、jsonData.settings

因为数据库存储的是标准JSON类型，Nextflow读取后可直接解析为可用的对象，无需处理额外的转义问题。

内容的提问来源于stack exchange，提问作者Alvaro Silva