Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Method, system, equipment and medium for solving multi-layer nested array data response

A data-grouping, responsive technology, applied in electrical digital data processing, software engineering design, instruments, etc., can solve problems such as page re-rendering and user inability to operate normally.

Pending Publication Date: 2022-04-12
INSPUR SUZHOU INTELLIGENT TECH CO LTD
View PDF0 Cites 3 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

It can better solve the problem of multi-layer nested array data responsiveness, and at the same time solve the usability problem that when there are many responsive trigger events, the page will be re-rendered continuously, causing users to fail to operate normally

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
  • Method, system, equipment and medium for solving multi-layer nested array data response
  • Method, system, equipment and medium for solving multi-layer nested array data response
  • Method, system, equipment and medium for solving multi-layer nested array data response

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0031] Embodiment 1 of the present invention proposes a method for solving multi-layer nested array data responsiveness. By componentizing the DOM corresponding to the array data, the problem of array data responsiveness is solved, the maintainability and readability of the code are improved, and the ease of use of the system.

[0032] For the array data with interactive pages, especially the scene with interactive array rendering pages included in the array, the present invention extracts the rendered DOM into components. Pass in array data (or data objects that require page interaction in nested multi-layer array data) as the data source of the component. All interactions are carried out within the component, so when the data source of the component is an object, VUE is effective for data hijacking response of object properties, and can realize normal page responsiveness. Realized the effect of multi-layer array data object data change and page responsive update, and indire...

Embodiment 2

[0041] Based on the method for solving multi-layer nested array data responsiveness proposed in Embodiment 1 of the present invention, Embodiment 2 of the present invention proposes a system for solving multi-layer nested array data responsiveness, such as image 3 It is a schematic diagram of a system for solving multi-level nested array data responsiveness in Embodiment 1 of the present invention. The system includes a determination module, an encapsulation module and a monitoring module;

[0042] The determination module is used to determine the interactive array data and interactive DOM in the main file;

[0043] The encapsulation module is used to extract and componentize the interactive DOM, and pass in the array data as the data source of the component, so that the interactive business logic is encapsulated inside the component;

[0044] The monitoring module is used to assign values ​​to the array data, monitor changes in the array data, and update the page display. ...

Embodiment 3

[0049] The invention also proposes a device comprising:

[0050] memory for storing computer programs;

[0051] When the processor is used to execute the computer program, the method steps are as follows:

[0052] For the array data with interactive pages, especially the scene with interactive array rendering pages included in the array, the present invention extracts the rendered DOM into components. Pass in array data (or data objects that require page interaction in nested multi-layer array data) as the data source of the component. All interactions are carried out within the component, so when the data source of the component is an object, VUE is effective for data hijacking response of object properties, and can realize normal page responsiveness. Realized the effect of multi-layer array data object data change and page responsive update, and indirectly realized the responsiveness of multi-layer array data. Finally, after the component page is changed, the data value 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 provides a method, a system, equipment and a medium for solving a response type of multi-layer nested array data. The method comprises the following steps of: determining interactive array data and an interactive DOM (Document Object Model) in a main file; the interaction DOM is extracted and componentized, array data serves as a data source of the component to be transmitted in, and interaction service logic is packaged in the component; assigning values to the array data, monitoring changes of the array data, and updating page display. And in the component, after the component page data is changed, assigning the data value to the specified attribute of the data source object in time. Based on the method, the invention further provides a system, equipment and a medium for solving the multi-layer nested array data response. According to the method, the problem of multi-layer nested array data response is better solved, and meanwhile, the usability problem that a user cannot normally operate due to the fact that a page is continuously re-rendered when the number of response trigger events is large is solved. The problem of multi-layer nested array data response is solved in a modularization mode, and the readability and maintainability of codes are improved.

Description

technical field [0001] The invention belongs to the technical field of software development, and in particular relates to a method, system, device and medium for solving multi-layer nested array data responsiveness. Background technique [0002] Vue is a set of progressive frameworks for building user interfaces, and the VUE framework is a two-way binding responsive framework, but the VUE framework has a particularity for array data responsiveness, that is, if VUE implements the principle of responsiveness of data, if each Adding get and set methods to element subscripts is unaffordable for performance, and the array has thousands of elements. [0003] VUE officially provides a method for processing array data responsiveness: manually add the responsiveness of array data, that is, add the observer mode for data hijacking, and notify the view update through the set function. Observer mode: The observer mode is also known as the publish-subscribe mode, which defines a one-to-...

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/65G06F8/38
Inventor 管文菁
Owner INSPUR SUZHOU INTELLIGENT TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

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

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