CN114707086A - 一种路由生成方法和系统 - Google Patents

Abstract

本申请实施例公开了一种路由生成方法和系统，所述方法包括：在低代码平台的画布上设置多个路由页面，每个路由页面中的路由组件通过拖拽的方式添加，所述添加的路由组件与路由页面中的路由组件存在父子级或同级路由关系；获取添加的路由组件的默认属性，并配置添加路由属性；将添加的路由组件和所述路由组件所在路由页面进行绑定，使得所述路由组件的描述信息写入所述路由页面的描述信息；所述路由组件的描述信息包括路由组件的默认属性和添加路由属性；遍历所述画布中所有的路由页面的描述信息，生成路由页面间的路由层级关系，汇总所有路由层级关系生成路由表。无需手动设置路由，直接拖拽配置路由组件进行路由页面的搭建，高效且简便。

Description

一种路由生成方法和系统

技术领域

本申请实施例涉及通信技术领域，具体涉及一种路由生成方法和系统。

背景技术

低代码开发平台(LCDP)是无需编码(0代码)或通过少量代码就可以快速生成应用程序的开发平台。通过可视化进行应用程序开发的方法(参考可视编程语言)，使具有不同经验水平的开发人员可以通过图形化的界面，使用拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。

随着企业数字化、信息化规模的扩展，低代码市场增长迅速。基于低代码平台方式开发的信息化系统，特别是前端业务系统，越来越多。低代码系统由于其良好的模型抽象能力，前端能够获得更加底层、更加丰富的元数据信息。目前，市面上的低代码平台能通过丰富的组件样式，以及拖拽能力，能自定义页面完成系统搭建。

而在LCDP中页面路由的生成又是一个难点。传统的生成路由方式是通过在页面创建初期通过可视化页面创建路由，并绑定到页面上。使用者必须针对每一个页面去绑定路由，且这种方式无法实现嵌套路由。传统低代码平台的路由创建方式，需要对每一个页面手动绑定路由，且无法实现嵌套路由等逻辑。给构建项目带来了一定程度上的不便。

发明内容

为此，本申请实施例提供一种路由生成方法和系统，无需手动设置路由，直接拖拽配置路由组件进行路由页面的搭建，高效且简便。

为了实现上述目的，本申请实施例提供如下技术方案：

根据本申请实施例的第一方面，提供了一种路由生成方法，所述方法包括：

在低代码平台的画布上设置多个路由页面，每个路由页面中的路由组件通过拖拽的方式添加，所述添加的路由组件与路由页面中的路由组件存在父子级或同级路由关系；

获取添加的路由组件的默认属性，并配置添加路由属性；

将添加的路由组件和所述路由组件所在路由页面进行绑定，使得所述路由组件的描述信息写入所述路由页面的描述信息；所述路由组件的描述信息包括路由组件的默认属性和添加路由属性；

遍历所述画布中所有的路由页面的描述信息，生成路由页面间的路由层级关系，汇总所有路由层级关系生成路由表。

可选地，所述路由组件的默认属性包括路由名称、父子级路由标识和文件引用路径，所述文件引用路径用于绑定路由组件展示内容的页面描述信息文件。

可选地，所述遍历所述画布中所有的路由页面的描述信息，生成路由页面间的路由层级关系，包括：

遍历所述画布中所有的路由页面的描述信息，判断是否包括路由组件的描述信息；

若包括，判断所述路由组件的描述信息是否有父子级路由标识，若没有，则添加路由组件的描述信息到根级路由中；若有，则添加路由组件的描述信息到对应的父级路由的层级下；得到路由页面间的层级路由关系。

可选地，所述添加路由属性包括离开路由二次确认Promptmessage属性、重定向路由Redirect属性、监听路由变更uselocation属性、渲染路由内容render属性和区分路由大小写sensitive属性。

可选地，所述方法还包括：

读取路由页面的页面描述文件中的路由组件的描述信息；

当读取到路由添加属性时，使用插件中对应的属性组件来实现每个路由添加属性，以完成所述路由页面的渲染。

根据本申请实施例的第二方面，提供了一种路由生成系统，所述系统包括：

页面设置模块，用于在低代码平台的画布上设置多个路由页面，每个路由页面中的路由组件通过拖拽的方式添加，所述添加的路由组件与路由页面中的路由组件存在父子级或同级路由关系；

路由属性配置模块，用于获取添加的路由组件的默认属性，并配置添加路由属性；

页面绑定模块，用于将添加的路由组件和所述路由组件所在路由页面进行绑定，使得所述路由组件的描述信息写入所述路由页面的描述信息；所述路由组件的描述信息包括路由组件的默认属性和添加路由属性；

路由表生成模块，用于遍历所述画布中所有的路由页面的描述信息，生成路由页面间的路由层级关系，汇总所有路由层级关系生成路由表。

可选地，所述路由组件的默认属性包括路由名称、父子级路由标识和文件引用路径，所述文件引用路径用于绑定路由组件展示内容的页面描述信息文件。

可选地，所述路由表生成模块，具体用于：

遍历所述画布中所有的路由页面的描述信息，判断是否包括路由组件的描述信息；

若包括，判断所述路由组件的描述信息是否有父子级路由标识，若没有，则添加路由组件的描述信息到根级路由中；若有，则添加路由组件的描述信息到对应的父级路由的层级下；得到路由页面间的层级路由关系。

根据本申请实施例的第三方面，提供了一种电子设备，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，所述处理器运行所述计算机程序时执行以实现上述第一方面所述的方法。

根据本申请实施例的第四方面，提供了一种计算机可读存储介质，其上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现上述第一方面所述的方法。

综上所述，本申请实施例提供了一种路由生成方法和系统，通过在低代码平台的画布上设置多个路由页面，每个路由页面中的路由组件通过拖拽的方式添加，所述添加的路由组件与路由页面中的路由组件存在父子级或同级路由关系；获取添加的路由组件的默认属性，并配置添加路由属性；将添加的路由组件和所述路由组件所在路由页面进行绑定，使得所述路由组件的描述信息写入所述路由页面的描述信息；所述路由组件的描述信息包括路由组件的默认属性和添加路由属性；遍历所述画布中所有的路由页面的描述信息，生成路由页面间的路由层级关系，汇总所有路由层级关系生成路由表。无需手动设置路由，直接拖拽配置路由组件进行路由页面的搭建，高效且简便。

附图说明

为了更清楚地说明本发明的实施方式或现有技术中的技术方案，下面将对实施方式或现有技术描述中所需要使用的附图作简单地介绍。显而易见地，下面描述中的附图仅仅是示例性的，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图引伸获得其它的实施附图。

本说明书所绘示的结构、比例、大小等，均仅用以配合说明书所揭示的内容，以供熟悉此技术的人士了解与阅读，并非用以限定本发明可实施的限定条件，故不具技术上的实质意义，任何结构的修饰、比例关系的改变或大小的调整，在不影响本发明所能产生的功效及所能达成的目的下，均应仍落在本发明所揭示的技术内容能涵盖的范围内。

图1为本申请实施例提供的一种路由生成方法流程示意图；

图2为本申请实施例提供的一种路由生成系统框图；

图3示出了本申请实施例所提供的一种电子设备的结构示意图；

图4示出了本申请实施例所提供的一种计算机可读存储介质的示意图。

具体实施方式

以下由特定的具体实施例说明本发明的实施方式，熟悉此技术的人士可由本说明书所揭露的内容轻易地了解本发明的其他优点及功效，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

图1示出了本申请实施例提供的路由生成方法，所述方法包括如下步骤：

步骤101：在低代码平台的画布上设置多个路由页面，每个路由页面中的路由组件通过拖拽的方式添加，所述添加的路由组件与路由页面中的路由组件存在父子级或同级路由关系；

步骤102：获取添加的路由组件的默认属性，并配置添加路由属性；

步骤103：将添加的路由组件和所述路由组件所在路由页面进行绑定，使得所述路由组件的描述信息写入所述路由页面的描述信息；所述路由组件的描述信息包括路由组件的默认属性和添加路由属性；

步骤104：遍历所述画布中所有的路由页面的描述信息，生成路由页面间的路由层级关系，汇总所有路由层级关系生成路由表。

在一种可能的实施方式中，所述路由组件的默认属性包括路由名称、父子级路由标识和文件引用路径，所述文件引用路径用于绑定路由组件展示内容的页面描述信息文件。

在一种可能的实施方式中，在步骤104中，所述遍历所述画布中所有的路由页面的描述信息，生成路由页面间的路由层级关系，包括：

遍历所述画布中所有的路由页面的描述信息，判断是否包括路由组件的描述信息；若包括，判断所述路由组件的描述信息是否有父子级路由标识，若没有，则添加路由组件的描述信息到根级路由中；若有，则添加路由组件的描述信息到对应的父级路由的层级下；得到路由页面间的层级路由关系。

在一种可能的实施方式中，所述添加路由属性包括离开路由二次确认Promptmessage属性、重定向路由Redirect属性、监听路由变更uselocation属性、渲染路由内容render属性和区分路由大小写sensitive属性。

在一种可能的实施方式中，所述方法还包括：读取路由页面的页面描述文件中的路由组件的描述信息；当读取到路由添加属性时，使用插件中对应的属性组件来实现每个路由添加属性，以完成所述路由页面的渲染。

可以看出，通过本申请实施例提供的路由生成方法，可减少搭建项目的时间，且无需关注路由的同级关系或父子关系。所有的路由关系都会由该方法通过递归和遍历等方式统一生成。

下面对本申请实施例提供的路由生成方法进行详细描述。

第一方面，对路由组件进行配置。

路由组件可以自由放置在画布上使用，当在一个页面中使用一个路由组件时，如果这个路由组件拖拽到了另一个路由组件的下层、为另一个路由组件的子级，则判定这两个路由组件为嵌套路由。如果这个路由组件拖拽到了另一个路由组件同级的地方，则判定这两个路由组件为同级路由。

路由组件可以配置如下功能，包括不限于路由路径path、监听路由变更uselocation、离开路由的二次确认Promptmessage、重定向路由Redirect、渲染路由内容render、区分路由大小写sensitive。

路由路径path：进行路由跳转的时候可以根据path来找到对应的路由；

监听路由变更use location：可以监听到当前URL的变更，可以通过配置执行函数，在URL变更时执行相应的操作；

离开路由的二次确认Promptmessage：当离开当前路由时，二次确认是否离开当前路由；

渲染路由内容render：渲染路由下的内容；可通过对render的配置来渲染当前路由的下的内容优先级为最高。Render用于描述该路由下所有展示的内容。

importpath为该路由下要展示内容的描述信息文件路径。如果同时配置了render和importpath则优先生成render的内容，importpath下配置的内容将不被生成。

区分路由大小写sensitive可配置trrue/false：true表示可以区分匹配当前路由路径的大小写，false不区分。

第二方面，将路由组件与路由页面绑定。

当页面中使用了路由组件，路由组件就会和使用该路由组件的页面产生绑定关系，以找到该路由组件下要渲染的页面的描述信息。在路由页面上新增路由组件的描述信息，路由组件的描述信息会直接写入使用该路由组件的页面的描述信息中，等同于在一个页面中使用一个路由组件，该页面的描述信息中就会增加这个路由组件的描述信息，来表示该页面添加了这个路由组件。

路由组件描述信息包括路由组件名称(属性名称componentname，值为routeComponent)、路由名称(属性名称routename)、父级路由(属性名称parentroute)用于绑定父子级关系、路由组件要展示内容的描述信息文件的引用路径(importpath，通过引用路径可以找到页面描述信息)等。

通过引用路径将页面描述信息与页面相关联，当前路由的路由路径path默认根据父子级路由生成，可被修改。当前路由路径的默认生成方式为：父级路由或页面的路径+当前路由名称。路由跳转时通过path来寻找对应的路由。

第三方面，生成路由表。

当页面构建完成并保存时，页面描述信息管理类PM中的路由生成方法会遍历页面描述信息管理类PM中的所有页面描述信息，读取每一个页面的描述信息。

如果页面信息中包括路由组件的描述信息，则通过路由信息中是否有父级路由判定路由组件的描述信息添加到哪个路由层级下。若没有父级路由，认为是一个完整页面，则添加到根级路由；

若有父级路由，该页面只是另一个页面的子页面(子路由)，则添加到对应的父级PM路由层级下，且需要描述这两个页面(路由)的层级关系。

最终生成完整的路由表，保存每一个页面与路由的对应关系，描述路由层级关系。一个项目是由多个页面构成，一个项目有一个路由表，一个路由表包括多个路径，每个路径对应一个页面，每个页面有页面的路由关系。

第四方面，生成页面描述文件。

当将路由组件放置在页面上时，页面描述信息管理类PM(用于管理页面的描述信息，包括页面描述信息的增删改查)中默认添加一个页面描述信息，该页面描述信息为该路由组件的页面描述信息。页面描述信息包含整个页面中所要包括的内容。

第五方面，页面渲染时对路由组件特征的实现方案。

路由渲染时，解析器会读取页面描述文件。当读取到路由组件时，会直接进入路由组件中。

当读取到Promptmessage属性时，首先判断是否配置了Promptmessage属性，若是则使用react-router-dom提供的Prompt组件来实现Promptmessage，将Prompt组件包裹在路由组件外层，将Promptmessage传递给Prompt组件的message(路由跳转前的提示信息)，从而实现拦截。

当读取到Redirect属性时，判断是否要重定向路由，若对该属性做了配置，实列化react-router-dom中的Redirect组件，将需要重定向的路由传递给Redirect组件，然后路由组件会生成控制路由的状态和全局方法。控制路由的状态用于控制路由是否要跳转到重定向路由，全局方法用于让其他页面和组件可以控制这个状态来实现路由的重定向。全局方法是该项目中任何地方都可以使用的方法。

当读取到uselocation属性时，实列化react-route-dom中的uselocation，并监听location变化，一旦变化就执行对相应操作。

以上三个属性每次路由渲染时都会去读一遍，还可以设置其他的属性，如果设置了对应的属性就赋予对应的功能即可。

综上所述，本申请实施例提供了一种路由生成方法，通过在低代码平台的画布上设置多个路由页面，每个路由页面中的路由组件通过拖拽的方式添加，所述添加的路由组件与路由页面中的路由组件存在父子级或同级路由关系；获取添加的路由组件的默认属性，并配置添加路由属性；将添加的路由组件和所述路由组件所在路由页面进行绑定，使得所述路由组件的描述信息写入所述路由页面的描述信息；所述路由组件的描述信息包括路由组件的默认属性和添加路由属性；遍历所述画布中所有的路由页面的描述信息，生成路由页面间的路由层级关系，汇总所有路由层级关系生成路由表。无需手动设置路由，直接拖拽配置路由组件进行路由页面的搭建，高效且简便。

基于相同的技术构思，本申请实施例还提供了一种路由生成系统，如图2所示，所述系统包括：

页面设置模块201，用于在低代码平台的画布上设置多个路由页面，每个路由页面中的路由组件通过拖拽的方式添加，所述添加的路由组件与路由页面中的路由组件存在父子级或同级路由关系；

页面设置模块202，用于获取添加的路由组件的默认属性，并配置添加路由属性；

页面绑定模块203，用于将添加的路由组件和所述路由组件所在路由页面进行绑定，使得所述路由组件的描述信息写入所述路由页面的描述信息；所述路由组件的描述信息包括路由组件的默认属性和添加路由属性；

路由表生成模块204，用于遍历所述画布中所有的路由页面的描述信息，生成路由页面间的路由层级关系，汇总所有路由层级关系生成路由表。

在一种可能的实施方式中，所述路由组件的默认属性包括路由名称、父子级路由标识和文件引用路径，所述文件引用路径用于绑定路由组件展示内容的页面描述信息文件。

在一种可能的实施方式中，所述路由表生成模块204，具体用于：

遍历所述画布中所有的路由页面的描述信息，判断是否包括路由组件的描述信息；若包括，判断所述路由组件的描述信息是否有父子级路由标识，若没有，则添加路由组件的描述信息到根级路由中；若有，则添加路由组件的描述信息到对应的父级路由的层级下；得到路由页面间的层级路由关系。

本申请实施方式还提供一种与前述实施方式所提供的方法对应的电子设备。请参考图3，其示出了本申请的一些实施方式所提供的一种电子设备的示意图。所述电子设备20可以包括：处理器200，存储器201，总线202和通信接口203，所述处理器200、通信接口203和存储器201通过总线202连接；所述存储器201中存储有可在所述处理器200上运行的计算机程序，所述处理器200运行所述计算机程序时执行本申请前述任一实施方式所提供的方法。

其中，存储器201可能包含高速随机存取存储器(RAM：Random Access Memory)，也可能还包括非不稳定的存储器(non-volatile memory)，例如至少一个磁盘存储器。通过至少一个物理端口203(可以是有线或者无线)实现该系统网元与至少一个其他网元之间的通信连接，可以使用互联网、广域网、本地网、城域网等。

总线202可以是ISA总线、PCI总线或EISA总线等。所述总线可以分为地址总线、数据总线、控制总线等。其中，存储器201用于存储程序，所述处理器200在接收到执行指令后，执行所述程序，前述本申请实施例任一实施方式揭示的所述方法可以应用于处理器200中，或者由处理器200实现。

处理器200可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器200中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器200可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本申请实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器201，处理器200读取存储器201中的信息，结合其硬件完成上述方法的步骤。

本申请实施例提供的电子设备与本申请实施例提供的方法出于相同的发明构思，具有与其采用、运行或实现的方法相同的有益效果。

本申请实施方式还提供一种与前述实施方式所提供的方法对应的计算机可读存储介质，请参考图4，其示出的计算机可读存储介质为光盘30，其上存储有计算机程序(即程序产品)，所述计算机程序在被处理器运行时，会执行前述任意实施方式所提供的方法。

需要说明的是，所述计算机可读存储介质的例子还可以包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他光学、磁性存储介质，在此不再一一赘述。

本申请的上述实施例提供的计算机可读存储介质与本申请实施例提供的方法出于相同的发明构思，具有与其存储的应用程序所采用、运行或实现的方法相同的有益效果。

需要说明的是：

在此提供的算法和显示不与任何特定计算机、虚拟装置或者其它设备有固有相关。各种通用装置也可以与基于在此的示教一起使用。根据上面的描述，构造这类装置所要求的结构是显而易见的。此外，本申请也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本申请的内容，并且上面对特定语言所做的描述是为了披露本申请的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本申请的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本申请并帮助理解各个发明方面中的一个或多个，在上面对本申请的示例性实施例的描述中，本申请的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本申请要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如下面的权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本申请的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本申请的范围之内并且形成不同的实施例。例如，在下面的权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本申请的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本申请实施例的虚拟机的创建装置中的一些或者全部部件的一些或者全部功能。本申请还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本申请的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本申请进行说明而不是对本申请进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词″包含″不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词″一″或″一个″不排除存在多个这样的元件。本申请可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

以上所述，仅为本申请较佳的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。

Claims (10)

1.一种路由生成方法，其特征在于，所述方法包括：

在低代码平台的画布上设置多个路由页面，每个路由页面中的路由组件通过拖拽的方式添加，所述添加的路由组件与路由页面中的路由组件存在父子级或同级路由关系；

获取添加的路由组件的默认属性，并配置添加路由属性；

将添加的路由组件和所述路由组件所在路由页面进行绑定，使得所述路由组件的描述信息写入所述路由页面的描述信息；所述路由组件的描述信息包括路由组件的默认属性和添加路由属性；

遍历所述画布中所有的路由页面的描述信息，生成路由页面间的路由层级关系，汇总所有路由层级关系生成路由表。

2.如权利要求1所述的方法，其特征在于，所述路由组件的默认属性包括路由名称、父子级路由标识和文件引用路径，所述文件引用路径用于绑定路由组件展示内容的页面描述信息文件。

3.如权利要求1所述的方法，其特征在于，所述遍历所述画布中所有的路由页面的描述信息，生成路由页面间的路由层级关系，包括：

遍历所述画布中所有的路由页面的描述信息，判断是否包括路由组件的描述信息；

若包括，判断所述路由组件的描述信息是否有父子级路由标识，若没有，则添加路由组件的描述信息到根级路由中；若有，则添加路由组件的描述信息到对应的父级路由的层级下；得到路由页面间的层级路由关系。

4.如权利要求1所述的方法，其特征在于，所述添加路由属性包括离开路由二次确认Promptmessage属性、重定向路由Redirect属性、监听路由变更uselocation属性、渲染路由内容render属性和区分路由大小写sensitive属性。

5.如权利要求4所述的方法，其特征在于，所述方法还包括：

读取路由页面的页面描述文件中的路由组件的描述信息；

当读取到路由添加属性时，使用插件中对应的属性组件来实现每个路由添加属性，以完成所述路由页面的渲染。

6.一种路由生成系统，其特征在于，所述系统包括：

页面设置模块，用于在低代码平台的画布上设置多个路由页面，每个路由页面中的路由组件通过拖拽的方式添加，所述添加的路由组件与路由页面中的路由组件存在父子级或同级路由关系；

路由属性配置模块，用于获取添加的路由组件的默认属性，并配置添加路由属性；

页面绑定模块，用于将添加的路由组件和所述路由组件所在路由页面进行绑定，使得所述路由组件的描述信息写入所述路由页面的描述信息；所述路由组件的描述信息包括路由组件的默认属性和添加路由属性；

路由表生成模块，用于遍历所述画布中所有的路由页面的描述信息，生成路由页面间的路由层级关系，汇总所有路由层级关系生成路由表。

7.如权利要求6所述的系统，其特征在于，所述路由组件的默认属性包括路由名称、父子级路由标识和文件引用路径，所述文件引用路径用于绑定路由组件展示内容的页面描述信息文件。

8.如权利要求6所述的系统，其特征在于，所述路由表生成模块，具体用于：

遍历所述画布中所有的路由页面的描述信息，判断是否包括路由组件的描述信息；

若包括，判断所述路由组件的描述信息是否有父子级路由标识，若没有，则添加路由组件的描述信息到根级路由中；若有，则添加路由组件的描述信息到对应的父级路由的层级下；得到路由页面间的层级路由关系。

9.一种电子设备，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器运行所述计算机程序时执行以实现如权利要求1-5任一项所述的方法。

10.一种计算机可读存储介质，其特征在于，其上存储有计算机可读指令，所述计算机可读指令可被处理器执行以实现如权利要求1-5任一项所述的方法。

Images