CN111367522A - 一种基于Vue.js框架的动态路由配置方法 - Google Patents
一种基于Vue.js框架的动态路由配置方法 Download PDFInfo
- Publication number
- CN111367522A CN111367522A CN202010143809.5A CN202010143809A CN111367522A CN 111367522 A CN111367522 A CN 111367522A CN 202010143809 A CN202010143809 A CN 202010143809A CN 111367522 A CN111367522 A CN 111367522A
- Authority
- CN
- China
- Prior art keywords
- routing
- configuration file
- route
- routing configuration
- information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Exchanges In Wide-Area Networks (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
本发明涉及一种基于Vue.js框架的动态路由配置方法，具体包括以下步骤：步骤S1：获取路由信息，根据所述路由信息设置主路由配置文件；步骤S2：添加多个分路由配置文件到所述主路由配置文件；步骤S3：根据所述分路由配置文件设置分路由配置文件到主路由配置文件的访问路径；步骤S4：通过所述访问路径将所述路由信息分配到所述分路由配置文件中，由所述分路由配置文件对所述路由信息进行编写。与现有技术相比，本发明具有避免单个路由配置文件存储量过大造成影响、便于开发人员管理等优点。
Description
技术领域
本发明涉及计算机技术领域，尤其是涉及一种基于Vue.js框架的动态路由配置方法。
背景技术
在Vue.js框架下开发的页面，都需要通过配置相关的路由信息才能访问到相关页面，但是路由信息都是保存在同一个文件中，随着开发内容不断扩大，与开发内容相关的页面数量也会随之增长，保存路由信息的配置文件也变得庞大臃肿导致页面反应速度减缓，不便于管理人员实行页面维护且容易引起配置文件与其他文件发生文件冲突等问题，影响正常开发工作的进行。
发明内容
本发明的目的就是为了克服上述现有技术存在的路由配置文件储存过多影响页面正常维护、易引起文件冲突的缺陷而提供一种基于Vue.js框架的动态路由配置方法。
本发明的目的可以通过以下技术方案来实现：
一种基于Vue.js框架的动态路由配置方法，具体包括以下步骤：
步骤S1：获取路由信息，根据所述路由信息设置主路由配置文件；
步骤S2：添加多个分路由配置文件到所述主路由配置文件；
步骤S3：根据所述分路由配置文件设置分路由配置文件到主路由配置文件的访问路径；
步骤S4：通过所述访问路径将所述路由信息分配到所述分路由配置文件中，由所述分路由配置文件对所述路由信息进行编写。
所述主路由配置文件通过模块打包器的上下文模块，导入所述路由信息对应目录下的相关组件。
所述主路由配置文件内设有首页路由信息模块。
优选的，所述首页路由信息模块的数量为1个。
所述分路由配置文件包括当前路由地址、路由名称、父级地址、页面组件和路由元信息。
所述路由元信息包括标题和访问限制。
所述主路由配置文件通过理由节点与分路由配置文件连接，所述理由节点包括分路由配置文件的目录文件。
所述分路由配置文件中设有根对象，所述根对象的父属性的属性值与所述主路由配置文件的子属性的属性值对应。
所述步骤S4中根据对应的父属性的属性值与子属性的属性值，从所述主路由配置文件分配相关的路由信息到对应的分路由配置文件。
与现有技术相比，本发明具有以下有益效果：
1.本发明将原有的单个路由配置文件分割为主路由配置文件和分路由配置文件协作存储路由信息，减少单个配置文件的大小，便于开发人员管理。
2.本发明的主路由配置文件通过模块打包器导入所述路由信息对应目录下的相关组件，无需开发人员手动添加，减少开发人员的工作量。
3.本发明分路由配置文件中根对象的父属性的属性值与所述主路由配置文件的子属性的属性值对应，保证路由信息在主路由配置文件和分路由配置文件传递过程的准确性，避免路由信息进入错误的分路由配置文件。
附图说明
图1为本发明的流程示意图。
具体实施方式
下面结合附图和具体实施例对本发明进行详细说明。本实施例以本发明技术方案为前提进行实施，给出了详细的实施方式和具体的操作过程，但本发明的保护范围不限于下述的实施例。
如图1所示，一种基于Vue.js框架的动态路由配置方法，具体包括以下步骤：
步骤S1：获取路由信息，根据路由信息设置主路由配置文件；
步骤S2：添加多个分路由配置文件到主路由配置文件；
步骤S3：根据分路由配置文件设置分路由配置文件到主路由配置文件的访问路径；
步骤S4：通过访问路径将路由信息分配到分路由配置文件中，由分路由配置文件对路由信息进行编写。
主路由配置文件通过模块打包器的上下文模块，导入路由信息对应目录下的相关组件。
主路由配置文件内设有首页路由信息模块，首页路由信息模块的数量为1个。
分路由配置文件包括当前路由地址、路由名称、父级地址、页面组件和路由元信息。
路由元信息包括标题和访问限制。
主路由配置文件通过理由节点与分路由配置文件连接，理由节点包括分路由配置文件的目录文件。
分路由配置文件中设有根对象，根对象的父属性的属性值与主路由配置文件的子属性的属性值对应。
步骤S4中根据对应的父属性的属性值与子属性的属性值，从主路由配置文件分配相关的路由信息到对应的分路由配置文件。
此外，需要说明的是，本说明书中所描述的具体实施例，所取名称可以不同，本说明书中所描述的以上内容仅仅是对本发明结构所做的举例说明。凡依据本发明构思的构造、特征及原理所做的等小变化或者简单变化，均包括于本发明的保护范围内。本发明所属技术领域的技术人员可以对所描述的具体实例做各种各样的修改或补充或采用类似的方法，只要不偏离本发明的结构或者超越本权利要求书所定义的范围，均应属于本发明的保护范围。
Claims (9)
1.一种基于Vue.js框架的动态路由配置方法，其特征在于，具体包括以下步骤：
步骤S1：获取路由信息，根据所述路由信息设置主路由配置文件；
步骤S2：添加多个分路由配置文件到所述主路由配置文件；
步骤S3：根据所述分路由配置文件设置分路由配置文件到主路由配置文件的访问路径；
步骤S4：通过所述访问路径将所述路由信息分配到所述分路由配置文件中，由所述分路由配置文件对所述路由信息进行编写。
2.根据权利要求1所述的一种基于Vue.js框架的动态路由配置方法，其特征在于，所述主路由配置文件通过模块打包器的上下文模块，导入所述路由信息对应目录下的相关组件。
3.根据权利要求1所述的一种基于Vue.js框架的动态路由配置方法，其特征在于，所述主路由配置文件内设有首页路由信息模块。
4.根据权利要求3所述的一种基于Vue.js框架的动态路由配置方法，其特征在于，所述首页路由信息模块的数量为1个。
5.根据权利要求1所述的一种基于Vue.js框架的动态路由配置方法，其特征在于，所述分路由配置文件包括当前路由地址、路由名称、父级地址、页面组件和路由元信息。
6.根据权利要求5所述的一种基于Vue.js框架的动态路由配置方法，其特征在于，所述路由元信息包括标题和访问限制。
7.根据权利要求1所述的一种基于Vue.js框架的动态路由配置方法，其特征在于，所述主路由配置文件通过理由节点与分路由配置文件连接，所述理由节点包括分路由配置文件的目录文件。
8.根据权利要求1所述的一种基于Vue.js框架的动态路由配置方法，其特征在于，所述分路由配置文件中设有根对象，所述根对象的父属性的属性值与所述主路由配置文件的子属性的属性值对应。
9.根据权利要求8所述的一种基于Vue.js框架的动态路由配置方法，其特征在于，所述步骤S4中根据对应的父属性的属性值与子属性的属性值，从所述主路由配置文件分配相关的路由信息到对应的分路由配置文件。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010143809.5A CN111367522A (zh) | 2020-03-04 | 2020-03-04 | 一种基于Vue.js框架的动态路由配置方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010143809.5A CN111367522A (zh) | 2020-03-04 | 2020-03-04 | 一种基于Vue.js框架的动态路由配置方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111367522A true CN111367522A (zh) | 2020-07-03 |
Family
ID=71210198
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010143809.5A Pending CN111367522A (zh) | 2020-03-04 | 2020-03-04 | 一种基于Vue.js框架的动态路由配置方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111367522A (zh) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2018149395A1 (zh) * | 2017-02-16 | 2018-08-23 | 平安科技（深圳）有限公司 | 视图文件的路由配置方法、存储介质、终端设备及装置 |
| CN109032659A (zh) * | 2018-07-20 | 2018-12-18 | 珠海宏桥高科技有限公司 | 单页面应用基于配置引用远程页面组件的方法 |
| CN110515683A (zh) * | 2019-07-15 | 2019-11-29 | 平安普惠企业管理有限公司 | 一种前端Vue页面可视化配置的方法、装置及存储介质 |
| CN110650091A (zh) * | 2019-08-14 | 2020-01-03 | 平安普惠企业管理有限公司 | 路由配置信息处理方法、装置、计算机设备和存储介质 |
-
2020
- 2020-03-04 CN CN202010143809.5A patent/CN111367522A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2018149395A1 (zh) * | 2017-02-16 | 2018-08-23 | 平安科技（深圳）有限公司 | 视图文件的路由配置方法、存储介质、终端设备及装置 |
| CN109032659A (zh) * | 2018-07-20 | 2018-12-18 | 珠海宏桥高科技有限公司 | 单页面应用基于配置引用远程页面组件的方法 |
| CN110515683A (zh) * | 2019-07-15 | 2019-11-29 | 平安普惠企业管理有限公司 | 一种前端Vue页面可视化配置的方法、装置及存储介质 |
| CN110650091A (zh) * | 2019-08-14 | 2020-01-03 | 平安普惠企业管理有限公司 | 路由配置信息处理方法、装置、计算机设备和存储介质 |
Non-Patent Citations (1)
| Title |
|---|
| 萧雪圣: "vue路由按模块拆分配置" * |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103123631B (zh) | 文案的生成、网页文案的展示方法、装置及网站服务器 | |
| CN102648468B (zh) | 表检索装置、表检索方法以及表检索系统 | |
| CN110674154B (zh) | 一种基于Spark的对Hive中数据进行插入、更新和删除的方法 | |
| US9069823B2 (en) | Method for managing a relational database of the SQL type | |
| US20070050399A1 (en) | Storage and retrieval of richly typed hierarchical network models | |
| CN109902114B (zh) | Es集群数据复用方法、系统、计算机装置及存储介质 | |
| CN105653435A (zh) | 一种网络文件系统nfs的性能测试方法和装置 | |
| CN110109873B (zh) | 一种用于消息队列的文件管理方法 | |
| CN108205577A (zh) | 一种数组构建、数组查询的方法、装置及电子设备 | |
| CN111435347A (zh) | 数据库中关系表的高效扩展方法和系统 | |
| US10552394B2 (en) | Data storage with improved efficiency | |
| JP2015528957A (ja) | 分散ファイルシステム、ファイルアクセス方法及びクライアントデバイス | |
| CN106294468B (zh) | 处理业务数据的方法和装置 | |
| CN102169497B (zh) | 一种通过位图方式管理元数据的方法及装置 | |
| CN1588352A (zh) | 一种可扩展标记语言文档修改痕迹的记录方法 | |
| CN114398217A (zh) | 一种fpga并行仿真的海量仿真波形数据切片方法 | |
| CN111367522A (zh) | 一种基于Vue.js框架的动态路由配置方法 | |
| CN112118262B (zh) | 一种基于动态内存分配实现数据排序与合并的系统及方法 | |
| CN111625728B (zh) | 一种网页文档生成检索目录的方法、装置、设备和介质 | |
| CN103176801A (zh) | 一种表项操作接口函数的生成方法及装置 | |
| CN110569243B (zh) | 一种数据查询方法、数据查询插件和数据查询服务器 | |
| CN106445967B (zh) | 一种资源目录的管理方法和装置 | |
| CN111666730A (zh) | 基于信号名哈希匹配的Verilog模块接口信号自动连接方法及系统 | |
| CN113553329B (zh) | 数据集成系统和方法 | |
| CN106649340A (zh) | 条件过滤数据的存取方法及装置 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |