【技术实现步骤摘要】
H5项目转换成Vue框架的方法、装置及计算机设备
本申请涉及到计算机领域，特别是涉及到H5项目转换成Vue框架的方法、装置及计算机设备。
技术介绍
相比于传统的前端H5项目，Vue框架的使用可以极大的减少传统前端在代码中，直接对dom操作，数据和视图双向绑定，只需要改变数据，视图自动改变，这样极大的减少了代码量和提升了页面性能。目前市面上，还没有将传统架构项目自动转换成Vue框架项目的工具，人工进行转换时过程复杂，耗时周期长且测试成本高，不利于Vue框架的广泛推广。
技术实现思路
本申请的主要目的为提供H5项目转换成Vue框架的方法，旨在解决没有将传统架构项目自动转换成Vue框架项目的工具的技术问题。本申请提出一种H5项目转换成Vue框架的方法，包括：分析指定页面的页面信息，其中，所述指定页面属于所述H5项目中包含的所有页面，所述页面信息包括页面内涵盖的信息标签；根据各所述信息标签对所述指定页面进行切片并存储；将具有相同信息标签的各切片，按照预设组合方式进行组合得到预设子组...
【技术保护点】
1.一种H5项目转换成Vue框架的方法，其特征在于，包括：/n分析指定页面的页面信息，其中，所述指定页面属于所述H5项目中包含的所有页面，所述页面信息包括页面内涵盖的信息标签；/n根据各所述信息标签对所述指定页面进行切片并存储；/n将具有相同信息标签的各切片，按照预设组合方式进行组合得到预设子组件；/n将各所述预设子组件复合，得到所述指定页面对应的复合Vue组件；/n将所述H5项目中所有的页面分别对应的复合Vue组件，按照预设映射关系存放于预先初始化生成的Vue脚手架内，形成所述H5项目对应的Vue框架。/n
【技术特征摘要】
1.一种H5项目转换成Vue框架的方法，其特征在于，包括：
分析指定页面的页面信息，其中，所述指定页面属于所述H5项目中包含的所有页面，所述页面信息包括页面内涵盖的信息标签；
根据各所述信息标签对所述指定页面进行切片并存储；
将具有相同信息标签的各切片，按照预设组合方式进行组合得到预设子组件；
将各所述预设子组件复合，得到所述指定页面对应的复合Vue组件；
将所述H5项目中所有的页面分别对应的复合Vue组件，按照预设映射关系存放于预先初始化生成的Vue脚手架内，形成所述H5项目对应的Vue框架。
2.根据权利要求1所述的H5项目转换成Vue框架的方法，其特征在于，分析指定页面的页面信息的步骤之前，包括：
读取预配置的配置文件，获取待初始化的Vue脚手架的配置内容；
执行第一运行命令安装全局脚手架生成库；
判断所述全局脚手架生成库是否安装成功；
若是，则通过执行第二运行命令调用所述全局脚手架生成库中的指定方法，生成所述Vue脚手架。
3.根据权利要求1所述的H5项目转换成Vue框架的方法，其特征在于，所述将具有相同信息标签的各切片，按照预设组合方式进行组合得到预设子组件的步骤，包括：
判断具有相同信息标签的各切片的数量是否至少大于两个；
若是，则获取具有相同信息标签的各切片在所述指定页面中的排布次序；
按照所述排布次序，将具有相同信息标签的各切片中的代码数据进行拼接，形成指定子组件；
按照所述信息标签对应的标识属性，对所述指定子组件进行命名。
4.根据权利要求3所述的H5项目转换成Vue框架的方法，其特征在于，所述指定子组件包括页面内容模板文件组件，所述按照所述排布次序，将具有相同信息标签的各切片中的代码数据进行拼接，形成指定子组件的步骤，包括：
判断第一切片是否携带section标签，其中，所述第一切片包含于所述指定页面对应的所有切片中；
若是，将各所述第一切片按照在所述指定页面中的排布次序，依次拼接组成所述页面内容模板文件组件。
5.根据权利要求4所述的H5项目转换成Vue框架的方法，其特征在于，判断第一切片是否携带section标签的步骤之后，包括：
若所述第一切片未携带section标签，则判断是否携带div标签，其中，所述第二切片包含于所述指定页面对应的所有切片中；
若是，则定义为第二切片，并判断所述第二切片中的代码内容数量是否超过预设数量；
若是，则将各所述第二切片按照在所述指定页面中的排布次序，依次拼接组成所述页面内...
【专利技术属性】
技术研发人员：黄康，
申请(专利权)人：平安普惠企业管理有限公司，
类型：发明
国别省市：广东;44
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。