一种基于JSON数据的可视化方法技术

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

【技术实现步骤摘要】
一种基于JSON数据的可视化方法


[0001]本专利技术涉及计算机程序
，特别涉及一种基于JSON数据的可视化方法。

技术介绍

[0002]JSON作为系统之间数据交互的数据格式，是一种采用完全独立于编程语言的文本格式来存储和表示数据，简洁和清晰的层次结构使得JSON成为理想的数据交换语言，易于编写，可以有效提升网络传输效率。
[0003]但是在日常阅读JSON数据时，若数据量较大，则会导致JSON数据体积较大，不易查阅，使用不够灵活。
[0004]因此有必要提供一种基于JSON数据的可视化方法，使JSON数据可视化，便于查阅，增加使用的灵活性。

技术实现思路

[0005]本专利技术的目的在于提供一种基于JSON数据的可视化方法，使JSON数据可视化，便于查阅，增加使用的灵活性。
[0006]为了解决现有技术中存在的问题，本专利技术提供了一种基于JSON数据的可视化方法，包括以下步骤：
[0007]前端输入字符串；
[0008]后端判断所述字符串是否是JSON格式，若不是JSON格式，则不处理；
[0009]若是JSON格式，则对JSON字符串进行解析，将JSON字符串分为对象和底层key，若为对象，则逐层解析得到对应的key，获取key所对应的值并存储；若为底层key，则直接得到底层key所对应的值并存储；
[0010]将所有key对应的值返回至前端，前端用css在页面画出可视化样式。
[0011]可选的，在所述基于JSON数据的可视化方法中，对象包括address和contractlnfo。
[0012]可选的，在所述基于JSON数据的可视化方法中，address所对应的key包括：国籍、省份、城市、区域以及街道。
[0013]可选的，在所述基于JSON数据的可视化方法中，contractlnfo所对应的key包括：邮箱、座机、手机、父亲姓名、母亲姓名以及配偶姓名。
[0014]可选的，在所述基于JSON数据的可视化方法中，底层key包括：开户行号、客户性别、客户姓名、组织机构代码以及组织名称。
[0015]可选的，在所述基于JSON数据的可视化方法中，前端设置有可视化按钮，若点击所述可视化按钮，则执行可视化方法。
[0016]在本专利技术所提供的基于JSON数据的可视化方法中，通过在后台解析JSON字符串获取key所对应的值，并将key所对应的值传回前端，从而各使JSON数据可视化，便于查阅，增加了使用的灵活性。
附图说明
[0017]图1为本专利技术实施例提供的可视化方法的流程图；
[0018]图2a
‑
2c为本专利技术实施例提供的对象和底层key的示意图。
具体实施方式
[0019]下面将结合示意图对本专利技术的具体实施方式进行更详细的描述。根据下列描述，本专利技术的优点和特征将更清楚。需说明的是，附图均采用非常简化的形式且均使用非精准的比例，仅用以方便、明晰地辅助说明本专利技术实施例的目的。
[0020]在下文中，如果本文所述的方法包括一系列步骤，本文所呈现的这些步骤的顺序并非必须是可执行这些步骤的唯一顺序，且一些所述的步骤可被省略和/或一些本文未描述的其他步骤可被添加到该方法。
[0021]JSON作为系统之间数据交互的数据格式，是一种采用完全独立于编程语言的文本格式来存储和表示数据，简洁和清晰的层次结构使得JSON成为理想的数据交换语言，易于编写，可以有效提升网络传输效率。但是在日常阅读JSON数据时，若数据量较大，则会导致JSON数据体积较大，不易查阅，使用不够灵活。
[0022]为了解决现有技术中存在的问题，本专利技术提供了一种基于JSON数据的可视化方法，如图1所示，所述方法包括以下步骤：
[0023]前端输入字符串；
[0024]后端判断所述字符串是否是JSON格式，若不是JSON格式，则不处理；
[0025]若是JSON格式，则对JSON字符串进行解析，将JSON字符串分为对象和底层key，若为对象，则逐层解析得到对应的key，获取key所对应的值并存储；若为底层key，则直接得到底层key所对应的值并存储；
[0026]将所有key对应的值返回至前端，前端用css在页面画出可视化样式。
[0027]进一步的，如图2a
‑
2c所示，在一个实施例中，对象包括address和contractlnfo。其中，address所对应的key包括：国籍、省份、城市、区域以及街道。contractlnfo所对应的key包括：邮箱、座机、手机、父亲姓名、母亲姓名以及配偶姓名。底层key包括：开户行号、客户性别、客户姓名、组织机构代码以及组织名称。
[0028]优选的，前端设置有可视化按钮，若点击所述可视化按钮，则执行可视化方法，其中的对象可点击进入下一层可视化样式，非对象的底层key则展示对应的值。
[0029]综上，在本专利技术所提供的基于JSON数据的可视化方法中，通过在后台解析JSON字符串获取key所对应的值，并将key所对应的值传回前端，从而各使JSON数据可视化，便于查阅，增加了使用的灵活性。
[0030]上述仅为本专利技术的优选实施例而已，并不对本专利技术起到任何限制作用。任何所属
的技术人员，在不脱离本专利技术的技术方案的范围内，对本专利技术揭露的技术方案和
技术实现思路
做任何形式的等同替换或修改等变动，均属未脱离本专利技术的技术方案的内容，仍属于本专利技术的保护范围之内。
本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种基于JSON数据的可视化方法，其特征在于，包括以下步骤：前端输入字符串；后端判断所述字符串是否是JSON格式，若不是JSON格式，则不处理；若是JSON格式，则对JSON字符串进行解析，将JSON字符串分为对象和底层key，若为对象，则逐层解析得到对应的key，获取key所对应的值并存储；若为底层key，则直接得到底层key所对应的值并存储；将所有key对应的值返回至前端，前端用css在页面画出可视化样式。2.如权利要求1所述的基于JSON数据的可视化方法，其特征在于，对象包括address和contractlnfo。3.如权利要求2...

【专利技术属性】
技术研发人员：马静，
申请(专利权)人：上海通联金融服务有限公司，
类型：发明
国别省市：