脚本框架页面组件的转换方法及转换装置与流程

文档序号:15115553发布日期:2018-08-07 19:59阅读:128来源:国知局

本发明涉及通信技术领域,尤其涉及一种脚本框架页面组件的转换方法及转换装置。



背景技术:

目前存在较多不同的js前端脚本框架,每个脚本框架都提供有各自的页面组件化方案,在功能上各页面组件基本是相同的,但在代码层面均不兼容。现有技术中虽然提出了webcomponent组件化标准,但目前绝大部分浏览器并不支持这种标准,且主流的脚本框架也并未按照该标准来实现,由此前端在长期开发过程中积累出的众多页面组件,一旦遇到项目技术革新或更换新框架,之前编写的页面组件需要进行重构,改造成新的组件,改造的工作量很大,导致组件重构的效率低,且操作繁琐。



技术实现要素:

本发明的目的在于提供一种脚本框架页面组件的转换方法及转换装置,旨在简化组件的重构或改造操作,减少组件重构的工作量并提高效率。

为实现上述目的,本发明提供一种脚本框架页面组件的转换方法,所述脚本框架页面组件的转换方法包括:

s1,在不同脚本框架页面组件中,确定每一脚本框架页面组件与其他各脚本框架页面组件关联的组件参数;

s2,在接收到将第一脚本框架页面组件转换成第二脚本框架页面组件的转换指令后,查找出所述第一脚本框架页面组件对应的与所述第二脚本框架页面组件关联的第一组件参数,并查找出所述第二脚本框架页面组件对应的与所述第一脚本框架页面组件关联的第二组件参数;

s3,在所述第一脚本框架页面组件中将各第一组件参数修改为对应的第二组件参数,以将所述第一脚本框架页面组件转换成所述第二脚本框架页面组件。

优选地,所述脚本框架页面组件为脚本框架html5页面组件。

优选地,所述步骤s3包括:

s31,将各第一组件参数与各第二组件参数按照参数类型进行一一配对;

s32,在一一配对成功后,在所述第一脚本框架页面组件中将各第一组件参数修改为对应的第二组件参数,以将所述第一脚本框架页面组件转换成所述第二脚本框架页面组件。

优选地,所述步骤s3进一步包括:

若存在至少一所述第二组件参数没有配对的第一组件参数,则生成提示信息并将所述提示信息发送给预定的终端,以提醒无法将所述第一脚本框架页面组件转换成所述第二脚本框架页面组件。

优选地,所述步骤s3进一步包括:

若存在至少一所述第一组件参数没有配对的第二组件参数,则分析是否有预先设置的第二组件参数作为与所述第一组件参数配对的参数;

若是,则在第一脚本框架页面组件中将所述第一组件参数修改为预先设置的第二组件参数;

若否,则生成提示信息并将所述提示信息发送给预定的终端,以提醒无法将所述第一脚本框架页面组件转换成所述第二脚本框架页面组件。

为实现上述目的,本发明还提供一种脚本框架页面组件的转换装置,所述脚本框架页面组件的转换装置包括:

确定模块,用于在不同脚本框架页面组件中,确定每一脚本框架页面组件与其他各脚本框架页面组件关联的组件参数;

查找模块,用于在接收到将第一脚本框架页面组件转换成第二脚本框架页面组件的转换指令后,查找出所述第一脚本框架页面组件对应的与所述第二脚本框架页面组件关联的第一组件参数,并查找出所述第二脚本框架页面组件对应的与所述第一脚本框架页面组件关联的第二组件参数;

转换模块,用于在所述第一脚本框架页面组件中将各第一组件参数修改为对应的第二组件参数,以将所述第一脚本框架页面组件转换成所述第二脚本框架页面组件。

优选地,所述脚本框架页面组件为脚本框架html5页面组件。

优选地,所述转化模块包括:

配对单元,用于将各第一组件参数与各第二组件参数按照参数类型进行一一配对;

转换单元,用于在一一配对成功后,在所述第一脚本框架页面组件中将各第一组件参数修改为对应的第二组件参数,以将所述第一脚本框架页面组件转换成所述第二脚本框架页面组件。

优选地,所述转换模块进一步包括:

第一生成单元,用于若存在至少一所述第二组件参数没有配对的第一组件参数,则生成提示信息并将所述提示信息发送给预定的终端,以提醒无法将所述第一脚本框架页面组件转换成所述第二脚本框架页面组件。

优选地,所述转换模块进一步包括:

分析单元,用于若存在至少一所述第一组件参数没有配对的第二组件参数,则分析是否有预先设置的第二组件参数作为与所述第一组件参数配对的参数;

修改单元,用于若是,则在第一脚本框架页面组件中将所述第一组件参数修改为预先设置的第二组件参数;

第二生成单元,用于若否,则生成提示信息并将所述提示信息发送给预定的终端,以提醒无法将所述第一脚本框架页面组件转换成所述第二脚本框架页面组件。

本发明的有益效果是:本发明首先确定每一脚本框架页面组件与其他各脚本框架页面组件关联的组件参数,如果要将某一脚本框架页面组件转换为另一脚本框架页面组件,则分别在两脚本框架页面组件中查找出两者相互关联的组件参数,然后将前一脚本框架页面组件中关联的组件参数修改为后一脚本框架页面组件中关联的组件参数,这样,就实现了两脚本框架页面组件之间的转换,简化了组件的重构或改造操作,减少组件重构的工作量并提高效率。

附图说明

图1为本发明脚本框架页面组件的转换方法一实施例的流程示意图;

图2为图1所示步骤s3的细化流程示意图;

图3为本发明脚本框架页面组件的转换装置一实施例的结构示意图;

图4为图3所示转换模块的结构示意图。

具体实施方式

以下结合附图对本发明的原理和特征进行描述,所举实例只用于解释本发明,并非用于限定本发明的范围。

如图1所示,图1为本发明脚本框架页面组件的转换方法一实施例的流程示意图,该脚本框架页面组件的转换方法包括以下步骤:

步骤s1,在不同脚本框架页面组件中,确定每一脚本框架页面组件与其他各脚本框架页面组件关联的组件参数;

本实施例中,脚本框架有多种,脚本框架例如为silverna、dronframework、zerg、script_aculo_us、prototype、bindows或jsvm等等。在www环境中,信息以页面信息组织,页面组件是对数据和方法的简单封装。

优选地,脚本框架页面组件为脚本框架html5页面组件。

本实施例中,由于不同的脚本框架的页面组件的功能是基本相同的,只是在代码上有差别,因此可以确定出每一脚本框架页面组件与其他每一脚本框架页面组件关联的组件参数,例如,确定第一脚本框架页面组件与第二脚本框架页面组件关联的组件参数,或者确定第一脚本框架页面组件与第三脚本框架页面组件关联的组件参数。

其中,组件参数包括但不限定于待渲染的数据、渲染过程中hook(钩子)函数、渲染完成后的dom事件与执行函数的关联数据,dom事件指的是操作事件,例如点击、滑动等。

步骤s2,在接收到将第一脚本框架页面组件转换成第二脚本框架页面组件的转换指令后,查找出所述第一脚本框架页面组件对应的与所述第二脚本框架页面组件关联的第一组件参数,并查找出所述第二脚本框架页面组件对应的与所述第一脚本框架页面组件关联的第二组件参数;

步骤s3,在所述第一脚本框架页面组件中将各第一组件参数修改为对应的第二组件参数,以将所述第一脚本框架页面组件转换成所述第二脚本框架页面组件。

本实施例中,如果需要将第一脚本框架页面组件转换成第二脚本框架页面组件,可以在触发转换指令,根据该转换指令,查找出第一脚本框架页面组件对应的与第二脚本框架页面组件关联的第一组件参数,以及,查找出第二脚本框架页面组件对应的与第一脚本框架页面组件关联的第二组件参数。

其中,第一组件参数的数量可以为一个或多个,第二组件参数的数量也可以为一个或多个,第一组件参数与第二组件参数的数量可以相同也可以不同,且第一组件参数与第二组件参数的内容不相同。优选地,第一组件参数的数量与第二组件参数的数量相等。

本实施例中,在第一脚本框架页面组件中将第一组件参数修改为对应的第二组件参数,即将每一第一组件参数修改为对应的第二组件参数,实现将第一脚本框架页面组件转换成第二脚本框架页面组件。

与现有技术相比,本实施例首先确定每一脚本框架页面组件与其他各脚本框架页面组件关联的组件参数,如果要将某一脚本框架页面组件转换为另一脚本框架页面组件,则分别在两脚本框架页面组件中查找出两者相互关联的组件参数,然后将前一脚本框架页面组件中关联的组件参数修改为后一脚本框架页面组件中关联的组件参数,这样,就实现了两脚本框架页面组件之间的转换,简化了组件的重构或改造操作,减少组件重构的工作量并可提高效率。

在一优选的实施例中,如图2所示,在上述图1的实施例的基础上,上述步骤s3包括:

步骤s31,将各第一组件参数与各第二组件参数按照参数类型进行一一配对;

步骤s32,在一一配对成功后,在所述第一脚本框架页面组件中将各第一组件参数修改为对应的第二组件参数,以将所述第一脚本框架页面组件转换成所述第二脚本框架页面组件。

本实施例中,组件参数按照参数类型包括待渲染前的参数、渲染过程中的参数及渲染后的参数等,当然,也可以按照其他区分方式将组件参数分为不同的类型。

本实施例中,按照参数类型将第一组件参数与第二组件参数进行一一配对,如果第一组件参数与第二组件参数两者参数的数量相等,且第一组件参数中的每一个参数均与第二组件参数中的对应的参数配对成功,则一一配对成功,否则,配对失败。最后在第一脚本框架页面组件中将各第一组件参数修改为对应的第二组件参数,实现将第一脚本框架页面组件转换成第二脚本框架页面组件。

本实施例将各第一组件参数与各第二组件参数按照参数类型进行一一配对,在一一配对成功时才修改第一组件参数为对应的第二组件参数,能够提高组件转换的准确性。

在一优选的实施例中,在上述图2的实施例的基础上,上述步骤s3进一步包括:

若存在至少一所述第二组件参数没有配对的第一组件参数,则生成提示信息并将所述提示信息发送给预定的终端,以提醒无法将所述第一脚本框架页面组件转换成所述第二脚本框架页面组件。

本实施例中,若存在至少一第二组件参数没有配对的第一组件参数,即第二组件参数中参数的数量大于第一组件参数中的参数的数量时,说明如果将第一脚本框架页面组件中的各第一组件参数修改为对应的第二组件参数时,无法将全部的第二组件参数均加入至第一脚本框架页面组件中,则无法将第一脚本框架页面组件转换成第二脚本框架页面组件,这时,生成提示信息并将提示信息发送给预定的终端,以提醒无法将第一脚本框架页面组件转换成第二脚本框架页面组件。

在一优选的实施例中,在上述图2的实施例的基础上,上述步骤s3进一步包括:

若存在至少一所述第一组件参数没有配对的第二组件参数,则分析是否有预先设置的第二组件参数作为与所述第一组件参数配对的参数;

若是,则在第一脚本框架页面组件中将所述第一组件参数修改为预先设置的第二组件参数;

若否,则生成提示信息并将所述提示信息发送给预定的终端,以提醒无法将所述第一脚本框架页面组件转换成所述第二脚本框架页面组件。

本实施例中,若存在至少一第一组件参数没有配对的第二组件参数,即第一组件参数中参数的数量大于第二组件参数中的参数的数量时,说明第一脚本框架页面组件中的各第一组件参数无法全部修改为对应的第二组件参数,这时分析是否有预先设置的第二组件参数作为与第一组件参数配对的参数,如果有预先设置的第二组件参数作为与第一组件参数配对的参数,则可以在第一脚本框架页面组件中将第一组件参数修改为预先设置的第二组件参数,否则同样无法将第一脚本框架页面组件转换成第二脚本框架页面组件,这时,生成提示信息并将提示信息发送给预定的终端,以提醒无法将第一脚本框架页面组件转换成第二脚本框架页面组件。

如图3所示,图3为本发明脚本框架页面组件的转换装置一实施例的结构示意图,该脚本框架页面组件的转换装置包括:

确定模块101,用于在不同脚本框架页面组件中,确定每一脚本框架页面组件与其他各脚本框架页面组件关联的组件参数;

本实施例中,脚本框架有多种,脚本框架例如为silverna、dronframework、zerg、script_aculo_us、prototype、bindows或jsvm等等。在www环境中,信息以页面信息组织,页面组件是对数据和方法的简单封装。

优选地,脚本框架页面组件为脚本框架html5页面组件。

本实施例中,由于不同的脚本框架的页面组件的功能是基本相同的,只是在代码上有差别,因此可以确定出每一脚本框架页面组件与其他每一脚本框架页面组件关联的组件参数,例如,确定第一脚本框架页面组件与第二脚本框架页面组件关联的组件参数,或者确定第一脚本框架页面组件与第三脚本框架页面组件关联的组件参数。

其中,组件参数包括但不限定于待渲染的数据、渲染过程中hook(钩子)函数、渲染完成后的dom事件与执行函数的关联数据,dom事件指的是操作事件,例如点击、滑动等。

查找模块102,用于在接收到将第一脚本框架页面组件转换成第二脚本框架页面组件的转换指令后,查找出所述第一脚本框架页面组件对应的与所述第二脚本框架页面组件关联的第一组件参数,并查找出所述第二脚本框架页面组件对应的与所述第一脚本框架页面组件关联的第二组件参数;

转换模块103,用于在所述第一脚本框架页面组件中将各第一组件参数修改为对应的第二组件参数,以将所述第一脚本框架页面组件转换成所述第二脚本框架页面组件

本实施例中,如果需要将第一脚本框架页面组件转换成第二脚本框架页面组件,可以在触发转换指令,根据该转换指令,查找出第一脚本框架页面组件对应的与第二脚本框架页面组件关联的第一组件参数,以及,查找出第二脚本框架页面组件对应的与第一脚本框架页面组件关联的第二组件参数。

其中,第一组件参数的数量可以为一个或多个,第二组件参数的数量也可以为一个或多个,第一组件参数与第二组件参数的数量可以相同也可以不同,且第一组件参数与第二组件参数的内容不相同。优选地,第一组件参数的数量与第二组件参数的数量相等。

本实施例中,在第一脚本框架页面组件中将第一组件参数修改为对应的第二组件参数,即将每一第一组件参数修改为对应的第二组件参数,实现将第一脚本框架页面组件转换成第二脚本框架页面组件。

在一优选的实施例中,如图4所示,在上述图3的实施例的基础上,上述转化模块103包括:

配对单元1031,用于将各第一组件参数与各第二组件参数按照参数类型进行一一配对;

转换单元1032,用于在一一配对成功后,在所述第一脚本框架页面组件中将各第一组件参数修改为对应的第二组件参数,以将所述第一脚本框架页面组件转换成所述第二脚本框架页面组件。

本实施例中,组件参数按照参数类型包括待渲染前的参数、渲染过程中的参数及渲染后的参数等,当然,也可以按照其他区分方式将组件参数分为不同的类型。

本实施例中,按照参数类型将第一组件参数与第二组件参数进行一一配对,如果第一组件参数与第二组件参数两者参数的数量相等,且第一组件参数中的每一个参数均与第二组件参数中的对应的参数配对成功,则一一配对成功,否则,配对失败。最后在第一脚本框架页面组件中将各第一组件参数修改为对应的第二组件参数,实现将第一脚本框架页面组件转换成第二脚本框架页面组件。

本实施例将各第一组件参数与各第二组件参数按照参数类型进行一一配对,在一一配对成功时才修改第一组件参数为对应的第二组件参数,能够提高组件转换的准确性。

在一优选的实施例中,在上述图4的实施例的基础上,上述转换模块103进一步包括:

第一生成单元,用于若存在至少一所述第二组件参数没有配对的第一组件参数,则生成提示信息并将所述提示信息发送给预定的终端,以提醒无法将所述第一脚本框架页面组件转换成所述第二脚本框架页面组件。

本实施例中,若存在至少一第二组件参数没有配对的第一组件参数,即第二组件参数中参数的数量大于第一组件参数中的参数的数量时,说明如果将第一脚本框架页面组件中的各第一组件参数修改为对应的第二组件参数时,无法将全部的第二组件参数均加入至第一脚本框架页面组件中,则无法将第一脚本框架页面组件转换成第二脚本框架页面组件,这时,生成提示信息并将提示信息发送给预定的终端,以提醒无法将第一脚本框架页面组件转换成第二脚本框架页面组件。

在一优选的实施例中,在上述图4的实施例的基础上,上述转换模块103进一步包括:

分析单元,用于若存在至少一所述第一组件参数没有配对的第二组件参数,则分析是否有预先设置的第二组件参数作为与所述第一组件参数配对的参数;修改单元,用于若是,则在第一脚本框架页面组件中将所述第一组件参数修改为预先设置的第二组件参数;第二生成单元,用于若否,则生成提示信息并将所述提示信息发送给预定的终端,以提醒无法将所述第一脚本框架页面组件转换成所述第二脚本框架页面组件。

本实施例中,若存在至少一第一组件参数没有配对的第二组件参数,即第一组件参数中参数的数量大于第二组件参数中的参数的数量时,说明第一脚本框架页面组件中的各第一组件参数无法全部修改为对应的第二组件参数,这时分析是否有预先设置的第二组件参数作为与第一组件参数配对的参数,如果有预先设置的第二组件参数作为与第一组件参数配对的参数,则可以在第一脚本框架页面组件中将第一组件参数修改为预先设置的第二组件参数,否则同样无法将第一脚本框架页面组件转换成第二脚本框架页面组件,这时,生成提示信息并将提示信息发送给预定的终端,以提醒无法将第一脚本框架页面组件转换成第二脚本框架页面组件。

以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1