欢迎来到知嘟嘟! 联系电话:13095918853 卖家免费入驻,海量在线求购! 卖家免费入驻,海量在线求购!
知嘟嘟
我要发布
联系电话:13095918853
知嘟嘟经纪人
收藏
专利号: 2019113509722
申请人: 平安普惠企业管理有限公司
专利类型:发明专利
专利状态:授权未缴费
专利领域: 计算;推算;计数
更新日期:2023-08-07
缴费截止日期: 暂无
价格&联系人
年费信息
委托购买

摘要:

权利要求书:

1.一种H5项目转换成Vue框架的方法,其特征在于,包括:分析指定页面的页面信息,其中,所述指定页面属于所述H5项目中包含的所有页面,所述页面信息包括页面内涵盖的信息标签;

根据各所述信息标签对所述指定页面进行切片并存储;

将具有相同信息标签的各切片,按照预设组合方式进行组合得到预设子组件;

将各所述预设子组件复合,得到所述指定页面对应的复合Vue组件;

将所述H5项目中所有的页面分别对应的复合Vue组件,按照预设映射关系存放于预先初始化生成的Vue脚手架内,形成所述H5项目对应的Vue框架;

所述将具有相同信息标签的各切片,按照预设组合方式进行组合得到预设子组件的步骤,包括:判断具有相同信息标签的各切片的数量是否至少大于两个;

若是,则获取具有相同信息标签的各切片在所述指定页面中的排布次序;

按照所述排布次序,将具有相同信息标签的各切片中的代码数据进行拼接,形成指定子组件;

按照所述信息标签对应的标识属性,对所述指定子组件进行命名;

所述指定子组件包括页面内容模板文件组件,所述按照所述排布次序,将具有相同信息标签的各切片中的代码数据进行拼接,形成指定子组件的步骤,包括:判断第一切片是否携带section标签,其中,所述第一切片包含于所述指定页面对应的所有切片中;

若是,将各所述第一切片按照在所述指定页面中的排布次序,依次拼接组成所述页面内容模板文件组件;

判断第一切片是否携带section标签的步骤之后,包括:若所述第一切片未携带section标签,则判断是否携带div标签,其中,第二切片包含于所述指定页面对应的所有切片中;

若是,则定义为第二切片,并判断所述第二切片中的代码内容数量是否超过预设数量;

若是,则将各所述第二切片按照在所述指定页面中的排布次序,依次拼接组成所述页面内容模板文件组件。

2.根据权利要求1所述的H5项目转换成Vue框架的方法,其特征在于,分析指定页面的页面信息的步骤之前,包括:读取预配置的配置文件,获取待初始化的Vue脚手架的配置内容;

执行第一运行命令安装全局脚手架生成库;

判断所述全局脚手架生成库是否安装成功;

若是,则通过执行第二运行命令调用所述全局脚手架生成库中的指定方法,生成所述Vue脚手架。

3.根据权利要求1所述的H5项目转换成Vue框架的方法,其特征在于,所述指定子组件还包括页面样式文件组件,所述按照所述排布次序,将具有相同信息标签的各切片中的代码数据进行拼接,形成指定子组件的步骤,包括:分析所述页面内容模板文件组件中的class属性和/或style属性;

根据所述class属性判断在所述指定页面对应的各所述切片中,是否存在携带style标签的第三切片,或根据所述style属性判断在所述指定页面对应的各所述切片中,是否存在携带link标签的第四切片,其中,所述第三切片和所述第四切片包含于所述指定页面对应的所有切片中;

若是,则将所述第三切片和/或第四切片中的代码数据,组合成所述页面样式文件组件;

若否,则将所述指定页面对应的所有代码内容,作为所述页面样式文件组件。

4.根据权利要求3所述的H5项目转换成Vue框架的方法,其特征在于,所述指定子组件还包括页面逻辑文件组件,所述按照所述排布次序,将具有相同信息标签的各切片中的代码数据进行拼接,形成指定子组件步骤,包括:按照方法名将所述指定页面的所有内容进行分区;

将各方法名对应分区的分区内容添加至script标签的method对象中;

分析所述指定页面中所述方法名以外的待执行事件,抽取出所述待执行事件的回调函数;

将所述待执行事件的回调函数与所述指定页面dom的选择器进行绑定,形成所述页面逻辑文件组件。

5.一种H5项目转换成Vue框架的装置,其特征在于,包括:分析模块,用于分析指定页面的页面信息,其中,所述指定页面属于所述H5项目中包含的所有页面,所述页面信息包括页面内涵盖的信息标签;

切片模块,用于根据各所述信息标签对所述指定页面进行切片并存储;

组合模块,用于将具有相同信息标签的各切片,按照预设组合方式进行组合得到预设子组件;

复合模块,用于将各所述预设子组件复合,得到所述指定页面对应的复合Vue组件;

存放模块,用于将所述H5项目中所有的页面分别对应的复合Vue组件,按照预设映射关系存放于预先初始化生成的Vue脚手架内,形成所述H5项目对应的Vue框架;

组合模块,包括:

判断单元,用于判断具有相同信息标签的各切片的数量是否至少大于两个;

获取单元,用于若是,则获取具有相同信息标签的各切片在所述指定页面中的排布次序;

拼接单元,用于按照所述排布次序,将具有相同信息标签的各切片中的代码数据进行拼接,形成指定子组件;

命名模块,用于按照所述信息标签对应的标识属性,对所述指定子组件进行命名;

拼接单元,包括:

第一判断子单元,用于判断第一切片是否携带section标签,其中,所述第一切片包含于所述指定页面对应的所有切片中;

第一拼接子单元,用于若是,将各所述第一切片按照在所述指定页面中的排布次序,依次拼接组成所述页面内容模板文件组件;

第二判断子单元,用于若所述第一切片未携带section标签,则判断是否携带div标签,其中,第二切片包含于所述指定页面对应的所有切片中;

第三判断子单元,用于若是,则定义为第二切片,并判断所述第二切片中的代码内容数量是否超过预设数量;

第二拼接子单元,用于若是,则将各所述第二切片按照在所述指定页面中的排布次序,依次拼接组成所述页面内容模板文件组件。

6.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至4中任一项所述方法的步骤。

7.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至4中任一项所述的方法的步骤。