Page generation method and system based on bidirectional navigation component, storage medium and computer equipment

A component and page technology, applied in the field of page generation based on two-way navigation components, can solve problems such as data update delays, achieve the effects of speeding up, simplifying development logic, and optimizing user experience

Pending Publication Date: 2021-04-30
GUANGDONG GUANGYU SCI & TECH DEV
View PDF0 Cites 4 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] The present invention constructs a two-way navigation component with a breadcrumb position based on the Vue framework and iView UI, proposes a page generation method, system, storage medium, and computer equipment based on the two-way navigation component, and solves the problem of Tab label components, menu components and breadcrumbs The technical problem of data update delay occurs when the location component cannot be associated, resulting in refreshing or clicking on a new menu page, which provides great convenience for developers and improves their work efficiency

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
  • Page generation method and system based on bidirectional navigation component, storage medium and computer equipment
  • Page generation method and system based on bidirectional navigation component, storage medium and computer equipment
  • Page generation method and system based on bidirectional navigation component, storage medium and computer equipment

Examples

Experimental program
Comparison scheme
Effect test

Embodiment

[0028]Such asFigure 1-3As shown in the present embodiment, the page generation method based on the bidirectional navigation component includes the following steps:

[0029]S1, set the side menu sub-assembly, Tab tab subcomponents, and bread sharpening subsets as a two-way navigation component; use Vuex to pre-set public variables, establish the side menu subcomponents, Tab tag subcomponents, and bread dandid sub-assemblies communication.

[0030]The common variable is a bridge that establishes the side menu subcomponent, Tab tab subcomponent, and the bridge of the bread dandruff subsequent communication; the menu sub-assembly can be located on the side of the system page, and the bread dandruff is located on the upper side of the system page. Using VUEX pre-setup common variables, the three sub-components can be quickly updated by public variables when the side menu subcomponents, Tab tab substructures, or bread sharpeners changes.

[0031]S2, the status of the current menu is displayed by t...

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 relates to a page generation method and system based on a bidirectional navigation component, a storage medium and computer equipment. The method comprises the following steps: setting a menu sub-component, a Tab sub-component and a breadcrumb sub-component as the bidirectional navigation component; presetting a common variable by using Vuex, and establishing communication among the three sub-assemblies; displaying the state of the current menu through the menu sub-assembly, displaying the currently opened label page and the opened label page through the Tab label sub-assembly, and displaying the routing hierarchical structure of the page through the breadcrumb sub-assembly; monitoring information of skip routing and a Tab tag click event when the page routing is changed, storing the information and the Tab tag click event in a common variable, and performing rendering according to common variable data; and performing rendering on the menu sub-assembly, the breadcrumb sub-assembly and the Tab tag sub-assembly together to form a system page. The technical problem that data updating is delayed when a new menu page is refreshed or clicked due to the fact that sub-assemblies cannot be associated is solved.

Description

Technical field[0001]The present invention relates to the field of software technology, in particular, a page generation method, system, storage medium, and computer device based on two-way navigation components.Background technique[0002]The menu component is one of the necessary components of the background system management system, and its application has reached more than 90%.[0003]Vue.js is a progressive framework for building user interfaces, which can be applied to the top by bottom, and is currently widely used in China. It is based on the MVVM framework, and the MVVM is a very influential mode in front-end development. It realizes the response two-way data binding. Its bottom layer provides a lot of practical APIs, which reduces the realization page function. The operation can quickly build a system website. The IVIEW component library is often used by the Vue.js frame. IVIEW is a set of Vue.js-based open source UI component libraries, mainly serving the middle background pr...

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 Applications(China)
IPC IPC(8): G06F8/20G06F8/38G06F9/445
CPCG06F8/24G06F8/38G06F9/44526
Inventor 植挺生陈建生文青刘勇罗淑冰
Owner GUANGDONG GUANGYU SCI & TECH DEV
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