A Vue-based modular route management method and authority control method

A management method and modular technology, applied in the information field, can solve problems such as low maintainability and chaotic code management, achieve orderly and clear processes, reduce coupling, and enhance maintainability and testability

Active Publication Date: 2021-03-16
四川虹魔方网络科技有限公司
View PDF7 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0003] The purpose of the present invention is to provide a Vue-based modular routing management method and authority control method, which is used to solve the traditional registration routing method in the prior art is to register all routing components and paths corresponding to a file to cause the code Problems with confusing management and low maintainability

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • A Vue-based modular route management method and authority control method
  • A Vue-based modular route management method and authority control method

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0025] A Vue-based modular routing management method, including:

[0026] Step S100: Split the system page into multiple first-level modules according to the business, and create a routing file for each first-level module; each first-level module is subdivided into different second-level modules, and each second-level module corresponds to the development of a Vue components;

[0027] Step S200: create a router folder, create a plurality of subfolders under the router folder, the subfolders correspond to a first-level module respectively, and are used to save the routing file of the first-level module;

[0028] Step S300: the routing information of the first-level module is stored in the js file, and the routing information includes path, name and source component; the js file uses the export default command to output the routing information of the first-level module;

[0029] Create an index.js file to aggregate the routing information of the first-level module, import the j...

Embodiment 2

[0036] combine figure 2 As shown, a Vue-based modular routing authority control method, including:

[0037] Step A: Establish a modular route. After the route is modularized, use instructions to control the buttons that need to be controlled by permissions;

[0038] Step B: After the user logs in, call the user information interface to obtain the user's authority and identity information, and store them in the state manager Vuex of the Vue component. The state manager Vuex adopts a centralized storage method for the state of all Vue components;

[0039] Step C: In the state manager Vuex, declare permission variables, which are used to store the operation permissions of the add button, delete button, modify button and query button respectively;

[0040] Step D: The system loads the page, reads the value of the permission variable from the state manager Vuex during the page loading, and controls the visibility of the operation button corresponding to the page according to the ...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention discloses a Vue-based modular routing management method, which develops and stores components according to the division of functional modules, creates a module routing file for each module, and registers the components contained in the module into it, and all the components of the module After the component registration is completed, import the routing file into the general routing file of the project to realize modular routing. It also discloses a permission control method based on Vue-based modular routing. After creating a modular routing, for each secondary functional module, create buttons for adding, deleting, modifying, and querying in its corresponding Vue components. And control the operation authority of these buttons through instructions. The present invention splits and manages the routing according to the business, manages it by its corresponding routing file, and finally aggregates the routing module in the index.js file, and can control the authority of each operation button through instructions, thereby simplifying it.

Description

technical field [0001] The present invention relates to the field of information technology, specifically, a Vue-based modular routing management method and authority control method. Background technique [0002] In the Internet front-end routing management and front-end authority control technology, the traditional method of registering routes is to register the components and paths corresponding to all routes in a file, that is, to register the path of a single route, the name of the route, and import the corresponding components one by one. And register as the corresponding parent-child route according to the hierarchical relationship of the menu bar of the system, and directly use the route jump when the page jumps, which is not conducive to the control of the front-end authority. And when there are many front-end page components, it will lead to chaotic code management and low maintainability. Contents of the invention [0003] The purpose of the present invention is...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Patent Type & Authority Patents(China)
IPC IPC(8): H04L12/741G06F21/62G06F9/451G06F9/445G06F3/0484G06F3/0481H04L45/74
CPCH04L45/745G06F21/6218G06F9/451G06F3/0481G06F3/04847G06F9/44526
Inventor 林桓邓文科宋舰黄睿葱鲜青林
Owner 四川虹魔方网络科技有限公司
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap