Unlock instant, AI-driven research and patent intelligence for your innovation.

Vue-based component visualization system and method

A component and component library technology, applied in the computer field, can solve the problems of loading components that cannot be displayed, increase maintenance costs, and attribute incompatibility, and achieve the effect of simplifying component development requirements, improving stability, and improving scalability.

Pending Publication Date: 2021-03-05
ZHEJIANG YUANCHUANG BUILDING INTELLIGENT TECH CO LTD
View PDF7 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

In this way, not only the maintenance cost is increased for no reason, but the corresponding configuration description needs to be added to the configuration file every time a component is added, and if the described configuration file and component properties are inconsistent, the component displayed in the configuration description and the expected actual use will appear The component styles or properties do not match, and even when the names of the components described by the two are different, it will cause the problem that the loaded component cannot be displayed.

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
  • Vue-based component visualization system and method
  • Vue-based component visualization system and method

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0032] In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the specific implementation manners of the present invention will be described below with reference to the accompanying drawings. Obviously, the accompanying drawings in the following description are only some embodiments of the present invention, and those skilled in the art can obtain other accompanying drawings based on these drawings and obtain other implementations.

[0033] In order to make the drawing concise, each drawing only schematically shows the parts related to the present invention, and they do not represent the actual structure of the product. In addition, to make the drawings concise and easy to understand, in some drawings, only one of the components having the same structure or function is schematically shown, or only one of them is marked. Herein, "a" not only means "only one", but also means "more than one".

[0034] A Vue-base...

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 component visualization system and method, and the system comprises a component library which comprises a plurality of self-description components, each self-description component is provided with metadata, wherein the metadata is a unified data readable model realized based on Vue; a component analysis module which is used for scanning the component library, obtaining a self-description component conforming to self-description and analyzing metadata to form a component list; a visual operation module which comprises a component preview unit, a component attribute unit and a component working unit, wherein the component preview unit reads the component list and displays the component list visually, and the component attribute unit dynamically generates component attributes based on metadata of the selected self-description component and displays the component attributes visually; and a component working unit which is used for self-describing the operation of the component in the visual interface. According to the invention, the visual operation of the component is realized based on the self-description component, the operation is convenient, no extra configuration file is needed, the error possibility is reduced, the operation stability is improved, the development is simplified, and the expansibility and the maintenance are easy.

Description

technical field [0001] The invention belongs to the technical field of computers, and in particular relates to a Vue-based component visualization system and method. Background technique [0002] Vue is a progressive framework for building user interfaces. Based on the Vue framework, front-end applications can be quickly developed. In practice, many front-end pages have been developed using Vue, but there are still problems with its operability, scalability, and later maintenance. . [0003] In the prior art, the patent with application number "201811591773.6" titled "Universal UI component library for WEB front-end based on Vue architecture" and the patent titled "A web-oriented page construction system" with application number "201911212440.2" , the common components in the technologies they adopt need to be described by a configuration file, which leads to the need to maintain this configuration file, and other related open source projects are based on this method. In t...

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
IPC IPC(8): G06F8/38
CPCG06F8/38
Inventor 郭军唐伦沈惠斌沈小星
Owner ZHEJIANG YUANCHUANG BUILDING INTELLIGENT TECH CO LTD
Features
  • R&D
  • Intellectual Property
  • Life Sciences
  • Materials
  • Tech Scout
Why Patsnap Eureka
  • Unparalleled Data Quality
  • Higher Quality Content
  • 60% Fewer Hallucinations
Social media
Patsnap Eureka Blog
Learn More

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

© 2025 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com