【唐诗】《登鸛雀樓》 王之渙：白日依山盡，黃河入海流。欲窮千里目，更上一層樓。

永夜

没有不值得去解决的问题，也没有不值得去学习的技术！

写入 MySQL 5.7 表 的 json 列类型下的数据的键顺序被打乱的排查分析

打印 $extra['schema'] ，其等于 json 数据的原始格式

作者：

永夜

在

, , ,
Views: 147

1、json 数据的原始格式如下。其键名的顺序如下：TexGEtcUx、QkGyGZ2ST、yE9gC1kxT、Q1yqz2RBi。如图1

json 数据的原始格式如下。其键名的顺序如下：TexGEtcUx、QkGyGZ2ST、yE9gC1kxT、Q1yqz2RBi
图1
JSON

{
  "sections": {
    "TexGEtcUx": {
      "type": "main-index-carousel",
      "settings": {
        "loop": true,
        "autoplay": true,
        "height": "full",
        "interval": 5
      },
      "blocks": {
        "slide-0": {
          "type": "slide",
          "settings": {
            "image": "",
            "url": "/",
            "align": "center",
            "title": "Image with text overlay",
            "description": "Use overlay text to give your customers insight into your brand. Select imagery and text that relates to your style and story.",
            "button": "Shop Now",
            "opacity": 100,
            "button_background_color": "#ffffff",
            "button_color": "#000000",
            "color": "#ffffff"
          }
        },
        "slide-1": {
          "type": "slide",
          "settings": {
            "image": "",
            "url": "/",
            "align": "center",
            "title": "Image with text overlay",
            "description": "Use overlay text to give your customers insight into your brand. Select imagery and text that relates to your style and story.",
            "button": "Shop Now",
            "opacity": 100,
            "button_background_color": "#ffffff",
            "button_color": "#000000",
            "color": "#ffffff"
          }
        }
      }
    },
    "QkGyGZ2ST": {
      "type": "collections"
    },
    "yE9gC1kxT": {
      "type": "products"
    },
    "Q1yqz2RBi": {
      "type": "apps",
      "blocks": {
        "newsletter": {
          "type": "internal/newsletter/blocks/newsletter"
        }
      }
    }
  }
}

2、执行插入数据库的代码如下，打印 $extra[‘schema’]

PHP

$asset = ThemeAsset::withoutVersion(function () use($predicate, $extra) {
	if ($predicate['asset_key'] == 'pages/index.blade.php') {
		print_r($extra['schema']);
		exit;
	}
	return ThemeAsset::updateOrCreate(
		$predicate,
		$extra
	);
});

3、打印 $extra[‘schema’] ，其等于 json 数据的原始格式 。如图2

打印 $extra['schema'] ，其等于 json 数据的原始格式
图2
JSON

{
  "sections": {
    "TexGEtcUx": {
      "type": "main-index-carousel",
      "settings": {
        "loop": true,
        "autoplay": true,
        "height": "full",
        "interval": 5
      },
      "blocks": {
        "slide-0": {
          "type": "slide",
          "settings": {
            "image": "",
            "url": "/",
            "align": "center",
            "title": "Image with text overlay",
            "description": "Use overlay text to give your customers insight into your brand. Select imagery and text that relates to your style and story.",
            "button": "Shop Now",
            "opacity": 100,
            "button_background_color": "#ffffff",
            "button_color": "#000000",
            "color": "#ffffff"
          }
        },
        "slide-1": {
          "type": "slide",
          "settings": {
            "image": "",
            "url": "/",
            "align": "center",
            "title": "Image with text overlay",
            "description": "Use overlay text to give your customers insight into your brand. Select imagery and text that relates to your style and story.",
            "button": "Shop Now",
            "opacity": 100,
            "button_background_color": "#ffffff",
            "button_color": "#000000",
            "color": "#ffffff"
          }
        }
      }
    },
    "QkGyGZ2ST": {
      "type": "collections"
    },
    "yE9gC1kxT": {
      "type": "products"
    },
    "Q1yqz2RBi": {
      "type": "apps",
      "blocks": {
        "newsletter": {
          "type": "internal/newsletter/blocks/newsletter"
        }
      }
    }
  }
}

4、查看写入表中的数据，怀疑其 json 的键的顺序是基于字母顺序排列的。Q1yqz2RBi、QkGyGZ2ST、TexGEtcUx、yE9gC1kxT。而且其内部的子 json 结构的键的顺序也发生了变化。

JSON

{
  "sections": {
    "Q1yqz2RBi": {
      "type": "apps",
      "blocks": {
        "newsletter": {
          "type": "internal/newsletter/blocks/newsletter"
        }
      }
    },
    "QkGyGZ2ST": {
      "type": "collections"
    },
    "TexGEtcUx": {
      "type": "main-index-carousel",
      "blocks": {
        "slide-0": {
          "type": "slide",
          "settings": {
            "url": "/",
            "align": "center",
            "color": "#ffffff",
            "image": "",
            "title": "Image with text overlay",
            "button": "Shop Now",
            "opacity": 100,
            "description": "Use overlay text to give your customers insight into your brand. Select imagery and text that relates to your style and story.",
            "button_color": "#000000",
            "button_background_color": "#ffffff"
          }
        },
        "slide-1": {
          "type": "slide",
          "settings": {
            "url": "/",
            "align": "center",
            "color": "#ffffff",
            "image": "",
            "title": "Image with text overlay",
            "button": "Shop Now",
            "opacity": 100,
            "description": "Use overlay text to give your customers insight into your brand. Select imagery and text that relates to your style and story.",
            "button_color": "#000000",
            "button_background_color": "#ffffff"
          }
        }
      },
      "settings": {
        "loop": true,
        "height": "full",
        "autoplay": true,
        "interval": 5
      }
    },
    "yE9gC1kxT": {
      "type": "products"
    }
  }
}

5、修改表列的类型为 text 后，json 的顺序与原始的保持一致。如图3

修改表列的类型为 text 后，json 的顺序与原始的保持一致
图3

关于作者 · 持续学习与技术实践

我是一名拥有 15 年以上开发经验的技术从业者，自 2013 年起持续运营个人技术博客，记录工作与个人项目中遇到的真实问题，以及解决问题过程中的探索、实践和思考。

除了技术写作，我也在持续开发和维护自己的独立项目，探索新技术和新工具在实际场景中的应用。我始终相信，没有不值得去解决的问题，也没有不值得去学习的技术。

如果这篇文章对你有所帮助，欢迎浏览博客中的其他文章，也欢迎交流技术经验与想法。

关于我  ·  GitHub  ·  邮件联系

更多文章