用于web前端的路由方法及装置制造方法及图纸

本发明专利技术提供一种用于web前端的路由方法及装置，该方法包括：获取web前端新建文件；基于web前端新建文件生成各页面的路由路径信息；基于预设规则生成与所述各页面对应的路由名称；基于所述路由路径信息以及对应的路由名称配置各页面对应的路由配置文件。通过利用基于web前端新建文件自动生成各页面的路由路径信息；并且基于预设规则生成与所述各页面对应的路由名称；从而最终得到的路由配置文件的路由路径和路由名称是自动生成的，无需技术人员进行干涉，能够减少在web前段开发过程中技术人员的路由工作，规范了路由名称的命名。

【技术实现步骤摘要】
用于web前端的路由方法及装置
本专利技术涉及计算机
，尤其涉及一种用于web前端的路由方法及装置。
技术介绍
在web(网站)前端开发过程中，存在一些重复性工作，且需要人为遵守规范的部分，比如路由配置文件的生成，目前在web前端开发时，每新建一个页面时，需要在路由配置文件中添加对应的路由，当项目庞大，路由配置文件维护成本大，而且路由依赖于路由对象的硬编码，当某一路由发生变动时，势必需要修改对应的路由对象。当路由层级、路径发生改变时，甚至可能面临的是整个路由对象数组的重写。另外，多人协作开发时，路由命名通过人为遵守规范约束，时常发生路由命名不够规范的情况。因此，如何提供一种用于web前端的路由方案，能够减少在web前段开发过程中技术人员的路由工作，规范路由名称是本领域技术人员亟待解决的技术问题。
技术实现思路
本专利技术提供一种用于web前端的路由方案，能够减少在web前段开发过程中技术人员的路由工作，规范路由名称。第一方面，本专利技术提供一种用于web前端的路由方法，包括：获取web前端新建文件；基于web前端新建文件生成各页面的路由路径信息；基于预设规则生成与所述各页面对应的路由名称；基于所述路由路径信息以及对应的路由名称配置各页面对应的路由配置文件。进一步地，所述获取web前端新建文件包括：获取组件文件以及路由元信息文件。进一步地，所述基于web前端新建文件生成各页面的路由路径信息包括：以所述组件文件中的根组件作为各页面的框架组件；解析所述路由元信息文件中的各页面的页面结构；基于所述页面结构生成各页面对应的路由路径信息。进一步地，所述基于预设规则生成与所述各页面对应的路由名称包括：获取所述各页面对应的路由路径信息；在所述路由路径信息中的目录层级间添加预设标识，生成与所述各页面对应的路由名称。进一步地，，在基于所述路由路径信息以及对应的路由名称配置各页面对应的路由配置文件之后还包括：实时检测所述web前端新建文件是否发生变动；在所述web前端新建文件发生变动的情况下，基于当前的web前端新建文件生成各页面的当前路由路径信息；基于当前路由路径信息更新路由配置文件。进一步地，在所述实时检测所述web前端新建文件是否发生变动之前，还包括：接收用户对当前工作状态的转换输入；在当前工作状态为使用状态的情况下，停止实时检测所述web前端新建文件是否发生变动；在当前工作状态为调试状态的情况下，实时检测所述web前端新建文件是否发生变动。第二方面，本专利技术提供一种用于web前端的路由装置，包括：文件获取模块，用于获取web前端新建文件；路径生成模块，用于基于web前端新建文件生成各页面的路由路径信息；名称生成模块，用于基于预设规则生成与所述各页面对应的路由名称；路由配置模块，用于基于所述路由路径信息以及对应的路由名称配置各页面对应的路由配置文件。进一步地，所述文件获取模块包括：两文件获取单元，用于获取组件文件以及路由元信息文件。进一步地，所述路径生成模块包括：第一单元，用于以所述组件文件中的根组件作为各页面的框架组件；第二单元，用于解析所述路由元信息文件中的各页面的页面结构；第三单元，用于基于所述页面结构生成各页面对应的路由路径信息。进一步地，所述路由配置模块包括：路径获取单元，用于获取所述各页面对应的路由路径信息；名称生成单元，用于在所述路由路径信息中的目录层级间添加预设标识，生成与所述各页面对应的路由名称。进一步地，还包括：变动检测模块，用于实时检测所述web前端新建文件是否发生变动；路径更新模块，用于在所述web前端新建文件发生变动的情况下，基于当前的web前端新建文件生成各页面的当前路由路径信息；配置文件更新模块，用于基于当前路由路径信息更新路由配置文件。进一步地，还包括：输入接收模块，用于接收用户对当前工作状态的转换输入；第一响应模块，用于在当前工作状态为使用状态的情况下，停止实时检测所述web前端新建文件是否发生变动；第二响应模块，用于在当前工作状态为调试状态的情况下，实时检测所述web前端新建文件是否发生变动。第三方面，本专利技术还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述用于web前端的路由方法的步骤。第四方面，本专利技术还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述用于web前端的路由方法的步骤。本专利技术提供的一种用于web前端的路由方法及装置，通过利用基于web前端新建文件自动生成各页面的路由路径信息；并且基于预设规则生成与所述各页面对应的路由名称；从而最终得到的路由配置文件的路由路径和路由名称是自动生成的，无需技术人员进行干涉，能够减少在web前段开发过程中技术人员的路由工作，规范了路由名称的命名。附图说明为了更清楚地说明本专利技术或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作一简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的一种用于web前端的路由方法的流程示意图；图2为本专利技术实施例提供的一种用于web前端的路由方法的流程示意图之二；图3为本专利技术实施例提供的一种用于web前端的路由方法的流程示意图之三；图4为本专利技术实施例提供的一种用于web前端的路由装置的组成结构示意图；图5为本专利技术实施例提供的一种用于web前端的路由装置的使用示意图；图6为实现本专利技术实施例的另一种电子设备的硬件结构示意图图7为本专利技术实施例提供的又一电子设备的结构示意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。本专利技术的说明书和权利要求书中的术语“第一”、“第二”等是用于区别类似的对象，而不用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便本专利技术的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，说明书以及权利要求中“和/或”表示所连接对象的至少其中之一，字符“/”，一般表示前后关联对象是一种“或”的关系。下面结合图1-图3描述本专利技术的一种用于web前端的路由方法。图1为本专利技术实施例提供的一种用于web前端的路由方法的本文档来自技高网...

【技术保护点】
1.一种用于web前端的路由方法，其特征在于，包括：/n获取web前端新建文件；/n基于web前端新建文件生成各页面的路由路径信息；/n基于预设规则生成与所述各页面对应的路由名称；/n基于所述路由路径信息以及对应的路由名称配置各页面对应的路由配置文件。/n

【技术特征摘要】
1.一种用于web前端的路由方法，其特征在于，包括：
获取web前端新建文件；
基于web前端新建文件生成各页面的路由路径信息；
基于预设规则生成与所述各页面对应的路由名称；
基于所述路由路径信息以及对应的路由名称配置各页面对应的路由配置文件。


2.根据权利要求1所述的用于web前端的路由方法，其特征在于，
所述获取web前端新建文件包括：
获取新建的组件文件以及路由元信息文件。


3.根据权利要求2所述的用于web前端的路由方法，其特征在于，
所述基于web前端新建文件生成各页面的路由路径信息包括：
以所述组件文件中的根组件作为各页面的框架组件；
解析所述路由元信息文件中的各页面的页面结构；
基于所述框架组件以及所述页面结构生成各页面对应的路由路径信息。


4.根据权利要求2所述的用于web前端的路由方法，其特征在于，
所述基于预设规则生成与所述各页面对应的路由名称包括：
获取所述各页面对应的路由路径信息；
在所述路由路径信息中的目录层级间添加预设标识，生成与所述各页面对应的路由名称。


5.根据权利要求1至4任一项所述的用于web前端的路由方法，其特征在于，在基于所述路由路径信息以及对应的路由名称配置各页面对应的路由配置文件之后，还包括：
实时检测所述web前端新建文件是否发生变动；...

【专利技术属性】
技术研发人员：郑修月，胡碧青，
申请(专利权)人：京东科技控股股份有限公司，
类型：发明
国别省市：北京;11