基于JSON文件生成多级联动组件的方法技术

本发明专利技术公开了基于JSON文件生成多级联动组件的方法，包括如下步骤：创建JSON文件形式的选择框或者输入框；分别渲染出JSON文件内各层级的基础组件以及各基础组件之间的联动映射关系；将渲染出的所述基础组件依据相应的联动映射关系及预设顺序进行排列，并在用户页面显示。本发明专利技术的基于JSON文件生成多级联动组件的方法，通过JSON文件生成选择框或者输入框，能够根据基础组件相应的联动映射关系及预设顺序，自行定义选择框或者输入框的排列顺序并在用户页面显示，是一种通用化组件，能够大幅缩短开发时间，提高开发效率，简单易懂，无需繁琐阅读，可直接使用。

【技术实现步骤摘要】
基于JSON文件生成多级联动组件的方法
本专利技术属于JSON文件
，具体涉及一种基于JSON文件生成多级联动组件的方法。
技术介绍
JSON(JavaScriptObjectNotation，JS对象简谱)是一种轻量级的数据交换格式。它是基于ECMAScript(欧洲计算机协会制定的js规范)的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据，同时也易于机器解析和生成，并有效地提升网络传输效率。目前，大部分插件不支持JSON文件自定义选择框或者输入框的排列顺序，同时开发周期长，晦涩难懂，不能直接使用。
技术实现思路
本专利技术提供一种基于JSON文件生成多级联动组件的方法，其可克服上述问题，能够支持JSON文件自行定义选择框或者输入框的排列顺序。本专利技术所采用的技术方案是：一种基于JSON文件生成多级联动组件的方法，包括如下步骤：S1、创建JSON文件形式的选择框或者输入框；S2、分别渲染出JSON文件内各层级的基础组件以及各基础组件之间的联动映射关系；S3本文档来自技高网...

【技术保护点】
1.一种基于JSON文件生成多级联动组件的方法，其特征在于，包括如下步骤：/nS1、创建JSON文件形式的选择框或者输入框；/nS2、分别渲染出JSON文件内各层级的基础组件以及各基础组件之间的联动映射关系；/nS3、将渲染出的所述基础组件依据相应的联动映射关系及预设顺序进行排列，并在用户页面显示。/n

【技术特征摘要】
1.一种基于JSON文件生成多级联动组件的方法，其特征在于，包括如下步骤：
S1、创建JSON文件形式的选择框或者输入框；
S2、分别渲染出JSON文件内各层级的基础组件以及各基础组件之间的联动映射关系；
S3、将渲染出的所述基础组件依据相应的联动映射关系及预设顺序进行排列，并在用户页面显示。


2.根据权利要求1所述的基于JSON文件生成多级联动组件的方法，其特征在于，在S2中，所述渲染出JSON文件内各层级的基础组件的步骤包括：
S21、遍历JSON文件内的各基础组件，将各基础组件根据自身所处的层级以不同的形式存储至新的JSON文件；
S22、将所述新的JSON文件内的各基础组件进行排序、遍历存入第一数据后渲染到用户页面形成选择框。


3.根据权利要求2所述的基于JSON文件生成多级联动组件的方法，其特征在于，所述S21中，将各基础组件根据自身所处的层级以不同的形式存储至新的JSON文件的步骤具体为：若基础组件为父级基础组件或者无联动关系的独立基础组件时，则基础组件以“键”的形式存储至新的JSON文件；若基础组件为子级基础组件，则基础组件以“键+对应值”的形式存储至新的JSON组件；其中，父级基础组件或者无联动关系的独立基础组件均具有prop属性，子级基础组件无prop属性。


4.根据权利要求2或3所述的基于JSON文件生成多级联动组件的方法，其特征在于，所述S22中，对所述新的JSON文件内各基础组件进行排序的方法为先按照英文字母顺序排序，再按照数字顺序排序。...

【专利技术属性】
技术研发人员：袁岳承，潘叶江，
申请(专利权)人：华帝股份有限公司，
类型：发明
国别省市：广东;44