CN113342337A - Interface processing method and device, computer readable storage medium and processor - Google Patents
Interface processing method and device, computer readable storage medium and processor Download PDFInfo
- Publication number
- CN113342337A CN113342337A CN202110595256.1A CN202110595256A CN113342337A CN 113342337 A CN113342337 A CN 113342337A CN 202110595256 A CN202110595256 A CN 202110595256A CN 113342337 A CN113342337 A CN 113342337A
- Authority
- CN
- China
- Prior art keywords
- node
- interface
- layout
- view
- nodes
- 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
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The application discloses an interface processing method and device, a computer readable storage medium and a processor. The method comprises the following steps: acquiring data information of interface flow type layout; splitting the data information according to a preset splitting mode to obtain a plurality of node sets, wherein each node set comprises a composite node and/or a leaf node, each composite node comprises a plurality of leaf nodes, and each leaf node represents a view; combining node sets in the node sets to obtain a node set of a target structure; and carrying out view layout on the interface based on the node set of the target structure. By the method and the device, the problem of poor flexibility of interface streaming type layout in the related technology is solved.
Description
Technical Field
The present application relates to the field of information processing technologies, and in particular, to an interface processing method and apparatus, a computer-readable storage medium, and a processor.
Background
In order to display continuous contents on a terminal, a single interface can be displayed in a single-column or multi-column streaming layout mode; generally, after the display of the data of the category is finished, in order to mine the potential needs of the user, and then slide downwards, recommended content with certain relevance to the upper main content is displayed at the bottom. Between the main content and the recommended content below, in order to let the user know that the main content is finished, when the recommended content is below, a reminding split block is often inserted between the main content and the recommended content, so that the whole interface is formed by splicing a multi-column streaming layout. However, if it is desired to flexibly support multiple regions and different column numbers of each partition, for example, flexibly insert one or more horizontal bars with the same width as the width of the screen between each region and each region on the interface, and flexibly insert horizontal bars with the same width as the width of the screen in a single region, the code needs to be rewritten for layout, which increases the amount of code. Because the interface layout structures are also similar, the code layout structure rewritten many times can generate a scheme with multiple versions, which results in complex data structure and difficult subsequent maintenance. Thus, poor flexibility in the interface streaming layout results.
Aiming at the problem of poor flexibility of interface streaming layout in the related art, an effective solution is not provided at present.
Disclosure of Invention
The present disclosure provides an interface processing method, device and system, so as to at least solve the problem of poor flexibility of interface streaming layout in the related art. The technical scheme of the disclosure is as follows:
according to a first aspect of the embodiments of the present disclosure, there is provided an interface processing method, including: acquiring data information of interface flow type layout; splitting the data information according to a preset splitting mode to obtain a plurality of node sets, wherein the node sets comprise composite nodes and/or leaf nodes, the composite nodes comprise a plurality of leaf nodes, and one leaf node represents a view; combining the node sets in the node sets to obtain a node set of a target structure; and carrying out view layout on the interface based on the node set of the target structure.
Further, combining the node sets in the plurality of node sets to obtain a node set of a target structure includes: and screening the plurality of node sets based on a service scene, and packaging the screened node sets to obtain a node set of a target structure corresponding to the service scene.
Further, before splitting the data information according to a preset splitting manner to obtain a plurality of node sets, the method further includes: configuring the number of areas of view layout, the number of columns of view arrangement and the number of horizontal bars with the same width as the interface in each layout area in the interface; and determining the preset splitting mode according to the number of the areas of the view layout in the interface, the number of the rows of the view arrangement and the number of the horizontal bars with the same width as the interface in each layout area.
Further, before splitting the data information according to a preset splitting manner to obtain a plurality of node sets, the method further includes: receiving a configuration instruction of a target object; extracting configuration information of the view in the interface from the configuration instruction; and determining the preset splitting mode according to the configuration information.
Further, the view layout of the interface based on the set of nodes of the target structure comprises: and performing data mapping in the interface based on the compound nodes and/or leaf nodes in the node set of the target structure so as to lay out the view in the interface.
Further, the target structure is a tree structure.
According to a second aspect of the embodiments of the present disclosure, there is provided an interface processing apparatus including: an acquisition unit configured to acquire data information for an interface streaming layout; the splitting unit is configured to split the data information according to a preset splitting mode to obtain a plurality of node sets, wherein each node set comprises a composite node and/or a leaf node, each composite node comprises a plurality of leaf nodes, and one leaf node represents one view; a combining unit configured to combine node sets in the plurality of node sets to obtain a node set of a target structure; a layout unit configured to perform view layout on the interface based on the set of nodes of the target structure.
Further, the combination unit includes: and the screening subunit is configured to screen the plurality of node sets based on a service scene, and package the screened node sets to obtain a node set of a target structure corresponding to the service scene.
Further, the apparatus further comprises: the configuration unit is configured to configure the number of areas of view layout, the number of columns of view arrangement, and the number of horizontal bars with the same width as the interface in each layout area before splitting the data information according to a preset splitting mode to obtain a plurality of node sets; the first determining unit is configured to determine the preset splitting mode according to the number of areas of view layout in the interface, the number of columns of view arrangement, and the number of horizontal bars with the same width as the interface in each layout area.
Further, the apparatus further comprises: the receiving unit is configured to receive a configuration instruction of a target object before splitting the data information according to a preset splitting mode to obtain a plurality of node sets; an extracting unit configured to extract configuration information of the view in the interface from the configuration instruction; and the second determining unit is configured to determine the preset splitting mode according to the configuration information.
Further, the layout unit is further configured to: a layout subunit configured to perform data mapping in the interface based on a composite node and/or a leaf node in the node set of the target structure to layout a view in the interface.
Further, the target structure is a tree structure.
According to a third aspect of embodiments of the present disclosure, there is provided a computer-readable storage medium, wherein instructions, when executed by a processor of an interface processing apparatus, enable the interface processing apparatus to perform the interface processing method according to any one of the above.
According to a fourth aspect of embodiments of the present disclosure, there is provided a computer program product comprising computer programs/instructions which, when executed by a processor, implement the interface processing method of any one of the above.
According to a fifth aspect of the embodiments of the present disclosure, there is provided a processor, configured to execute a program, where the program executes the interface processing method described in any one of the above.
The technical scheme provided by the embodiment of the disclosure at least brings the following beneficial effects:
the data information of the flow type layout is split to obtain a plurality of node sets including composite nodes and/or leaf nodes, then the node sets in the node sets are combined, the composite node sets with target structures after combination are adopted to carry out view layout on the interface, the flexible layout of the interface can be realized, and the flexibility of the flow type layout of the interface is improved.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the disclosure and are not to be construed as limiting the disclosure.
Fig. 1 is a block diagram of a hardware configuration of a computer terminal according to an embodiment of the present invention;
FIG. 2 is a flow diagram illustrating a method of interface processing in accordance with an exemplary embodiment;
FIG. 3 is a schematic diagram illustrating a compound node from a structural level in accordance with an illustrative embodiment;
FIG. 4 is a diagram illustrating a split-combined structure for a streaming layout from a view level, according to an exemplary embodiment;
FIG. 5 is a schematic diagram illustrating a tree structured compound node in accordance with an illustrative embodiment;
FIG. 6 is a block diagram illustrating an interface processing device according to an exemplary embodiment;
fig. 7 is a block diagram illustrating a structure of a terminal according to an exemplary embodiment.
Detailed Description
In order to make the technical solutions of the present disclosure better understood by those of ordinary skill in the art, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings.
It should be noted that the terms "first," "second," and the like in the description and claims of the present disclosure and in the above-described drawings are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used is interchangeable under appropriate circumstances such that the embodiments of the disclosure described herein are capable of operation in sequences other than those illustrated or otherwise described herein. The implementations described in the exemplary embodiments below are not intended to represent all implementations consistent with the present disclosure. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the present disclosure, as detailed in the appended claims.
The embodiment of the interface processing method provided by the first embodiment of the disclosure can be executed in a mobile terminal or a computer terminal. Fig. 1 is a block diagram illustrating a hardware configuration of a computer terminal (or mobile device) of an interface processing method according to an exemplary embodiment. As shown in fig. 1, the computer terminal 10 (or mobile device 10) may include one or more (shown as 102a, 102b, … …, 102 n) processors 102 (the processors 102 may include, but are not limited to, a processing device such as a microprocessor MCU or a programmable logic device FPGA, etc.), a memory 104 for storing data, and a transmission device for communication functions. Besides, the method can also comprise the following steps: a display, an input/output interface (I/O interface), a Universal Serial BUS (USB) port (which may be included as one of the ports of the BUS), a network interface, a power source, and/or a camera. It will be understood by those skilled in the art that the structure shown in fig. 1 is only an illustration and is not intended to limit the structure of the electronic device. For example, the computer terminal 10 may also include more or fewer components than shown in FIG. 1, or have a different configuration than shown in FIG. 1.
It should be noted that the one or more processors 102 and/or other data processing circuitry described above may be referred to generally herein as "data processing circuitry". The data processing circuitry may be embodied in whole or in part in software, hardware, firmware, or any combination thereof. Further, the data processing circuit may be a single stand-alone processing module, or incorporated in whole or in part into any of the other elements in the computer terminal 10 (or mobile device). As referred to in the disclosed embodiments, the data processing circuit acts as a processor control (e.g., selection of a variable resistance termination path connected to the interface).
The memory 104 may be used to store software programs and modules of application software, such as program instructions/data storage devices corresponding to the interface processing method in the embodiments of the present disclosure, and the processor 102 executes various functional applications and data processing by running the software programs and modules stored in the memory 104, so as to implement the above-mentioned interface processing method. The memory 104 may include high speed random access memory, and may also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some examples, the memory 104 may further include memory located remotely from the processor 102, which may be connected to the computer terminal 10 via a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The transmission device is used for receiving or transmitting data via a network. Specific examples of the network described above may include a wireless network provided by a communication provider of the computer terminal 10. In one example, the transmission device includes a Network adapter (NIC) that can be connected to other Network devices through a base station to communicate with the internet. In one example, the transmission device may be a Radio Frequency (RF) module, which is used for communicating with the internet in a wireless manner.
The display may be, for example, a touch screen type Liquid Crystal Display (LCD) that may enable a user to interact with a user interface of the computer terminal 10 (or mobile device).
It should be noted here that in some alternative embodiments, the computer device (or mobile device) shown in fig. 1 described above may include hardware elements (including circuitry), software elements (including computer code stored on a computer-readable medium), or a combination of both hardware and software elements. It should be noted that FIG. 1 is only one example of a particular specific example and is intended to illustrate the types of components that may be present in the computer device (or mobile device) described above.
Flow layout: the layout refers to a layout of a mobile terminal interface, a single column or multiple columns of a webpage and capable of continuously sliding upwards.
Leaf node: refers to the smallest layout unit on the UI set view-each unit view, head view, root view.
Compounding nodes: the node is a nested node formed by combining single or a plurality of leaf nodes and single or a plurality of composite nodes.
Fig. 2 is a flow chart illustrating a method of interface processing according to an exemplary embodiment, as shown in fig. 2, including the following steps.
Step S201, data information for the interface streaming layout is acquired.
The data information about the interface flow layout is issued by the server, and the data information about the interface flow layout issued by the server is acquired from the client. In addition, data information of different interface flow layouts corresponding to different business requirements can be stored in the server.
Step S202, splitting the data information according to a preset splitting mode to obtain a plurality of node sets, wherein the node sets comprise composite nodes and/or leaf nodes, the composite nodes comprise a plurality of leaf nodes, and one leaf node represents one view.
In the above scheme, the node set may include only leaf nodes, or include only composite nodes, or include composite nodes and leaf nodes. When the node set only includes leaf nodes, that is, the node set includes one or more of the following minimum layout units: cell view, head view, root view. The composite nodes are nodes in a nested form, and the nodes can be formed by single or multiple leaf nodes and single or multiple composite nodes. It should be noted that the leaf nodes in the node set and the leaf nodes of the compound node may adopt the same leaf node or different leaf nodes. And is not particularly limited in this application.
In order to accurately determine a splitting manner for splitting the data information, optionally, in the interface processing method provided in the present application, before splitting the data information according to a preset splitting manner to obtain a plurality of node sets, the method further includes: configuring the number of areas of view layout in the interface, the number of columns of view arrangement and the number of horizontal bars with the same width as the interface in each layout area; and determining a preset splitting mode according to the number of the areas of the view layout in the interface, the number of the rows of the view arrangement and the number of the horizontal bars with the same width as the interface in each layout area.
In the scheme, the number of areas of view layout in the interface, the number of columns of view arrangement and the number of horizontal bars with the same width as the interface in each layout area are firstly configured, and the data information splitting mode is determined based on the configured information, so that the accuracy of splitting the data information based on the determined splitting mode is ensured.
The present application further provides a splitting method for determining to split data information, and specifically, before splitting data information according to a preset splitting method to obtain a plurality of node sets, the method further includes: receiving a configuration instruction of a target object; extracting configuration information of the view in the interface from the configuration instruction; and determining a preset splitting mode according to the configuration information.
In the above scheme, the configuration information of the view in the interface is extracted from the configuration instruction by responding to the configuration instruction of the user, and the preset splitting mode is determined according to the configuration information, that is, manual configuration of the user is supported, and the mode of splitting the data information is determined based on the information of the manual configuration.
Step S203, combining the node sets in the plurality of node sets to obtain a node set of the target structure.
The above combining the node sets in the plurality of node sets means: some or all of the node sets in the plurality of node sets may be used for the combination. After the node sets are combined, a larger node set with a structural relationship is formed. In order to improve flexibility of the interface stream-wise layout, optionally, in the interface processing method provided in the present application, combining node sets in the multiple node sets to obtain a node set of the target structure includes: and screening the plurality of node sets based on the service scene, and packaging the screened node sets to obtain a node set of a target structure corresponding to the service scene.
For example, the obtained node sets are 5, 3 node sets are screened out from the 5 node sets according to the requirements of the service scene, then the screened 3 node sets are packaged to obtain a node set of a target structure, and the split node sets are flexibly screened according to the requirements of the service scene through the scheme, so that the flexibility of interface flow type layout is further improved.
And step S204, carrying out view layout on the interface based on the node set of the target structure.
Through the steps S201 to S203, the data information of the flow type layout is split to obtain a plurality of node sets including the composite nodes and/or the leaf nodes, then the node sets in the node sets are combined, the combined composite node set is used for carrying out view layout on the interface, the problem that codes need to be rewritten to carry out layout when the interface needs to be laid out in the prior art is avoided, the code amount is increased, through the scheme, the flexible layout of the interface can be achieved, and therefore the flexibility of the flow type layout of the interface is improved.
As shown in fig. 3, a plurality of compound nodes are shown from the structural level to form a large compound node (corresponding to the above-mentioned node set). Because the composite nodes can be nested, the streaming layout data provided by the application can form a tree structure in which the composite nodes are nested into the composite nodes or leaf nodes after being split and combined. And then mapping the tree structure into corresponding multiple zones, wherein each zone defines the number of columns by self, each zone can be inserted with a multi-horizontal-bar stream type layout view, and the tree structure can be set as required, so that the interface processing method provided by the application can expand various complex layout structures. As shown in fig. 4, a split-combined structure of a streaming layout is shown from a view level, where a plurality of leaf nodes form a compound node, and a plurality of compound nodes and a plurality of leaf nodes form a larger compound node (corresponding to the node set of the target structure).
Optionally, in the interface processing method provided by the present application, the performing view layout on the interface based on the node set of the target structure includes: and performing data mapping in the interface based on the compound nodes and/or leaf nodes in the node set of the target structure so as to lay out the view in the interface.
In the scheme, data mapping is carried out in the interface based on the composite nodes and/or leaf nodes in the node set of the target structure, the mapped data are displayed on the interface, and rendering of the view on the interface is realized, so that the layout of the view on the interface is realized, and the accuracy and flexibility of the layout of the interface view are ensured.
The target structure in the exemplary embodiment of the present application may be a tree structure, and the node sets in the multiple node sets are combined to obtain a composite node set of the tree structure, as shown in fig. 5, the target structure is selected as the tree structure, so that the accuracy of arrangement of the combined composite node set is ensured.
To sum up, the interface processing method provided in the embodiment of the present application obtains a plurality of node sets including composite nodes and/or leaf nodes by splitting data information of a streaming layout, then combines the node sets in the plurality of node sets, and performs view layout on an interface by using the composite node set having a target structure after combination, thereby solving the problem of poor flexibility of the streaming layout of the interface in the related art, and being capable of realizing flexible layout of the interface, thereby improving the flexibility of the streaming layout of the interface.
It should be noted that the steps illustrated in the flowcharts of the figures may be performed in a computer system such as a set of computer-executable instructions and that, although a logical order is illustrated in the flowcharts, in some cases, the steps illustrated or described may be performed in an order different than presented herein.
It should be noted that the user information (including but not limited to user device information, user personal information, etc.) referred to in the present disclosure is information authorized by the user or sufficiently authorized by each party.
The embodiment of the present application further provides an interface processing apparatus, and it should be noted that the interface processing apparatus according to the embodiment of the present application may be used to execute the interface processing method according to the embodiment of the present application. The following describes an interface processing apparatus provided in an embodiment of the present application.
Fig. 6 is a block diagram illustrating an interface processing device according to an example embodiment. Referring to fig. 6, the apparatus includes: an acquisition unit 601, a splitting unit 602, a combining unit 603 and a layout unit 604.
Specifically, an acquisition unit 601 configured to acquire data information for an interface streaming layout; the splitting unit 602 is configured to split the data information according to a preset splitting manner to obtain a plurality of node sets, where a node set includes a composite node and/or a leaf node, the composite node includes a plurality of leaf nodes, and one leaf node represents one view; a combining unit 603 configured to combine node sets in the plurality of node sets to obtain a node set of a target structure; a layout unit 604 configured to perform view layout on the interface based on the set of nodes of the target structure.
The interface processing apparatus provided by the embodiment of the application is configured to acquire data information about an interface streaming layout through the acquisition unit 601; the splitting unit 602 is configured to split the data information according to a preset splitting manner to obtain a plurality of node sets, where a node set includes a composite node and/or a leaf node, the composite node includes a plurality of leaf nodes, and one leaf node represents one view; the combining unit 603 is configured to encapsulate the plurality of node sets, resulting in a node set of the target structure; the layout unit 604 is configured to perform view layout on the interface based on the node set of the target structure, so as to solve the problem of poor flexibility of interface streaming layout in the related art, and realize flexible layout on the interface, thereby improving the flexibility of interface streaming layout.
Optionally, in the interface processing apparatus provided in this embodiment of the present application, the combining unit 603 includes: and the screening subunit is configured to screen the plurality of node sets based on the service scene, and package the screened node sets to obtain a node set of a target structure corresponding to the service scene.
Optionally, in the interface processing apparatus provided in the embodiment of the present application, the apparatus further includes: the configuration unit is configured to configure the number of areas of view layout, the number of columns of view arrangement and the number of horizontal bars with the same width as the interface in each layout area before splitting the data information according to a preset splitting mode to obtain a plurality of node sets; the first determining unit is configured to determine the preset splitting mode according to the number of areas of view layout in the interface, the number of columns of view arrangement, and the number of horizontal bars with the same width as the interface in each layout area.
Optionally, in the interface processing apparatus provided in the embodiment of the present application, the apparatus further includes: the receiving unit is configured to receive a configuration instruction of a target object before splitting the data information according to a preset splitting mode to obtain a plurality of node sets; an extracting unit configured to extract configuration information of the view in the interface from the configuration instruction; and the second determining unit is configured to determine the preset splitting mode according to the configuration information.
Optionally, in the interface processing apparatus provided in the embodiment of the present application, the layout unit 604 is further configured to: a layout subunit configured to perform data mapping in the interface based on a composite node and/or a leaf node in the node set of the target structure to layout a view in the interface.
Optionally, in the interface processing apparatus provided in the embodiment of the present application, the target structure is a tree structure.
With regard to the apparatus in the above-described embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated here.
With regard to the apparatus in the above-described embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated here.
In an exemplary embodiment, there is also provided a computer program product comprising computer programs/instructions, optionally when executed by a processor, for performing the interface processing method as described above.
In an exemplary embodiment, a processor is further provided, where the processor is configured to execute a program, where the program executes the interface processing method described above.
In an exemplary embodiment, a computer-readable storage medium, such as a memory, including instructions executable by a processor of an apparatus to perform the interface processing method is also provided. Alternatively, the storage medium may be a non-transitory computer readable storage medium, for example, the non-transitory computer readable storage medium may be a ROM, a Random Access Memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.
Embodiments of the present disclosure may provide a terminal, which may be any one computer terminal device in a computer terminal group. Optionally, in this embodiment, the terminal may also be a terminal device such as a mobile terminal.
Optionally, in this embodiment, the terminal may be located in at least one network device of a plurality of network devices of a computer network.
Alternatively, fig. 7 is a block diagram illustrating a structure of a terminal according to an exemplary embodiment. As shown in fig. 7, the terminal may include: one or more processors 121 (only one shown in FIG. 7), a memory 122 for storing processor-executable instructions; wherein the processor is configured to execute the instructions to implement any one of the interface processing methods described above.
The memory may be configured to store software programs and modules, such as program instructions/modules corresponding to the interface processing method and apparatus in the embodiments of the disclosure, and the processor executes various functional applications and data processing by running the software programs and modules stored in the memory, so as to implement the interface processing method. The memory may include high speed random access memory, and may also include non-volatile memory, such as one or more magnetic storage devices, flash memory, or other non-volatile solid-state memory. In some examples, the memory may further include memory located remotely from the processor, and these remote memories may be connected to the computer terminal through a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
It can be understood by those skilled in the art that the structure shown in fig. 7 is only an illustration, and the computer terminal may also be a terminal device such as a smart phone (e.g., an Android phone, an iOS phone, etc.), a tablet computer, a palmtop computer, a Mobile Internet Device (MID), a PAD, and the like. Fig. 7 is a diagram illustrating a structure of the electronic device. For example, the terminal may also include more or fewer components (e.g., network interfaces, display devices, etc.) than shown in FIG. 7, or have a different configuration than shown in FIG. 7.
Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.
It will be understood that the present disclosure is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.
Claims (10)
1. An interface processing method, comprising:
acquiring data information of interface flow type layout;
splitting the data information according to a preset splitting mode to obtain a plurality of node sets, wherein the node sets comprise composite nodes and/or leaf nodes, the composite nodes comprise a plurality of leaf nodes, and one leaf node represents a view;
combining the node sets in the node sets to obtain a node set of a target structure;
and carrying out view layout on the interface based on the node set of the target structure.
2. The method of claim 1, wherein combining the set of nodes from the plurality of sets of nodes to obtain the set of nodes for the target structure comprises:
and screening the plurality of node sets based on a service scene, and packaging the screened node sets to obtain a node set of a target structure corresponding to the service scene.
3. The method according to claim 1, wherein before splitting the data information according to a preset splitting manner to obtain a plurality of node sets, the method further comprises:
configuring the number of areas of view layout, the number of columns of view arrangement and the number of horizontal bars with the same width as the interface in each layout area in the interface;
and determining the preset splitting mode according to the number of the areas of the view layout in the interface, the number of the rows of the view arrangement and the number of the horizontal bars with the same width as the interface in each layout area.
4. The method according to claim 1, wherein before splitting the data information according to a preset splitting manner to obtain a plurality of node sets, the method further comprises:
receiving a configuration instruction of a target object;
extracting configuration information of the view in the interface from the configuration instruction;
and determining the preset splitting mode according to the configuration information.
5. The method of claim 3, wherein the view laying out the interface based on the set of nodes of the target structure comprises:
and performing data mapping in the interface based on the compound nodes and/or leaf nodes in the node set of the target structure so as to lay out the view in the interface.
6. An interface processing apparatus, comprising:
an acquisition unit configured to acquire data information for an interface streaming layout;
the splitting unit is configured to split the data information according to a preset splitting mode to obtain a plurality of node sets, wherein each node set comprises a composite node and/or a leaf node, each composite node comprises a plurality of leaf nodes, and one leaf node represents one view;
a combining unit configured to combine node sets in the plurality of node sets to obtain a node set of a target structure;
a layout unit configured to perform view layout on the interface based on the set of nodes of the target structure.
7. The apparatus of claim 6, wherein the combining unit comprises:
and the screening subunit is configured to screen the plurality of node sets based on a service scene, and package the screened node sets to obtain a node set of a target structure corresponding to the service scene.
8. A computer-readable storage medium in which instructions, when executed by a processor of an interface processing apparatus, enable the interface processing apparatus to perform the interface processing method according to any one of claims 1 to 5.
9. A computer program product comprising computer programs/instructions, characterized in that the computer programs/instructions, when executed by a processor, implement the interface processing method of any of claims 1 to 5.
10. A processor, configured to execute a program, wherein the program executes the interface processing method according to any one of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110595256.1A CN113342337A (en) | 2021-05-28 | 2021-05-28 | Interface processing method and device, computer readable storage medium and processor |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110595256.1A CN113342337A (en) | 2021-05-28 | 2021-05-28 | Interface processing method and device, computer readable storage medium and processor |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN113342337A true CN113342337A (en) | 2021-09-03 |
Family
ID=77472540
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110595256.1A Pending CN113342337A (en) | 2021-05-28 | 2021-05-28 | Interface processing method and device, computer readable storage medium and processor |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113342337A (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106648666A (en) * | 2016-12-23 | 2017-05-10 | 深圳市金证科技股份有限公司 | User interface generating method and user interface generating system |
| CN107015721A (en) * | 2016-10-20 | 2017-08-04 | 阿里巴巴集团控股有限公司 | The management method and device of a kind of application interface |
| CN107704243A (en) * | 2017-10-19 | 2018-02-16 | 用友网络科技股份有限公司 | Construction method and device, the computer equipment and storage medium of front-end interface |
| CN109240688A (en) * | 2018-08-13 | 2019-01-18 | 重庆金融资产交易所有限责任公司 | Interface development method, electronic device and readable storage medium storing program for executing |
| CN110442341A (en) * | 2019-07-23 | 2019-11-12 | 平安国际智慧城市科技股份有限公司 | Interface configuration method, device and the terminal device of application program |
| CN112689187A (en) * | 2020-12-17 | 2021-04-20 | 北京达佳互联信息技术有限公司 | Video processing method and device, electronic equipment and storage medium |
-
2021
- 2021-05-28 CN CN202110595256.1A patent/CN113342337A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107015721A (en) * | 2016-10-20 | 2017-08-04 | 阿里巴巴集团控股有限公司 | The management method and device of a kind of application interface |
| CN106648666A (en) * | 2016-12-23 | 2017-05-10 | 深圳市金证科技股份有限公司 | User interface generating method and user interface generating system |
| CN107704243A (en) * | 2017-10-19 | 2018-02-16 | 用友网络科技股份有限公司 | Construction method and device, the computer equipment and storage medium of front-end interface |
| CN109240688A (en) * | 2018-08-13 | 2019-01-18 | 重庆金融资产交易所有限责任公司 | Interface development method, electronic device and readable storage medium storing program for executing |
| CN110442341A (en) * | 2019-07-23 | 2019-11-12 | 平安国际智慧城市科技股份有限公司 | Interface configuration method, device and the terminal device of application program |
| CN112689187A (en) * | 2020-12-17 | 2021-04-20 | 北京达佳互联信息技术有限公司 | Video processing method and device, electronic equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110110174B (en) | Data visualization page generation, monitoring and display method, browser and server | |
| CN111104635B (en) | Method and device for generating form webpage | |
| CN109145034B (en) | Resource presentation method and device and computer terminal | |
| CN104731585A (en) | Display method and device of vote page | |
| CN105354025A (en) | Service model configuration system and method based on mobile application | |
| EP3328041A1 (en) | Clothes matching recommendation method and smart terminal | |
| CN110895481A (en) | Rendering method, device and system of desktop application | |
| CN115526160A (en) | Rich text processing method, device and equipment and storage medium | |
| KR20190017395A (en) | Method for providing data management service having automatic cell merging function and providing service server for performing the same | |
| CN113722345A (en) | Method and device for displaying mapping relation, electronic equipment and storage medium | |
| CN104331407A (en) | Multimedia file information recommending method and multimedia file information recommending device | |
| CN105468747A (en) | Recommendation information display method and device | |
| CN113342337A (en) | Interface processing method and device, computer readable storage medium and processor | |
| CN109309858B (en) | Display method, device, equipment and medium of mutually exclusive icon | |
| CN112689187A (en) | Video processing method and device, electronic equipment and storage medium | |
| CN108834064B (en) | Site matching method and device based on electronic fence map | |
| CN106648709A (en) | Method and system for analyzing promotion revenue data of preinstalled applications of smart terminals | |
| CN108647069B (en) | Interface display method and device, storage medium and electronic device | |
| CN110647371A (en) | Multi-language resource file analysis method and system based on service configuration | |
| WO2018214684A1 (en) | Method and device for loading page data, electronic apparatus, and computer readable storage medium | |
| CN108829840B (en) | Electronic fence map construction method and device | |
| CN111967702A (en) | Data processing method and system | |
| CN113434228A (en) | Page request method and device, storage medium and electronic device | |
| CN112948323A (en) | Memory mapping processing method and device and FPGA chip | |
| CN113835806A (en) | Page layout method and device, electronic 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 |