动态路由处理方法、装置、计算机设备及存储介质制造方法及图纸

本发明专利技术实施例公开了一种动态路由处理方法、装置、计算机设备及存储介质。本发明专利技术应用于开发中的研发过程优化领域。所述方法包括：若检测到用户登录成功，获取所述用户的身份标识并根据所述身份标识从服务器中获取所述用户的用户路由权限；接收服务器返回的全局路由表并根据所述全局路由表生成符合所述用户路由权限的路由表；将所述路由表转换为路由组件并通过路由管理器动态添加所述路由组件；通过渲染组件对所述路由组件进行渲染以显示侧边菜单栏。通过实施本发明专利技术实施例的方法可可实现路由可动态配置，不同用户权限菜单内的路由可自行添加，新增的路由页面不影响其他的路由页面。

Dynamic routing processing method, device, computer equipment and storage medium

The embodiment of the invention discloses a dynamic route processing method, a device, a computer device and a storage medium. The invention is applied to the field of R & D process optimization in development. The method comprises the following steps: acquiring the identity of the user and obtaining the user's routing permission from the server according to the identity if it detects that the user has successfully logged in; receiving the global routing table returned by the server and generating the routing table conforming to the user's routing permission according to the global routing table; converting the routing table into a routing component and passing the routing management The manager dynamically adds the route component, and renders the route component through the rendering component to display the side menu bar. By implementing the method of the embodiment of the invention, the route can be dynamically configured, the routes in different user authority menus can be added by themselves, and the new route page does not affect other route pages.

【技术实现步骤摘要】
动态路由处理方法、装置、计算机设备及存储介质
本专利技术涉及数据处理
，尤其涉及一种动态路由处理方法、装置、计算机设备及存储介质。
技术介绍
随着科技与经济的发展，互联网成为了人们生活中主流的娱乐方式，人们通过网上冲浪实现生活娱乐消遣。在互联网中，前端框架的发展也越来越成熟，其中，Vue是当下最流行的前端框架之一，Vue是一套构建用户界面的渐进式框架，它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计。而在Vue的动态路由实现中，无法做到灵活配置路由，页面内随意新增动态路由，关闭新增路由之后会影响之前添加的路由，导致无法打开页面。
技术实现思路
本专利技术实施例提供了一种动态路由处理方法、装置、计算机设备及存储介质，旨在解决在Vue的动态路由实现中无法做到灵活配置路由的问题。第一方面，本专利技术实施例提供了一种动态路由处理方法，其包括：若检测到用户登录成功，获取所述用户的身份标识并根据所述身份标识从服务器中获取所述用户的用户路由权限；接收服务器返回的全局路由表并根据所述全局路由表生成符合所述用户路由权限的路由表；将所述路由表转换为路由组件并通过路由管理器动态添加所述路由组件；通过渲染组件对所述路由组件进行渲染以显示侧边菜单栏。第二方面，本专利技术实施例还提供了一种动态路由处理装置，其包括：获取单元，用于若检测到用户登录成功，获取所述用户的身份标识并根据所述身份标识从服务器中获取所述用户的用户路由权限；生成单元，用于接收服务器返回的全局路由表并根据所述全局路由表生成符合所述用户路由权限的路由表；添加单元，用于将所述路由表转换为路由组件并通过路由管理器动态添加所述路由组件；渲染单元，用于通过渲染组件对所述路由组件进行渲染以显示侧边菜单栏。第三方面，本专利技术实施例还提供了一种计算机设备，其包括存储器及处理器，所述存储器上存储有计算机程序，所述处理器执行所述计算机程序时实现上述方法。第四方面，本专利技术实施例还提供了一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序包括程序指令，所述程序指令当被处理器执行时可实现上述方法。本专利技术实施例提供了一种动态路由处理方法、装置、计算机设备及存储介质。其中，所述方法包括：若检测到用户登录成功，获取所述用户的身份标识并根据所述身份标识从服务器中获取所述用户的用户路由权限；接收服务器返回的全局路由表并根据所述全局路由表生成符合所述用户路由权限的路由表；将所述路由表转换为路由组件并通过路由管理器动态添加所述路由组件；通过渲染组件对所述路由组件进行渲染以显示侧边菜单栏。本专利技术实施例通过用户身份标识获取用户的用户路由权限，根据全局路由表生成符合用户路由权限的路由表，将路由表转换成路由组件并由路由管理器进行动态添加，由渲染组件对路由组件进行渲染，可实现路由可动态配置，不同用户权限菜单内的路由可自行添加，新增的路由页面不影响其他的路由页面。附图说明为了更清楚地说明本专利技术实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术实施例提供的动态路由处理方法的应用场景示意图；图2为本专利技术实施例提供的动态路由处理方法的流程示意图；图3为本专利技术实施例提供的动态路由处理方法的子流程示意图；图4为本专利技术另一实施例提供的动态路由处理方法的流程示意图；图5为本专利技术实施例提供的动态路由处理方法的子流程示意图；图6为本专利技术实施例提供的动态路由处理方法的子流程示意图；图7为本专利技术实施例提供的动态路由处理装置的示意性框图；图8为本专利技术实施例提供的动态路由处理装置的具体单元的示意性框图；图9为本专利技术另一实施例提供的动态路由处理装置的示意性框图；以及图10为本专利技术实施例提供的计算机设备的示意性框图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。应当理解，当在本说明书和所附权利要求书中使用时，术语“包括”和“包含”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。还应当理解，在此本专利技术说明书中所使用的术语仅仅是出于描述特定实施例的目的而并不意在限制本专利技术。如在本专利技术说明书和所附权利要求书中所使用的那样，除非上下文清楚地指明其它情况，否则单数形式的“一”、“一个”及“该”意在包括复数形式。还应当进一步理解，在本专利技术说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。请参阅图1和图2，图1为本专利技术实施例提供的动态路由处理方法的应用场景示意图。图2为本专利技术实施例提供的动态路由处理方法的示意性流程图。该动态路由处理方法应用于终端10中，通过终端10与服务器20之间的交互实现。本专利技术提出一种动态路由的实现方法，应用在Vue中，Vue是一个JavaScriptMVVM库，是一套构建用户界面的渐进式框架。它是以数据驱动和组件化的思想构建的，采用自底向上增量开发的设计，相比于其他前端框架，Vue提供了更加简洁、更易于理解的API，能够快速地上手并使用。现有的Vue动态路由的实现，在添加新的动态路由后，容易出现跳转到404的错误页面，导致网页不稳定，用户使用体验差。而通过本专利技术实现的动态路由，可以实现路由可动态配置，在关闭了新增的路由页面后不会影响到其他的路由页面，依然可以正常打开而不会跳转到404的错误页面。图2是本专利技术实施例提供的动态路由处理方法的流程示意图。如图所示，该方法包括以下步骤S110-S140。S110、若检测到用户登录成功，获取所述用户的身份标识并根据所述身份标识从服务器中获取所述用户的用户路由权限。在一实施例中，用户在前端打开网页，通常网页会提示用户登录，用户需要输入账号以及密码，当用户输入的账号以及密码均正确时则用户登录成功。用户的身份标识指的是用于唯一标识用户身份的标识，例如token，也即令牌，用户路由权限指的是用户登录到页面后的路由权限，用户路由权限是开发人员预先设定的，可根据实际业务情况任意设定，例如，VIP用户和普通用户，VIP用户登录到页面后菜单栏中有VIP的专属账号管理，而普通用户登录到页面后菜单栏中则没有这一路由。首先用户登录账户输入账号以及密码发送至服务器，由服务器对用户的身份进行验证，若验证通过则说明用户登录成功，用户登录成功后通过钩子函数在跳转到初始路由前拦截路由，获取用户身份标识并根据用户身份标识从服务器中获取该用户的用户信息，其中，用户信息包括用户本文档来自技高网...

【技术保护点】
1.一种动态路由处理方法，其特征在于，包括：/n若检测到用户登录成功，获取所述用户的身份标识并根据所述身份标识从服务器中获取所述用户的用户路由权限；/n接收服务器返回的全局路由表并根据所述全局路由表生成符合所述用户路由权限的路由表；/n将所述路由表转换为路由组件并通过路由管理器动态添加所述路由组件；/n通过渲染组件对所述路由组件进行渲染以显示侧边菜单栏。/n

【技术特征摘要】
1.一种动态路由处理方法，其特征在于，包括：
若检测到用户登录成功，获取所述用户的身份标识并根据所述身份标识从服务器中获取所述用户的用户路由权限；
接收服务器返回的全局路由表并根据所述全局路由表生成符合所述用户路由权限的路由表；
将所述路由表转换为路由组件并通过路由管理器动态添加所述路由组件；
通过渲染组件对所述路由组件进行渲染以显示侧边菜单栏。


2.根据权利要求1所述的动态路由处理方法，其特征在于，所述获取所述用户的身份标识并根据所述身份标识从服务器中获取所述用户的用户路由权限，包括：
通过钩子函数拦截路由并判断浏览器缓存中是否存储有所述用户的身份标识；
若浏览器缓存中未存储有所述用户的身份标识，接收服务器返回的所述用户的身份标识并将所述身份标识存储到浏览器缓存中；
根据所述身份标识从服务器中获取所述用户的用户路由权限。


3.根据权利要求2所述的动态路由处理方法，其特征在于，所述获取所述用户的身份标识并根据所述身份标识从服务器中获取所述用户的用户路由权限，还包括：
若浏览器缓存中存储有所述用户的身份标识，根据所述身份标识从服务器中获取所述用户的用户路由权限。


4.根据权利要求1所述的动态路由处理方法，其特征在于，所述接收服务器返回的全局路由表并根据所述全局路由表生成符合所述用户路由权限的路由表，包括：
接收服务器返回的全局路由表并将所述用户路由权限与所述全局路由表进行匹配；
根据所述全局路由表中与所述用户路由权限相匹配的路由生成符合所述用户路由权限的路由表。


5.根据权利要求1所述的动态路由处理方法，其特征在于，所述将所述路由表转换为路由组件并通过路由管理器...

【专利技术属性】
技术研发人员：王冬扬，
申请(专利权)人：平安科技深圳有限公司，
类型：发明
国别省市：广东;44