一种基于JSON数据的可视化方法与流程

本发明涉及计算机程序，特别涉及一种基于json数据的可视化方法。

背景技术：

1、json作为系统之间数据交互的数据格式，是一种采用完全独立于编程语言的文本格式来存储和表示数据，简洁和清晰的层次结构使得json成为理想的数据交换语言，易于编写，可以有效提升网络传输效率。

2、但是在日常阅读json数据时，若数据量较大，则会导致json数据体积较大，不易查阅，使用不够灵活。

3、因此有必要提供一种基于json数据的可视化方法，使json数据可视化，便于查阅，增加使用的灵活性。

技术实现思路

1、本发明的目的在于提供一种基于json数据的可视化方法，使json数据可视化，便于查阅，增加使用的灵活性。

2、为了解决现有技术中存在的问题，本发明提供了一种基于json数据的可视化方法，包括以下步骤：

3、前端输入字符串；

4、后端判断所述字符串是否是json格式，若不是json格式，则不处理；

5、若是json格式，则对json字符串进行解析，将json字符串分为对象和底层key，若为对象，则逐层解析得到对应的key，获取key所对应的值并存储；若为底层key，则直接得到底层key所对应的值并存储；

6、将所有key对应的值返回至前端，前端用css在页面画出可视化样式。

7、可选的，在所述基于json数据的可视化方法中，对象包括address和contractlnfo。

8、可选的，在所述基于json数据的可视化方法中，address所对应的key包括：国籍、省份、城市、区域以及街道。

9、可选的，在所述基于json数据的可视化方法中，contractlnfo所对应的key包括：邮箱、座机、手机、父亲姓名、母亲姓名以及配偶姓名。

10、可选的，在所述基于json数据的可视化方法中，底层key包括：开户行号、客户性别、客户姓名、组织机构代码以及组织名称。

11、可选的，在所述基于json数据的可视化方法中，前端设置有可视化按钮，若点击所述可视化按钮，则执行可视化方法。

12、在本发明所提供的基于json数据的可视化方法中，通过在后台解析json字符串获取key所对应的值，并将key所对应的值传回前端，从而各使json数据可视化，便于查阅，增加了使用的灵活性。

技术特征：

1.一种基于json数据的可视化方法，其特征在于，包括以下步骤：

2.如权利要求1所述的基于json数据的可视化方法，其特征在于，对象包括address和contractlnfo。

3.如权利要求2所述的基于json数据的可视化方法，其特征在于，address所对应的key包括：国籍、省份、城市、区域以及街道。

4.如权利要求2所述的基于json数据的可视化方法，其特征在于，contractlnfo所对应的key包括：邮箱、座机、手机、父亲姓名、母亲姓名以及配偶姓名。

5.如权利要求1所述的基于json数据的可视化方法，其特征在于，底层key包括：开户行号、客户性别、客户姓名、组织机构代码以及组织名称。

6.如权利要求1所述的基于json数据的可视化方法，其特征在于，前端设置有可视化按钮，若点击所述可视化按钮，则执行可视化方法。

技术总结
本发明涉及一种基于JSON数据的可视化方法，包括以下步骤：前端输入字符串；后端判断所述字符串是否是JSON格式，若不是JSON格式，则不处理；若是JSON格式，则对JSON字符串进行解析，将JSON字符串分为对象和底层key，若为对象，则逐层解析得到对应的key，获取key所对应的值并存储；若为底层key，则直接得到底层key所对应的值并存储；将所有key对应的值返回至前端，前端用css在页面画出可视化样式。本发明使JSON数据可视化，便于查阅，增加使用的灵活性。

技术研发人员：马静
受保护的技术使用者：上海通联金融服务有限公司
技术研发日：
技术公布日：2024/1/12