CN114116108A - Dynamic rendering method, device, equipment and storage medium - Google Patents
Dynamic rendering method, device, equipment and storage medium Download PDFInfo
- Publication number
- CN114116108A CN114116108A CN202111447232.8A CN202111447232A CN114116108A CN 114116108 A CN114116108 A CN 114116108A CN 202111447232 A CN202111447232 A CN 202111447232A CN 114116108 A CN114116108 A CN 114116108A
- Authority
- CN
- China
- Prior art keywords
- component
- information
- interface
- tree structure
- association
- 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
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention relates to data display, and provides a dynamic rendering method, a dynamic rendering device, dynamic rendering equipment and a storage medium. The method can receive a rendering request, locate a visual interface according to the rendering request, obtain component information of each interface component in the visual interface on a plurality of component fields, wherein the plurality of component fields comprise association fields and target fields, convert the component information into first tree structure information according to the association fields, the first tree structure information comprises association relations of the plurality of interface components and mapping relations of data information corresponding to each interface component and the target fields, when it is monitored that the first component executes component operation, select a second component from the association relations, update the mapping relations according to the component operation and the second component, obtain second tree structure information, and execute analysis processing on the second tree structure information to obtain a display interface, and can improve rendering efficiency. In addition, the invention also relates to a block chain technology, and the display interface can be stored in the block chain.
Description
Technical Field
The present invention relates to the field of data display technologies, and in particular, to a dynamic rendering method, apparatus, device, and storage medium.
Background
At present, clear data information can be intuitively expressed to a user through various visual components. In a conventional data rendering mode, attribute setting is mainly performed on an interface component through data obtained through analysis. However, the inventors have appreciated that this approach requires a lengthy process of modifying the data protocol-re-encoding-reissuing as the data changes, resulting in inefficient data rendering.
Disclosure of Invention
In view of the foregoing, it is desirable to provide a dynamic rendering method, apparatus, device and storage medium, which can improve dynamic rendering efficiency.
In one aspect, the present invention provides a dynamic rendering method, where the dynamic rendering method includes:
receiving a rendering request, and positioning a visual interface according to the rendering request;
acquiring component information of each interface component in the visual interface on a plurality of component fields, wherein the plurality of component fields comprise association fields and target fields;
converting the component information into first tree structure information according to the association fields, wherein the first tree structure information comprises association relations of a plurality of interface components and mapping relations between each interface component and the data information corresponding to the target fields;
when monitoring that a first component in the visual interface executes component operation, screening out a second component associated with the first component from the association relation;
updating the mapping relation according to the component operation and the second component to obtain second tree structure information;
and executing analysis processing on the second tree structure information based on a preset analysis rule to obtain a display interface.
According to a preferred embodiment of the present invention, the positioning a visualization interface according to the rendering request includes:
extracting a sending address and a request identifier from the rendering request;
acquiring log information from the terminal equipment corresponding to the sending address according to the request identifier;
detecting whether the log information contains a generation event or not;
if the log information contains the generation event, determining the terminal equipment as a generation terminal of the rendering request;
extracting an interface identifier from the rendering request;
and positioning an interface corresponding to the interface identifier from the generating terminal as the visual interface.
According to a preferred embodiment of the present invention, the acquiring component information of each interface component in the visual interface on a plurality of component fields includes:
acquiring a research and development user interface associated with the visual interface from a preset interface association table;
locating a data entry location for the plurality of component fields from the development user interface based on the interface component;
acquiring an interface log corresponding to the research and development user interface and the generation time of the interface log;
determining the interface log with the maximum generation time as a target log;
capturing the component information from the target log according to the data entry location.
According to a preferred embodiment of the present invention, the converting the component information into the first tree structure information according to the association field includes:
extracting component association information from the component information according to the association field;
detecting an interface component which does not contain a parent association component as a target component based on the component association information, and detecting a child association component of the target component until the component association information is detected;
taking the target component as a root node, and taking the sub-associated component as a sub-node to construct a node tree structure;
converting the data information corresponding to each interface component into array information;
and writing the data information into the node tree structure as the brother node of each node in the node tree structure to obtain the first tree structure information.
According to a preferred embodiment of the present invention, the screening out the second component associated with the first component from the association relationship comprises:
traversing the incidence relation based on the first component, and determining the incidence relation containing the first component as a target relation, wherein the target relation comprises a first node relation with the first component as a parent node and a second node relation with the first component as a child node;
and acquiring all child nodes from the first node relationship as the second component, and acquiring a parent node from the second node relationship as the second component.
According to a preferred embodiment of the present invention, the updating the mapping relationship according to the component operation and the second component to obtain the second tree structure information includes:
acquiring first initial information of the first assembly and second initial information of the second assembly according to the mapping relation;
updating the first initial information according to the component operation to obtain first change information;
detecting a data relationship between the first initial information and the second initial information;
processing the first change information based on the data relationship to obtain second change information;
and updating the mapping relation based on the first change information and the second change information to obtain the second tree structure information.
According to a preferred embodiment of the present invention, the performing, based on a preset parsing rule, a parsing process on the second tree structure information to obtain a display interface includes:
acquiring field information of each component node from the second tree structure information;
extracting a target rule from the preset analysis rule according to the field type of the field information;
and analyzing the field information based on the target rule to obtain the display interface.
In another aspect, the present invention further provides a dynamic rendering apparatus, including:
the positioning unit is used for receiving a rendering request and positioning a visual interface according to the rendering request;
the acquiring unit is used for acquiring component information of each interface component in the visual interface on a plurality of component fields, wherein the plurality of component fields comprise associated fields and target fields;
the conversion unit is used for converting the component information into first tree structure information according to the association fields, wherein the first tree structure information comprises association relations of a plurality of interface components and mapping relations between each interface component and the data information corresponding to the target fields;
the screening unit is used for screening out a second component related to a first component from the association relation when monitoring that the first component in the visual interface executes component operation;
the updating unit is used for updating the mapping relation according to the component operation and the second component to obtain second tree structure information;
and the analysis unit is used for executing analysis processing on the second tree structure information based on a preset analysis rule to obtain a display interface.
In another aspect, the present invention further provides an electronic device, including:
a memory storing computer readable instructions; and
a processor executing computer readable instructions stored in the memory to implement the dynamic rendering method.
In another aspect, the present invention also provides a computer-readable storage medium, in which computer-readable instructions are stored, and the computer-readable instructions are executed by a processor in an electronic device to implement the dynamic rendering method.
It can be seen from the above technical solutions that, in the present invention, the first tree structure information corresponding to the visual interface can be completely constructed based on the association fields, and since the component information is divided into the association relation and the mapping relation in the first tree structure information, it is not necessary to traverse the component fields one by one, thereby improving the screening efficiency of the second component, and meanwhile, instead of screening the second component after the component operation is completed, the second component is screened in time when the component operation is monitored to be executed by the first component, thereby further improving the screening efficiency of the second component, and further updating the mapping relation according to the component operation and the second component, and since it is not necessary to reconstruct a frame of the second tree structure information, thereby improving the generation efficiency of the second tree structure information, therefore, the display efficiency of the display interface is improved.
Drawings
FIG. 1 is a flow chart of a dynamic rendering method according to a preferred embodiment of the present invention.
Fig. 2 is a diagram of the first tree structure information in the present invention.
FIG. 3 is a functional block diagram of a dynamic rendering apparatus according to a preferred embodiment of the present invention.
FIG. 4 is a schematic structural diagram of an electronic device implementing a dynamic rendering method according to a preferred embodiment of the invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the present invention more apparent, the present invention will be described in detail with reference to the accompanying drawings and specific embodiments.
FIG. 1 is a flow chart of a dynamic rendering method according to a preferred embodiment of the present invention. The order of the steps in the flow chart may be changed and some steps may be omitted according to different needs.
The dynamic rendering method can acquire and process related data based on artificial intelligence technology. Among them, Artificial Intelligence (AI) is a theory, method, technique and application system that simulates, extends and expands human Intelligence using a digital computer or a machine controlled by a digital computer, senses the environment, acquires knowledge and uses the knowledge to obtain the best result.
The artificial intelligence infrastructure generally includes technologies such as sensors, dedicated artificial intelligence chips, cloud computing, distributed storage, big data processing technologies, operation/interaction systems, mechatronics, and the like. The artificial intelligence software technology mainly comprises a computer vision technology, a robot technology, a biological recognition technology, a voice processing technology, a natural language processing technology, machine learning/deep learning and the like.
The dynamic rendering method is applied to one or more electronic devices, which are devices capable of automatically performing numerical calculation and/or information processing according to computer readable instructions set or stored in advance, and the hardware thereof includes, but is not limited to, a microprocessor, an Application Specific Integrated Circuit (ASIC), a Programmable Gate Array (FPGA), a Digital Signal Processor (DSP), an embedded device, and the like.
The electronic device may be any electronic product capable of performing human-computer interaction with a user, for example, a Personal computer, a tablet computer, a smart phone, a Personal Digital Assistant (PDA), a game machine, an interactive Internet Protocol Television (IPTV), a smart wearable device, and the like.
The electronic device may include a network device and/or a user device. Wherein the network device includes, but is not limited to, a single network electronic device, an electronic device group consisting of a plurality of network electronic devices, or a Cloud Computing (Cloud Computing) based Cloud consisting of a large number of hosts or network electronic devices.
The network in which the electronic device is located includes, but is not limited to: the internet, a wide area Network, a metropolitan area Network, a local area Network, a Virtual Private Network (VPN), and the like.
S10, receiving the rendering request, and positioning the visual interface according to the rendering request.
In at least one embodiment of the invention, the rendering request may be triggered and generated by a user having a data presentation requirement. The rendering request carries a sending address, a request identifier, an interface identifier and the like.
The visual interface refers to an interface for displaying data.
In at least one embodiment of the present invention, the electronic device positioning a visualization interface according to the rendering request includes:
extracting a sending address and a request identifier from the rendering request;
acquiring log information from the terminal equipment corresponding to the sending address according to the request identifier;
detecting whether the log information contains a generation event or not;
if the log information contains the generation event, determining the terminal equipment as a generation terminal of the rendering request;
extracting an interface identifier from the rendering request;
and positioning an interface corresponding to the interface identifier from the generating terminal as the visual interface.
The sending address refers to an address for sending the rendering request, and the sending address may be an IP address.
The request identifier is used to indicate the rendering request, and for example, the request identifier may be xuanan 001.
The log information refers to a log corresponding to the request identifier in the terminal device. The log information may include all operation logs related to the request identification.
The generation event refers to an object name for instructing information generation.
The generation terminal can be accurately determined by detecting the generation event of the log information acquired from the terminal equipment, and the visual interface can be accurately positioned based on the generation terminal and the interface identification.
S11, acquiring component information of each interface component in the visual interface on a plurality of component fields, wherein the plurality of component fields comprise an associated field and a target field.
In at least one embodiment of the present invention, the interface component refers to a module component in the visual interface.
The association field refers to a field for indicating an association relationship of a plurality of the interface components, and for example, the association field may be a children field. The target field refers to a field of the plurality of component fields other than the associated field, for example, the target field may include an id field, a data field, a dataBinding field, and the like.
In at least one embodiment of the invention, the component information includes a component identification, component data, associated components, and data binding rules for each interface component. The data binding rule comprises a data source corresponding to the network data displayed through the interface component and a storage path of the network data.
In at least one embodiment of the present invention, the electronic device obtaining component information of each interface component in the visual interface on a plurality of component fields includes:
acquiring a research and development user interface associated with the visual interface from a preset interface association table;
locating a data entry location for the plurality of component fields from the development user interface based on the interface component;
acquiring an interface log corresponding to the research and development user interface and the generation time of the interface log;
determining the interface log with the maximum generation time as a target log;
capturing the component information from the target log according to the data entry location.
And the preset interface association table stores association relations among a plurality of interfaces.
The research and development user interface refers to an interface for setting and changing the component information by a user.
The data input position refers to a specific position where the user enters the component information in the development user interface, and the data input position may be a coordinate value, for example, the data input position is (3, 4), and the specific coordinate axis is set without limitation.
The research and development user interface can be accurately determined through the preset interface association table, and further specific position information of the data input position can be accurately positioned from the research and development user interface, so that the acquisition accuracy of the component information is improved.
And S12, converting the component information into first tree structure information according to the association fields, wherein the first tree structure information comprises the association relation of a plurality of interface components and the mapping relation between each interface component and the data information corresponding to the target fields.
In at least one embodiment of the present invention, the association refers to an interaction relationship between the plurality of interface components. The mapping relation refers to the corresponding relation between each interface component and the data information.
In at least one embodiment of the present invention, the electronic device converting the component information into first tree structure information according to the association field includes:
extracting component association information from the component information according to the association field;
detecting an interface component which does not contain a parent association component as a target component based on the component association information, and detecting a child association component of the target component until the component association information is detected;
taking the target component as a root node, and taking the sub-associated component as a sub-node to construct a node tree structure;
converting the data information corresponding to each interface component into array information;
and writing the data information into the node tree structure as the brother node of each node in the node tree structure to obtain the first tree structure information.
The component association information refers to information corresponding to the association field in the component information, and for example, the component association information may be a child component of component a: and (B) component(s).
The node tree structure comprises the plurality of interface components and the incidence relation of the plurality of interface components.
The array information is represented as one-dimensional information, for example, the data information is (ID: ID1, data: end time1, from: laiyuan1, and path: joining 1).
The node tree structure can be completely constructed through the component association information, and then the data information is written after the node tree structure is constructed, so that the generation efficiency of the first tree structure information can be improved.
Referring to fig. 2, fig. 2 is a diagram of first tree structure information in the present invention. The first tree structure information in the graph includes the component a, the component B, and the component E, where a child component of the component a is the component B, and a child component of the component B is the component E.
S13, when it is monitored that the first component in the visual interface executes component operation, screening out a second component related to the first component from the association relation.
In at least one embodiment of the present invention, the component operation includes operations such as changing and deleting component information corresponding to the first component.
In at least one embodiment of the present invention, the electronic device screening the association relation for the second component associated with the first component includes:
traversing the incidence relation based on the first component, and determining the incidence relation containing the first component as a target relation, wherein the target relation comprises a first node relation with the first component as a parent node and a second node relation with the first component as a child node;
and acquiring all child nodes from the first node relationship as the second component, and acquiring a parent node from the second node relationship as the second component.
Through the implementation mode, the second component related to the first component can be screened out based on different characteristics in the target relation, and the screening accuracy and the screening comprehensiveness of the second component are improved.
And S14, updating the mapping relation according to the component operation and the second component to obtain second tree structure information.
In at least one embodiment of the present invention, the second tree structure information includes the plurality of interface components and updated component information of the plurality of interface components.
In at least one embodiment of the present invention, the updating, by the electronic device, the mapping relationship according to the component operation and the second component, and obtaining second tree structure information includes:
acquiring first initial information of the first assembly and second initial information of the second assembly according to the mapping relation;
updating the first initial information according to the component operation to obtain first change information;
detecting a data relationship between the first initial information and the second initial information;
processing the first change information based on the data relationship to obtain second change information;
and updating the mapping relation based on the first change information and the second change information to obtain the second tree structure information.
The component operation comprises operations of changing and deleting the first initial information.
The data relationship may comprise a proportional relationship between the first initial information and the second initial information, for example, a proportional relationship of a size field is 0.8.
Through the embodiment, the second initial information can be updated simultaneously according to the component operation, so that the updating efficiency of the second tree structure information is improved.
And S15, performing analysis processing on the second tree structure information based on a preset analysis rule to obtain a display interface.
In at least one embodiment of the present invention, the display interface refers to an interface dynamically rendered and displayed after the first component in the visualization interface is executed with the component operation.
It is emphasized that the display interface may also be stored in a node of a blockchain in order to further ensure privacy and security of the display interface.
In at least one embodiment of the present invention, the electronic device, based on a preset parsing rule, performs parsing processing on the second tree structure information, and obtaining a display interface includes:
acquiring field information of each component node from the second tree structure information;
extracting a target rule from the preset analysis rule according to the field type of the field information;
and analyzing the field information based on the target rule to obtain the display interface.
The target rule refers to a preset analysis rule corresponding to the field type.
The target rule can be accurately determined through the field type, and then the field information can be accurately analyzed through the target rule, so that the display accuracy of the display interface is improved.
In at least one embodiment of the invention, after obtaining the display interface, the method further comprises:
generating prompt information according to the component operation;
acquiring a binding terminal of the terminal equipment from a preset association table;
and sending the prompt information to the binding terminal.
And the preset association table stores the binding relationship among the terminals.
Through the embodiment, the user can be informed to check and accept in time after the display interface is updated.
It can be seen from the above technical solutions that, in the present invention, the first tree structure information corresponding to the visual interface can be completely constructed based on the association fields, and since the component information is divided into the association relation and the mapping relation in the first tree structure information, it is not necessary to traverse the component fields one by one, thereby improving the screening efficiency of the second component, and meanwhile, instead of screening the second component after the component operation is completed, the second component is screened in time when the component operation is monitored to be executed by the first component, thereby further improving the screening efficiency of the second component, and further updating the mapping relation according to the component operation and the second component, and since it is not necessary to reconstruct a frame of the second tree structure information, thereby improving the generation efficiency of the second tree structure information, therefore, the display efficiency of the display interface is improved.
FIG. 3 is a functional block diagram of a dynamic rendering apparatus according to a preferred embodiment of the present invention. The dynamic rendering apparatus 11 includes a positioning unit 110, an obtaining unit 111, a converting unit 112, a screening unit 113, an updating unit 114, an analyzing unit 115, a generating unit 116, and a sending unit 117. The module/unit referred to herein is a series of computer readable instruction segments that can be accessed by the processor 13 and perform a fixed function and that are stored in the memory 12. In the present embodiment, the functions of the modules/units will be described in detail in the following embodiments.
The positioning unit 110 receives the rendering request and positions the visual interface according to the rendering request.
In at least one embodiment of the invention, the rendering request may be triggered and generated by a user having a data presentation requirement. The rendering request carries a sending address, a request identifier, an interface identifier and the like.
The visual interface refers to an interface for displaying data.
In at least one embodiment of the present invention, the positioning unit 110 positions the visual interface according to the rendering request, including:
extracting a sending address and a request identifier from the rendering request;
acquiring log information from the terminal equipment corresponding to the sending address according to the request identifier;
detecting whether the log information contains a generation event or not;
if the log information contains the generation event, determining the terminal equipment as a generation terminal of the rendering request;
extracting an interface identifier from the rendering request;
and positioning an interface corresponding to the interface identifier from the generating terminal as the visual interface.
The sending address refers to an address for sending the rendering request, and the sending address may be an IP address.
The request identifier is used to indicate the rendering request, and for example, the request identifier may be xuanan 001.
The log information refers to a log corresponding to the request identifier in the terminal device. The log information may include all operation logs related to the request identification.
The generation event refers to an object name for instructing information generation.
The generation terminal can be accurately determined by detecting the generation event of the log information acquired from the terminal equipment, and the visual interface can be accurately positioned based on the generation terminal and the interface identification.
The obtaining unit 111 obtains component information of each interface component in the visual interface on a plurality of component fields, where the plurality of component fields include an association field and a target field.
In at least one embodiment of the present invention, the interface component refers to a module component in the visual interface.
The association field refers to a field for indicating an association relationship of a plurality of the interface components, and for example, the association field may be a children field. The target field refers to a field of the plurality of component fields other than the associated field, for example, the target field may include an id field, a data field, a dataBinding field, and the like.
In at least one embodiment of the invention, the component information includes a component identification, component data, associated components, and data binding rules for each interface component. The data binding rule comprises a data source corresponding to the network data displayed through the interface component and a storage path of the network data.
In at least one embodiment of the present invention, the obtaining unit 111 obtains the component information of each interface component in the visual interface on a plurality of component fields, including:
acquiring a research and development user interface associated with the visual interface from a preset interface association table;
locating a data entry location for the plurality of component fields from the development user interface based on the interface component;
acquiring an interface log corresponding to the research and development user interface and the generation time of the interface log;
determining the interface log with the maximum generation time as a target log;
capturing the component information from the target log according to the data entry location.
And the preset interface association table stores association relations among a plurality of interfaces.
The research and development user interface refers to an interface for setting and changing the component information by a user.
The data input position refers to a specific position where the user enters the component information in the development user interface, and the data input position may be a coordinate value, for example, the data input position is (3, 4), and the specific coordinate axis is set without limitation.
The research and development user interface can be accurately determined through the preset interface association table, and further specific position information of the data input position can be accurately positioned from the research and development user interface, so that the acquisition accuracy of the component information is improved.
The converting unit 112 converts the component information into first tree structure information according to the association field, where the first tree structure information includes an association relationship between a plurality of interface components and a mapping relationship between each interface component and the data information corresponding to the target field.
In at least one embodiment of the present invention, the association refers to an interaction relationship between the plurality of interface components. The mapping relation refers to the corresponding relation between each interface component and the data information.
In at least one embodiment of the present invention, the converting unit 112 converts the component information into the first tree structure information according to the association field includes:
extracting component association information from the component information according to the association field;
detecting an interface component which does not contain a parent association component as a target component based on the component association information, and detecting a child association component of the target component until the component association information is detected;
taking the target component as a root node, and taking the sub-associated component as a sub-node to construct a node tree structure;
converting the data information corresponding to each interface component into array information;
and writing the data information into the node tree structure as the brother node of each node in the node tree structure to obtain the first tree structure information.
The component association information refers to information corresponding to the association field in the component information, and for example, the component association information may be a child component of component a: and (B) component(s).
The node tree structure comprises the plurality of interface components and the incidence relation of the plurality of interface components.
The array information is represented as one-dimensional information, for example, the data information is (ID: ID1, data: end time1, from: laiyuan1, and path: joining 1).
The node tree structure can be completely constructed through the component association information, and then the data information is written after the node tree structure is constructed, so that the generation efficiency of the first tree structure information can be improved.
Referring to fig. 2, fig. 2 is a diagram of first tree structure information in the present invention. The first tree structure information in the graph includes the component a, the component B, and the component E, where a child component of the component a is the component B, and a child component of the component B is the component E.
When it is monitored that a first component in the visual interface performs component operation, the screening unit 113 screens out a second component associated with the first component from the association relationship.
In at least one embodiment of the present invention, the component operation includes operations such as changing and deleting component information corresponding to the first component.
In at least one embodiment of the present invention, the screening unit 113 screening the second component associated with the first component from the association relationship includes:
traversing the incidence relation based on the first component, and determining the incidence relation containing the first component as a target relation, wherein the target relation comprises a first node relation with the first component as a parent node and a second node relation with the first component as a child node;
and acquiring all child nodes from the first node relationship as the second component, and acquiring a parent node from the second node relationship as the second component.
Through the implementation mode, the second component related to the first component can be screened out based on different characteristics in the target relation, and the screening accuracy and the screening comprehensiveness of the second component are improved.
The updating unit 114 updates the mapping relationship according to the component operation and the second component, so as to obtain second tree structure information.
In at least one embodiment of the present invention, the second tree structure information includes the plurality of interface components and updated component information of the plurality of interface components.
In at least one embodiment of the present invention, the updating unit 114 updates the mapping relationship according to the component operation and the second component, and obtaining the second tree structure information includes:
acquiring first initial information of the first assembly and second initial information of the second assembly according to the mapping relation;
updating the first initial information according to the component operation to obtain first change information;
detecting a data relationship between the first initial information and the second initial information;
processing the first change information based on the data relationship to obtain second change information;
and updating the mapping relation based on the first change information and the second change information to obtain the second tree structure information.
The component operation comprises operations of changing and deleting the first initial information.
The data relationship may comprise a proportional relationship between the first initial information and the second initial information, for example, a proportional relationship of a size field is 0.8.
Through the embodiment, the second initial information can be updated simultaneously according to the component operation, so that the updating efficiency of the second tree structure information is improved.
The parsing unit 115 performs parsing processing on the second tree structure information based on a preset parsing rule, so as to obtain a display interface.
In at least one embodiment of the present invention, the display interface refers to an interface dynamically rendered and displayed after the first component in the visualization interface is executed with the component operation.
It is emphasized that the display interface may also be stored in a node of a blockchain in order to further ensure privacy and security of the display interface.
In at least one embodiment of the present invention, the parsing unit 115 performs parsing processing on the second tree structure information based on a preset parsing rule, and obtaining the display interface includes:
acquiring field information of each component node from the second tree structure information;
extracting a target rule from the preset analysis rule according to the field type of the field information;
and analyzing the field information based on the target rule to obtain the display interface.
The target rule refers to a preset analysis rule corresponding to the field type.
The target rule can be accurately determined through the field type, and then the field information can be accurately analyzed through the target rule, so that the display accuracy of the display interface is improved.
In at least one embodiment of the present invention, after obtaining the display interface, the generating unit 116 generates a prompt message according to the component operation;
the obtaining unit 111 obtains a binding terminal of the terminal device from a preset association table;
the sending unit 117 sends the prompt information to the binding terminal.
And the preset association table stores the binding relationship among the terminals.
Through the embodiment, the user can be informed to check and accept in time after the display interface is updated.
It can be seen from the above technical solutions that, in the present invention, the first tree structure information corresponding to the visual interface can be completely constructed based on the association fields, and since the component information is divided into the association relation and the mapping relation in the first tree structure information, it is not necessary to traverse the component fields one by one, thereby improving the screening efficiency of the second component, and meanwhile, instead of screening the second component after the component operation is completed, the second component is screened in time when the component operation is monitored to be executed by the first component, thereby further improving the screening efficiency of the second component, and further updating the mapping relation according to the component operation and the second component, and since it is not necessary to reconstruct a frame of the second tree structure information, thereby improving the generation efficiency of the second tree structure information, therefore, the display efficiency of the display interface is improved.
Fig. 4 is a schematic structural diagram of an electronic device implementing a dynamic rendering method according to a preferred embodiment of the present invention.
In one embodiment of the present invention, the electronic device 1 includes, but is not limited to, a memory 12, a processor 13, and computer readable instructions, such as a dynamic rendering program, stored in the memory 12 and executable on the processor 13.
It will be appreciated by a person skilled in the art that the schematic diagram is only an example of the electronic device 1 and does not constitute a limitation of the electronic device 1, and that it may comprise more or less components than shown, or some components may be combined, or different components, e.g. the electronic device 1 may further comprise an input output device, a network access device, a bus, etc.
The Processor 13 may be a Central Processing Unit (CPU), other general purpose Processor, a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field Programmable Gate Array (FPGA) or other Programmable logic device, discrete Gate or transistor logic device, discrete hardware component, etc. The processor 13 is an operation core and a control center of the electronic device 1, and is connected to each part of the whole electronic device 1 by various interfaces and lines, and executes an operating system of the electronic device 1 and various installed application programs, program codes, and the like.
Illustratively, the computer readable instructions may be partitioned into one or more modules/units that are stored in the memory 12 and executed by the processor 13 to implement the present invention. The one or more modules/units may be a series of computer readable instruction segments capable of performing specific functions, which are used for describing the execution process of the computer readable instructions in the electronic device 1. For example, the computer readable instructions may be divided into a positioning unit 110, an obtaining unit 111, a converting unit 112, a screening unit 113, an updating unit 114, a parsing unit 115, a generating unit 116, and a sending unit 117.
The memory 12 may be used for storing the computer readable instructions and/or modules, and the processor 13 implements various functions of the electronic device 1 by executing or executing the computer readable instructions and/or modules stored in the memory 12 and invoking data stored in the memory 12. The memory 12 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system, an application program required by at least one function (such as a sound playing function, an image playing function, etc.), and the like; the storage data area may store data created according to use of the electronic device, and the like. The memory 12 may include non-volatile and volatile memories, such as: a hard disk, a memory, a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), at least one magnetic disk storage device, a Flash memory device, or other storage device.
The memory 12 may be an external memory and/or an internal memory of the electronic device 1. Further, the memory 12 may be a memory having a physical form, such as a memory stick, a TF Card (Trans-flash Card), or the like.
The integrated modules/units of the electronic device 1 may be stored in a computer-readable storage medium if they are implemented in the form of software functional units and sold or used as separate products. Based on such understanding, all or part of the flow of the method according to the above embodiments may be implemented by hardware that is configured to be instructed by computer readable instructions, which may be stored in a computer readable storage medium, and when the computer readable instructions are executed by a processor, the steps of the method embodiments may be implemented.
Wherein the computer readable instructions comprise computer readable instruction code which may be in source code form, object code form, an executable file or some intermediate form, and the like. The computer-readable medium may include: any entity or device capable of carrying said computer readable instruction code, recording medium, U-disk, removable hard disk, magnetic disk, optical disk, computer Memory, Read-Only Memory (ROM), Random Access Memory (RAM).
The block chain is a novel application mode of computer technologies such as distributed data storage, point-to-point transmission, a consensus mechanism, an encryption algorithm and the like. A block chain (Blockchain), which is essentially a decentralized database, is a series of data blocks associated by using a cryptographic method, and each data block contains information of a batch of network transactions, so as to verify the validity (anti-counterfeiting) of the information and generate a next block. The blockchain may include a blockchain underlying platform, a platform product service layer, an application service layer, and the like.
In conjunction with fig. 1, the memory 12 in the electronic device 1 stores computer-readable instructions to implement a dynamic rendering method, and the processor 13 can execute the computer-readable instructions to implement:
receiving a rendering request, and positioning a visual interface according to the rendering request;
acquiring component information of each interface component in the visual interface on a plurality of component fields, wherein the plurality of component fields comprise association fields and target fields;
converting the component information into first tree structure information according to the association fields, wherein the first tree structure information comprises association relations of a plurality of interface components and mapping relations between each interface component and the data information corresponding to the target fields;
when monitoring that a first component in the visual interface executes component operation, screening out a second component associated with the first component from the association relation;
updating the mapping relation according to the component operation and the second component to obtain second tree structure information;
and executing analysis processing on the second tree structure information based on a preset analysis rule to obtain a display interface.
Specifically, the processor 13 may refer to the description of the relevant steps in the embodiment corresponding to fig. 1 for a specific implementation method of the computer readable instructions, which is not described herein again.
In the embodiments provided in the present invention, it should be understood that the disclosed system, apparatus and method may be implemented in other ways. For example, the above-described apparatus embodiments are merely illustrative, and for example, the division of the modules is only one logical functional division, and other divisions may be realized in practice.
The computer readable storage medium has computer readable instructions stored thereon, wherein the computer readable instructions when executed by the processor 13 are configured to implement the steps of:
receiving a rendering request, and positioning a visual interface according to the rendering request;
acquiring component information of each interface component in the visual interface on a plurality of component fields, wherein the plurality of component fields comprise association fields and target fields;
converting the component information into first tree structure information according to the association fields, wherein the first tree structure information comprises association relations of a plurality of interface components and mapping relations between each interface component and the data information corresponding to the target fields;
when monitoring that a first component in the visual interface executes component operation, screening out a second component associated with the first component from the association relation;
updating the mapping relation according to the component operation and the second component to obtain second tree structure information;
and executing analysis processing on the second tree structure information based on a preset analysis rule to obtain a display interface.
The modules described as separate parts may or may not be physically separate, and parts displayed as modules may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment.
In addition, functional modules in the embodiments of the present invention may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, or in a form of hardware plus a software functional module.
The present embodiments are therefore to be considered in all respects as illustrative and not restrictive, the scope of the invention being indicated by the appended claims rather than by the foregoing description, and all changes which come within the meaning and range of equivalency of the claims are therefore intended to be embraced therein. Any reference signs in the claims shall not be construed as limiting the claim concerned.
Furthermore, it is obvious that the word "comprising" does not exclude other elements or steps, and the singular does not exclude the plural. The plurality of units or devices may also be implemented by one unit or device through software or hardware. The terms first, second, etc. are used to denote names, but not any particular order.
Finally, it should be noted that the above embodiments are only for illustrating the technical solutions of the present invention and not for limiting, and although the present invention is described in detail with reference to the preferred embodiments, it should be understood by those skilled in the art that modifications or equivalent substitutions may be made on the technical solutions of the present invention without departing from the spirit and scope of the technical solutions of the present invention.
Claims (10)
1. A dynamic rendering method, comprising:
receiving a rendering request, and positioning a visual interface according to the rendering request;
acquiring component information of each interface component in the visual interface on a plurality of component fields, wherein the plurality of component fields comprise association fields and target fields;
converting the component information into first tree structure information according to the association fields, wherein the first tree structure information comprises association relations of a plurality of interface components and mapping relations between each interface component and the data information corresponding to the target fields;
when monitoring that a first component in the visual interface executes component operation, screening out a second component associated with the first component from the association relation;
updating the mapping relation according to the component operation and the second component to obtain second tree structure information;
and executing analysis processing on the second tree structure information based on a preset analysis rule to obtain a display interface.
2. The dynamic rendering method of claim 1, wherein said positioning a visualization interface in accordance with the rendering request comprises:
extracting a sending address and a request identifier from the rendering request;
acquiring log information from the terminal equipment corresponding to the sending address according to the request identifier;
detecting whether the log information contains a generation event or not;
if the log information contains the generation event, determining the terminal equipment as a generation terminal of the rendering request;
extracting an interface identifier from the rendering request;
and positioning an interface corresponding to the interface identifier from the generating terminal as the visual interface.
3. The dynamic rendering method of claim 1, wherein said obtaining component information for each interface component in the visual interface on a plurality of component fields comprises:
acquiring a research and development user interface associated with the visual interface from a preset interface association table;
locating a data entry location for the plurality of component fields from the development user interface based on the interface component;
acquiring an interface log corresponding to the research and development user interface and the generation time of the interface log;
determining the interface log with the maximum generation time as a target log;
capturing the component information from the target log according to the data entry location.
4. The dynamic rendering method of claim 1, wherein the converting the component information into first tree structure information according to the association field comprises:
extracting component association information from the component information according to the association field;
detecting an interface component which does not contain a parent association component as a target component based on the component association information, and detecting a child association component of the target component until the component association information is detected;
taking the target component as a root node, and taking the sub-associated component as a sub-node to construct a node tree structure;
converting the data information corresponding to each interface component into array information;
and writing the data information into the node tree structure as the brother node of each node in the node tree structure to obtain the first tree structure information.
5. The dynamic rendering method of claim 1, wherein the screening of the second component associated with the first component from the association relationship comprises:
traversing the incidence relation based on the first component, and determining the incidence relation containing the first component as a target relation, wherein the target relation comprises a first node relation with the first component as a parent node and a second node relation with the first component as a child node;
and acquiring all child nodes from the first node relationship as the second component, and acquiring a parent node from the second node relationship as the second component.
6. The dynamic rendering method of claim 1, wherein the updating the mapping relationship according to the component operation and the second component to obtain second tree structure information comprises:
acquiring first initial information of the first assembly and second initial information of the second assembly according to the mapping relation;
updating the first initial information according to the component operation to obtain first change information;
detecting a data relationship between the first initial information and the second initial information;
processing the first change information based on the data relationship to obtain second change information;
and updating the mapping relation based on the first change information and the second change information to obtain the second tree structure information.
7. The dynamic rendering method of claim 1, wherein the performing parsing processing on the second tree structure information based on a preset parsing rule to obtain a display interface comprises:
acquiring field information of each component node from the second tree structure information;
extracting a target rule from the preset analysis rule according to the field type of the field information;
and analyzing the field information based on the target rule to obtain the display interface.
8. A dynamic rendering apparatus, characterized in that the dynamic rendering apparatus comprises:
the positioning unit is used for receiving a rendering request and positioning a visual interface according to the rendering request;
the acquiring unit is used for acquiring component information of each interface component in the visual interface on a plurality of component fields, wherein the plurality of component fields comprise associated fields and target fields;
the conversion unit is used for converting the component information into first tree structure information according to the association fields, wherein the first tree structure information comprises association relations of a plurality of interface components and mapping relations between each interface component and the data information corresponding to the target fields;
the screening unit is used for screening out a second component related to a first component from the association relation when monitoring that the first component in the visual interface executes component operation;
the updating unit is used for updating the mapping relation according to the component operation and the second component to obtain second tree structure information;
and the analysis unit is used for executing analysis processing on the second tree structure information based on a preset analysis rule to obtain a display interface.
9. An electronic device, characterized in that the electronic device comprises:
a memory storing computer readable instructions; and
a processor executing computer readable instructions stored in the memory to implement the dynamic rendering method of any of claims 1 to 7.
10. A computer-readable storage medium characterized by: the computer-readable storage medium has stored therein computer-readable instructions that are executed by a processor in an electronic device to implement the dynamic rendering method of any of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111447232.8A CN114116108A (en) | 2021-11-30 | 2021-11-30 | Dynamic rendering method, device, equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111447232.8A CN114116108A (en) | 2021-11-30 | 2021-11-30 | Dynamic rendering method, device, equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114116108A true CN114116108A (en) | 2022-03-01 |
Family
ID=80369103
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111447232.8A Pending CN114116108A (en) | 2021-11-30 | 2021-11-30 | Dynamic rendering method, device, equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114116108A (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114942819A (en) * | 2022-07-22 | 2022-08-26 | 浙江中控技术股份有限公司 | Data field processing method, electronic device and computer readable storage medium |
| CN116013130A (en) * | 2023-01-19 | 2023-04-25 | 扬州浩海蓝生海洋装备有限公司 | VR simulation-based deep sea Christmas tree operation method and system |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108334387A (en) * | 2017-01-20 | 2018-07-27 | 阿里巴巴集团控股有限公司 | Dynamic interface rendering intent and device |
| CN113282795A (en) * | 2021-06-29 | 2021-08-20 | 中国平安人寿保险股份有限公司 | Data structure chart generating and updating method and device, electronic equipment and storage medium |
-
2021
- 2021-11-30 CN CN202111447232.8A patent/CN114116108A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108334387A (en) * | 2017-01-20 | 2018-07-27 | 阿里巴巴集团控股有限公司 | Dynamic interface rendering intent and device |
| CN113282795A (en) * | 2021-06-29 | 2021-08-20 | 中国平安人寿保险股份有限公司 | Data structure chart generating and updating method and device, electronic equipment and storage medium |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114942819A (en) * | 2022-07-22 | 2022-08-26 | 浙江中控技术股份有限公司 | Data field processing method, electronic device and computer readable storage medium |
| CN114942819B (en) * | 2022-07-22 | 2022-11-11 | 浙江中控技术股份有限公司 | Data field processing method, electronic device and computer readable storage medium |
| CN116013130A (en) * | 2023-01-19 | 2023-04-25 | 扬州浩海蓝生海洋装备有限公司 | VR simulation-based deep sea Christmas tree operation method and system |
| CN116013130B (en) * | 2023-01-19 | 2024-01-30 | 扬州浩海蓝生海洋装备有限公司 | VR simulation-based deep sea Christmas tree operation method and system |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111797351A (en) | Page data management method and device, electronic equipment and medium | |
| CN111796809A (en) | Interface document generation method and device, electronic equipment and medium | |
| CN110825731A (en) | Data storage method and device, electronic equipment and storage medium | |
| CN114116108A (en) | Dynamic rendering method, device, equipment and storage medium | |
| CN112948418A (en) | Dynamic query method, device, equipment and storage medium | |
| CN111651363A (en) | Test data acquisition method, test data acquisition device, electronic device and medium | |
| CN112363923B (en) | Testing method and device based on questionnaire system, computer equipment and medium | |
| CN112632098A (en) | Dynamic generation method of structured query statement and related equipment | |
| CN110633258B (en) | Log insertion method, device, computer device and storage medium | |
| CN114510487B (en) | Data table merging method, device, equipment and storage medium | |
| CN113536770B (en) | Text analysis method, device and equipment based on artificial intelligence and storage medium | |
| CN113918467A (en) | Financial system testing method, device, equipment and storage medium | |
| CN114329095A (en) | System logic diagram generation method, device, equipment and storage medium | |
| CN114418398A (en) | Scene task development method, device, equipment and storage medium | |
| CN114372060A (en) | Data storage method, device, equipment and storage medium | |
| CN112947911A (en) | Interface script generation method, device, equipment and storage medium | |
| CN112819305A (en) | Service index analysis method, device, equipment and storage medium | |
| CN112181485A (en) | Script execution method and device, electronic equipment and storage medium | |
| CN112434062A (en) | Quasi-real-time data processing method, device, server and storage medium | |
| CN115794621A (en) | Code coverage test method, device, equipment and storage medium | |
| CN115952201A (en) | Data query method, device, system and storage medium | |
| CN113283677B (en) | Index data processing method, device, equipment and storage medium | |
| CN114003784A (en) | Request recording method, device, equipment and storage medium | |
| CN114238296A (en) | Product index data display method, device, equipment and storage medium | |
| CN113282218A (en) | Multi-dimensional report generation method, device, equipment and storage medium |
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 |