一种web控件的生成方法及装置制造方法及图纸

本发明专利技术提出了一种web控件的生成方法，包括如下步骤：输入生成web控件的必要信息；判断要生成的web控件是否已经存在，如是，移除所述web控件并执行下一步骤；否则，执行下一步骤；对所述必要信息进行处理使其变成符合json规范的格式数据；所述格式数据包括必需的数组，所述数组有一个或多个元素组成；依次读取所述数组中的元素并自动生成对象后得到所述web控件。本发明专利技术还涉及一种实现上述方法的装置。实施本发明专利技术的web控件的生成方法及装置，具有以下有益效果：代码较少、灵活性较好、控件生成效率较高。

【技术实现步骤摘要】
一种web控件的生成方法及装置
本专利技术涉及web框架领域，特别涉及一种web控件的生成方法及装置。
技术介绍
现有Javascript实现的webUI库/框架，在设计时将各种UI控件分别实现，每个控件都需要用不同的程序来生成，所以存在代码较多的问题。同时在由一个控件变成另一个控件时，其用来生成控件的程序要完全改变，需要开发人员重新编写程序，其工作量较大，大大耗费了开发人员的精力，这样造成灵活性较差，控件生成效率较低等问题。
技术实现思路
本专利技术要解决的技术问题在于，针对现有技术的上述代码较多、灵活性较差、控件生成效率较低的缺陷，提供一种代码较少、灵活性较好、控件生成效率较高的web控件的生成方法及装置。本专利技术解决其技术问题所采用的技术方案是：构造一种web控件的生成方法，包括如下步骤：A)输入生成web控件的必要信息；B)判断要生成的web控件是否已经存在，如是，移除所述web控件，并执行步骤C)；否则，执行步骤C)；C)对所述必要信息进行处理使其变成符合json规范的格式数据；所述格式数据包括必需的数组，所述数组有一个或多个元素组成；D)依次读取所述数组中的元素并自动生成对象后得到所述web控件。在本专利技术所述的web控件的生成方法中，所述格式数据还包括样式信息；所述步骤D)进一步包括：D1)读取所述数组中的元素；D2)判断所述数组中的元素是否读取完毕，如是，执行步骤D3)；否则，返回步骤D1)读取下一个元素；D3)自动生成对象；D4)依据所述样式信息设置所述对象的样式；D5)所述web控件生成完毕。在本专利技术所述的web控件的生成方法中，所述数组中的每一个元素都会生成一个对象。在本专利技术所述的web控件的生成方法中，在所述步骤D)之后还包括：E)利用生成的web控件来生成用于输入所述必要信息的表格。在本专利技术所述的web控件的生成方法中，所述必要信息包括控件id、调用页面、所属子系统、控件宽度、控件高度、属性、控件间隙、边界、选择项、控件点击事件、文本数组、对象的样式、所生成文本的返回方式、是否可拖动、拖动方向和透明程度。本专利技术还涉及一种实现上述web控件的生成方法的装置，包括：信息输入单元：用于输入生成web控件的必要信息；控件判断单元：用于判断要生成的web控件是否已经存在，如是，移除所述web控件；信息处理单元：用于对所述必要信息进行处理使其变成符合json规范的格式数据；所述格式数据包括必需的数组，所述数组有一个或多个元素组成；读取单元：用于依次读取所述数组中的元素并自动生成对象后得到所述web控件。在本专利技术所述的实现上述web控件的生成方法的装置中，所述格式数据还包括样式信息；所述读取单元进一步包括：元素读取模块：用于读取所述数组中的元素；读取判断模块：用于判断所述数组中的元素是否读取完毕，在未读取完毕时读取下一个元素；对象生成模块：用于自动生成对象；样式设置模块：用于依据所述样式信息设置所述对象的样式；控件生成模块：用于使所述web控件生成完毕。在本专利技术所述的实现上述web控件的生成方法的装置中，所述数组中的每一个元素都会生成一个对象。在本专利技术所述的实现上述web控件的生成方法的装置中，所述装置还包括：表格生成单元：用于利用生成的web控件来生成用于输入所述必要信息的表格。在本专利技术所述的实现上述web控件的生成方法的装置中，所述必要信息包括控件id、调用页面、所属子系统、控件宽度、控件高度、属性、控件间隙、边界、选择项、控件点击事件、文本数组、对象的样式、所生成文本的返回方式、是否可拖动、拖动方向和透明程度。实施本专利技术的web控件的生成方法及装置，具有以下有益效果:由于输入生成web控件的必要信息后，对其进行处理使其变成符合json规范的格式数据；上述格式数据包括必需的数组，该数组有一个或多个元素组成；依次读取数组中的元素并自动生成对象后得到所述web控件，这样用一个程序就可以生成多个控件，所以其代码较少，同时在由一个控件变成另一个控件时，不需要改变整个程序，只需要改变某些参数就可以了，所以其灵活性较好，控件生成效率较高。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术web控件的生成方法及装置一个实施例中对象的构成示意图；图2为所述实施例中方法的流程图；图3为所述实施例中依次读取数组中的元素并自动生成对象后得到web控件的具体流程图；图4是所述实施例中装置的结构示意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。本专利技术web控件的生成方法或webUI框架的开发方法采取了与众不同的设计思路。将各种webUI控件(web控件)看成都是由1个或N个类似对象构成。这种对象在实施例中命名为a，因为它也能实现web中a标签的作用。通常a表现为一个嵌套了几个标签的div对象。完整的a的构成如图1所示。图1中，a为对象，a0、a1和a2分别是a的子对象。本实施例中，通过生成1个或N个a对象来构建以下UI控件：菜单、多态按键、多选、单选、文本输入，并可以以此为基础构建更复杂的UI控件。在本专利技术web控件的生成方法及装置实施例中，其方法的流程图如图2所示。图2中，该web控件的生成方法包括如下步骤：步骤S01输入生成web控件的必要信息：本步骤中，首先输入生成web控件的必要信息，这些必要信息包括控件id、调用页面、所属子系统、控件宽度、控件高度、属性、控件间隙、边界、选择项、控件点击事件、文本数组、对象的样式、所生成文本的返回方式、是否可拖动、拖动方向和透明程度等等。当然，根据实际需要，开发者可以自己定义所需要的必要信息的内容。本实施例中，在对上述必要信息进行配置时，具体配置如下：cid：控件id；在程序调用时用到；ctn：调用页面；galx：所属子系统；w：控件宽度；h：控件高度；z：相当于css中的float属性。-1左浮动，-2右浮动；s：控件间隙；marg：边界；相当于css的margin；ncheck：选择项；其值等于1时单选，值大于1时复选，值等于-2时单选并恢复样式；cfun：控件点击事件；ca：文本数组；以`分割的字符串，可同时设置多个相同样式，但不同文本及方法事件的UI控件；class0：对应构成图1中a0的样式；class1：对应构成图1中a1的样式；class2：对应构成图1中a2的样式；cret：本方法所生成的文本的返回方式(替换、追加)；cxy：是否可拖动及拖动方向；op：透明程度。步骤S02判断要生成的web控件是否已经存在：本步骤中，判断要生成的web控件是否已经存在，如果判断的结果为是，则执行步骤S03；否则，执行步骤S04。步骤S03移除web控件：如果上述步骤S02的判断结果为是，则执行本步骤。本步骤中，移除web本文档来自技高网...

【技术保护点】
一种web控件的生成方法，其特征在于，包括如下步骤：A）输入生成web控件的必要信息；B）判断要生成的web控件是否已经存在，如是，移除所述web控件，并执行步骤C)；否则，执行步骤C）；C）对所述必要信息进行处理使其变成符合json规范的格式数据；所述格式数据包括必需的数组，所述数组有一个或多个元素组成；D）依次读取所述数组中的元素并自动生成对象后得到所述web控件。

【技术特征摘要】
1.一种web控件的生成方法，其特征在于，包括如下步骤：A)输入生成web控件的必要信息；所述必要信息包括控件id、调用页面、所属子系统、控件宽度、控件高度、属性、控件间隙、边界、选择项、控件点击事件、文本数组、对象的样式、所生成文本的返回方式、是否可拖动、拖动方向和透明程度；所述web控件由1个或N个对象构成，用a定义对象，a0、a1和a2分别是a的子对象；对所述必要信息进行配置时，具体配置如下：cid：控件id；在程序调用时用到；ctn：调用页面；galx：所属子系统；w：控件宽度；h：控件高度；z：相当于css中的float属性；-1左浮动，-2右浮动；s：控件间隙；marg：边界；相当于css的margin；ncheck：选择项；其值等于1时单选，值大于1时复选，值等于-2时单选并恢复样式；cfun：控件点击事件；ca：文本数组；以`分割的字符串，可同时设置多个相同样式，但不同文本及方法事件的UI控件；class0：对应构成a0的样式；class1：对应构成a1的样式；class2：对应构成a2的样式；cret：本方法所生成的文本的返回方式；cxy：是否可拖动及拖动方向；op：透明程度；B)判断要生成的web控件是否已经存在，如是，移除所述web控件，并执行步骤C)；否则，执行步骤C)；C)对所述必要信息进行处理使其变成符合json规范的格式数据；所述格式数据包括必需的数组，所述数组有一个或多个元素组成；D)依次读取所述数组中的元素并自动生成对象后得到所述web控件；通过生成1个或N个a对象来构建以下UI控件：菜单、多态按键、多选、单选、文本输入；所述格式数据还包括样式信息；所述步骤D)进一步包括：D1)读取所述数组中的元素；D2)判断所述数组中的元素是否读取完毕，如是，执行步骤D3)；否则，返回步骤D1)读取下一个元素；D3)自动生成对象；D4)依据所述样式信息设置所述对象的样式；根据每个数组元素的配置属性设置a的样式，所述配置属性为控件宽度、控件高度、属性、控件间隙、边界、选择项、控件点击事件、文本数组、a0的样式、a1的样式、a2的样式、所生成文本的返回方式、是否可拖动、拖动方向和透明程度；D5)所述web控件生成完毕。2.根据权利要求1所述的web控件的生成方法，其特征在于，所述数组中的每一个元素都会生成一个对象。3.根据权利要求1所述的web控件的生成方法，其特征在于，在所述步骤D)之后还包括：E)利用生成的web控件来生成用于输入所述必要信息的表格。4.一种实现如权利要求1所述的web控件的生成方法的装置，其特征...

【专利技术属性】
技术研发人员：刘武丰，
申请(专利权)人：广州精攻网络科技有限公司，
类型：发明
国别省市：广东;44