一种数据处理方法及前端代码生成装置制造方法及图纸

技术编号:15791626 阅读:141 留言:0更新日期:2017-07-09 21:30
本发明专利技术实施例公开了一种数据处理方法,包括:获取代码标准模板、通用脚本文件以及信息项配置表;其中,所述信息项配置表用于表征至少一个信息项与至少一个文档对象模型DOM元素相关规则之间的对应关系;根据所述信息项配置表所表征的至少一个信息项与至少一个DOM元素相关规则之间的对应关系,选取至少一个DOM元素相关规则对所述至少一个信息项进行配置处理;根据配置处理结果,在所述代码标准模板中自动加载与所述至少一个信息项对应的至少一个DOM元素,以及自动调用与所述至少一个信息项对应的通用脚本文件,以生成与所述信息项配置表所对应的目标代码。本发明专利技术实施例还公开了一种前端代码生成装置。

【技术实现步骤摘要】
一种数据处理方法及前端代码生成装置
本专利技术涉及数据处理技术,尤其涉及一种数据处理方法及前端代码生成装置。
技术介绍
移动健康业务领域Web网页的前端页面,在代码开发过程中存在大量重复工作的问题,而且,这些前端页面所对应的代码通常需要开发人员手动编码,出错率较高;因此,如何实现前端页面所对应的代码,也即前端代码的自动生成,减少重复开发,节省开发成本等称为了亟待解决的一个问题。
技术实现思路
为解决现有存在的技术问题,本专利技术实施例提供了一种数据处理方法及前端代码生成装置。本专利技术实施例的技术方案是这样实现的:本专利技术实施例提供了一种数据处理方法,应用于前端代码生成装置;所述方法包括:获取代码标准模板、通用脚本文件以及信息项配置表;其中,所述信息项配置表用于表征至少一个信息项与至少一个文档对象模型DOM元素相关规则之间的对应关系;根据所述信息项配置表所表征的至少一个信息项与至少一个DOM元素相关规则之间的对应关系,选取至少一个DOM元素相关规则对所述至少一个信息项进行配置处理;根据配置处理结果,在所述代码标准模板中自动加载与所述至少一个信息项对应的至少一个DOM元素,以及自动调用与所述至少一个信息项对应的通用脚本文件,以生成与所述信息项配置表所对应的目标代码。上述方案中,所述方法还包括:根据所述目标代码生成第一页面;所述第一页面能够表征所述至少一个信息项所对应的属性信息。上述方案中,所述方法还包括:获取所述目标代码的调整策略;所述调整策略是根据所述第一页面表征的所述至少一个信息项所对应的属性信息而确定出的;根据所述调整策略对所述目标代码进行调整,以使调整后的所述目标代码与所述至少一个信息项以及至少一个DOM元素相关规则匹配。上述方案中,所述方法还包括:设置所述至少一个DOM元素相关规则与所述至少一个DOM元素之间的对应关系;对应地,所述在所述代码标准模板中自动加载与所述至少一个信息项对应的至少一个DOM元素,包括:根据所述至少一个DOM元素相关规则与所述至少一个DOM元素之间的对应关系,确定出与选取出的至少一个DOM元素相关规则对应的至少一个DOM元素,并在所述代码标准模板中自动加载与选取出的至少一个DOM元素相关规则对应的至少一个DOM元素。上述方案中,所述方法还包括:判断所述信息项配置表中与所述至少一个信息项所对应的至少一个DOM元素相关规则是否满足预设规则;对应地,所述根据所述信息项配置表所表征的至少一个信息项与至少一个DOM元素相关规则之间的对应关系,选取至少一个DOM元素相关规则对所述至少一个信息项进行配置处理,包括:当所述信息项配置表中与所述至少一个信息项所对应的至少一个DOM元素相关规则满足所述预设规则时,根据所述信息项配置表所表征的至少一个信息项与至少一个DOM元素相关规则之间的对应关系,选取至少一个DOM元素相关规则对所述至少一个信息项进行配置处理。上述方案中,所述DOM元素相关规则包括以下规则中的至少一种:DOM元素类型规则、DOM元素审核规则、DOM元素关联规则、DOM元素位置规则、DOM元素数据自动生成规则。本专利技术实施例还提供了一种前端代码生成装置,包括:获取单元,用于获取代码标准模板、通用脚本文件以及信息项配置表;其中,所述信息项配置表用于表征至少一个信息项与至少一个文档对象模型DOM元素相关规则之间的对应关系;确定单元,用于根据所述信息项配置表所表征的至少一个信息项与至少一个DOM元素相关规则之间的对应关系,选取至少一个DOM元素相关规则对所述至少一个信息项进行配置处理;处理单元,用于根据配置处理结果,在所述代码标准模板中自动加载与所述至少一个信息项对应的至少一个DOM元素,以及自动调用与所述至少一个信息项对应的通用脚本文件,以生成与所述信息项配置表所对应的目标代码。上述方案中,所述处理单元,还用于根据所述目标代码生成第一页面;所述第一页面能够表征所述至少一个信息项所对应的属性信息。上述方案中,所述处理单元,还用于获取所述目标代码的调整策略;还用于根据所述调整策略对所述目标代码进行调整,以使调整后的所述目标代码与所述至少一个信息项以及至少一个DOM元素相关规则匹配;其中,所述调整策略是根据所述第一页面表征的所述至少一个信息项所对应的属性信息而确定出的。上述方案中,所述前端代码生成装置还包括:设置单元,用于设置所述至少一个DOM元素相关规则与所述至少一个DOM元素之间的对应关系;对应地,所述处理单元,还用于根据所述至少一个DOM元素相关规则与所述至少一个DOM元素之间的对应关系,确定出与选取出的至少一个DOM元素相关规则对应的至少一个DOM元素,并在所述代码标准模板中自动加载与选取出的至少一个DOM元素相关规则对应的至少一个DOM元素。上述方案中,所述确定单元,还用于判断所述信息项配置表中与所述至少一个信息项所对应的至少一个DOM元素相关规则是否满足预设规则;还用于当所述信息项配置表中与所述至少一个信息项所对应的至少一个DOM元素相关规则满足所述预设规则时,根据所述信息项配置表所表征的至少一个信息项与至少一个DOM元素相关规则之间的对应关系,选取至少一个DOM元素相关规则对所述至少一个信息项进行配置处理。上述方案中,所述DOM元素相关规则包括以下规则中的至少一种:DOM元素类型规则、DOM元素审核规则、DOM元素关联规则、DOM元素位置规则、DOM元素数据自动生成规则。本专利技术实施例所述的数据处理方法及前端代码生成装置,能够利用DOM元素相关规则对信息项配置表中的信息项进行配置处理,进而根据配置处理结果在代码标准模板中自动加载与信息项对应的DOM元素,以及自动调用与信息项对应的通用脚本文件,如此,自动生成与所述信息项配置表所对应的目标代码,实现前端代码的自动生成过程。附图说明图1为本专利技术实施例数据处理方法的实现流程示意图;图2为本专利技术实施例前端代码生成装置的结构示意图;图3为本专利技术实施例前端代码生成装置的具体结构示意图;图4为本专利技术实施例数据处理方法具体实现的流程示意图;图5为本专利技术实施例数据处理方法的具体应用示意图。具体实施方式针对数据采集系统,前端代码和后端代码在自动生成方面有很多的区别,例如,前端代码需要解决丰富的前端录入信息的审核、特效显示、关联显示等难点,所以,在前端代码的自动生成过程中需要较多的逻辑判断,而不能仅仅通过类似后端代码生成方案中的提取模板和简单字符串替换等方式来实现;另外,前端代码生成的核心是DOM元素的自动加载,这个特点是前端代码的特色,是后端代码不需要涉及的内容。因此,本专利技术实施例的核心点是如何基于规则引擎实现DOM元素的自动加载。为了能够更加详尽地了解本专利技术的特点与
技术实现思路
,下面结合附图对本专利技术的实现进行详细阐述,所附附图仅供参考说明之用,并非用来限定本专利技术。实施例一图1为本专利技术实施例数据处理方法的实现流程示意图;所述方法应用于前端代码生成装置;如图1所示,所述方法包括:步骤101:获取代码标准模板、通用脚本文件以及信息项配置表;其中,所述信息项配置表用于表征至少一个信息项与至少一个文档对象模型DOM元素相关规则之间的对应关系;在一具体实施例中,当获取到所述信息项配置表后,所述前端代码生成装置还需要判断所述信息项配置表中与所述至少一个信息项所对应的本文档来自技高网
...
一种数据处理方法及前端代码生成装置

【技术保护点】
一种数据处理方法,应用于前端代码生成装置;所述方法包括:获取代码标准模板、通用脚本文件以及信息项配置表;其中,所述信息项配置表用于表征至少一个信息项与至少一个文档对象模型DOM元素相关规则之间的对应关系;根据所述信息项配置表所表征的至少一个信息项与至少一个DOM元素相关规则之间的对应关系,选取至少一个DOM元素相关规则对所述至少一个信息项进行配置处理;根据配置处理结果,在所述代码标准模板中自动加载与所述至少一个信息项对应的至少一个DOM元素,以及自动调用与所述至少一个信息项对应的通用脚本文件,以生成与所述信息项配置表所对应的目标代码。

【技术特征摘要】
1.一种数据处理方法,应用于前端代码生成装置;所述方法包括:获取代码标准模板、通用脚本文件以及信息项配置表;其中,所述信息项配置表用于表征至少一个信息项与至少一个文档对象模型DOM元素相关规则之间的对应关系;根据所述信息项配置表所表征的至少一个信息项与至少一个DOM元素相关规则之间的对应关系,选取至少一个DOM元素相关规则对所述至少一个信息项进行配置处理;根据配置处理结果,在所述代码标准模板中自动加载与所述至少一个信息项对应的至少一个DOM元素,以及自动调用与所述至少一个信息项对应的通用脚本文件,以生成与所述信息项配置表所对应的目标代码。2.根据权利要求1所述的方法,其特征在于,所述方法还包括:根据所述目标代码生成第一页面;所述第一页面能够表征所述至少一个信息项所对应的属性信息。3.根据权利要求2所述的方法,其特征在于,所述方法还包括:获取所述目标代码的调整策略;所述调整策略是根据所述第一页面表征的所述至少一个信息项所对应的属性信息而确定出的;根据所述调整策略对所述目标代码进行调整,以使调整后的所述目标代码与所述至少一个信息项以及至少一个DOM元素相关规则匹配。4.根据权利要求1所述的方法,其特征在于,所述方法还包括:设置所述至少一个DOM元素相关规则与所述至少一个DOM元素之间的对应关系;对应地,所述在所述代码标准模板中自动加载与所述至少一个信息项对应的至少一个DOM元素,包括:根据所述至少一个DOM元素相关规则与所述至少一个DOM元素之间的对应关系,确定出与选取出的至少一个DOM元素相关规则对应的至少一个DOM元素,并在所述代码标准模板中自动加载与选取出的至少一个DOM元素相关规则对应的至少一个DOM元素。5.根据权利要求1所述的方法,其特征在于,所述方法还包括:判断所述信息项配置表中与所述至少一个信息项所对应的至少一个DOM元素相关规则是否满足预设规则;对应地,所述根据所述信息项配置表所表征的至少一个信息项与至少一个DOM元素相关规则之间的对应关系,选取至少一个DOM元素相关规则对所述至少一个信息项进行配置处理,包括:当所述信息项配置表中与所述至少一个信息项所对应的至少一个DOM元素相关规则满足所述预设规则时,根据所述信息项配置表所表征的至少一个信息项与至少一个DOM元素相关规则之间的对应关系,选取至少一个DOM元素相关规则对所述至少一个信息项进行配置处理。6.根据权利要求1至5任一项所述的方法,其特征在于,所述DOM元素相关规则包括以下规则中的至少一种:DOM元素类型规则、DOM元素审核规则、DOM元素关联规则、...

【专利技术属性】
技术研发人员:郭义华许利群常耀斌
申请(专利权)人:中国移动通信集团公司
类型:发明
国别省市:北京,11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1