Interface layout adjustment method and device, equipment and storage medium

Abstract

The invention relates to the technical field of internet, and discloses an interface layout adjustment method, device and equipment and a storage medium, the method comprises the following steps: when a client receives interface layout information sent by a server, the interface layout information is transparently transmitted to a page front end, performing layout adjustment on the page front end based on the interface layout information, and feeding back the page to be displayed after layout adjustment; receiving a to-be-displayed page fed back by the page front end; and rendering the page to be displayed so as to generate the interface to be displayed of the client side, so that the processes of development, version issuing and version coverage of the client side are not needed; according to the technical scheme, the client can realize dynamic layout adjustment of the live broadcast room interface only by further rendering the to-be-displayed page which is fed back by the page front end and is generated based on the interface layout information, so that the adjustment efficiency of the interface layout is improved, the development efficiency of developing the network live broadcast room is also improved, and the development cost is reduced.

Description

Technical Field

[0001] The present invention relates to the field of Internet technology, and in particular to an interface layout adjustment method, device, equipment and storage medium. Background Art

[0002] With the development of Internet technology, more and more users choose to watch online live broadcasts as a form of entertainment in their spare time. Correspondingly, users have higher and higher requirements for the interface of the live broadcast room. When developing online live broadcast rooms, the existing technology will set up multiple live broadcast rooms according to different layout styles. However, each live broadcast room must be developed and released through the client to achieve the layout adjustment of the live broadcast room interface, which consumes unnecessary development resources and time costs and also affects development efficiency. In addition, the display interface of the live broadcast room is relatively simple and cannot be dynamically adjusted according to actual needs. That is, the same live broadcast room cannot achieve dynamic switching between multiple layout styles, which affects the user experience when watching live broadcasts. Therefore, how to achieve dynamic layout adjustment of the live broadcast room interface to improve the adjustment efficiency of the live broadcast room interface layout and the development efficiency during the live broadcast room development, and reduce development costs has become a problem that needs to be solved urgently.

[0003] The above content is only used to assist in understanding the technical solution of the present invention and does not constitute an admission that the above content is prior art. Summary of the Invention

[0004] The main purpose of the present invention is to provide an interface layout adjustment method, device, equipment and storage medium, aiming to solve the technical problem of how to realize dynamic layout adjustment of the live broadcast room interface, so as to improve the adjustment efficiency of the live broadcast room interface layout and the development efficiency during the live broadcast room development, and reduce development costs.

[0005] To achieve the above object, the present invention provides an interface layout adjustment method, which includes the following steps:

[0006] When the client receives the interface layout information sent by the server, the interface layout information is transparently transmitted to the page front end, so that the page front end adjusts the layout based on the interface layout information and feeds back the page to be displayed after the layout adjustment;

[0007] Receive the page to be displayed from the front-end feedback of the page;

[0008] The page to be displayed is rendered to generate an interface to be displayed on the client.

[0009] Optionally, before the step of transparently transmitting the interface layout information to the page front end when the client receives the interface layout information sent by the server, so that the page front end performs layout adjustment based on the interface layout information, and feeding back the page to be displayed after the layout adjustment, the method further includes:

[0010] Detect whether the preset driving instruction is received;

[0011] Upon receiving the preset driving instruction, determining the instruction type of the preset driving instruction;

[0012] When the instruction type is a page front-end driving instruction, it is detected whether the interface layout information sent by the server is received.

[0013] Optionally, after the step of determining the type of the preset driving instruction upon receiving the preset driving instruction, the method further includes:

[0014] When the instruction type is a server-side parallel drive instruction, receiving preliminary interface layout information sent by the server;

[0015] Transmitting the primary interface layout information to the page front end, so that the page front end performs primary layout adjustment based on the primary interface layout information, and feeds back the primary page to be displayed after the primary layout adjustment;

[0016] Accordingly, when the client receives the interface layout information sent by the server, the client transmits the interface layout information to the page front end, so that the page front end adjusts the layout based on the interface layout information and feeds back the page to be displayed after the layout adjustment, which specifically includes:

[0017] When the client receives the interface layout information sent by the server, the interface layout information is transmitted to the page front end, so that the page front end adjusts the layout of the preliminary page to be displayed based on the interface layout information, and feeds back the page to be displayed after the layout adjustment.

[0018] Optionally, after the step of transparently transmitting the preliminary interface layout information to the page front end so that the page front end performs preliminary layout adjustment based on the preliminary interface layout information and feeds back the preliminary page to be displayed after the preliminary layout adjustment, the method further includes:

[0019] Receive the preliminary page to be displayed based on the front-end feedback of the page;

[0020] Rendering the preliminary page to be displayed to generate a preliminary interface to be displayed on the client;

[0021] Accordingly, the step of rendering the page to be displayed to generate the interface to be displayed on the client specifically includes:

[0022] The page to be displayed is rendered to generate the client's interface to be displayed based on the preliminary interface to be displayed.

[0023] Optionally, before the step of rendering the page to be displayed to generate the interface to be displayed on the client, the step further includes:

[0024] Determine whether the interface layout information carries a rendering permission identifier;

[0025] When the interface layout information carries the rendering permission identifier, performing the step of rendering the page to be displayed to generate the interface to be displayed of the client;

[0026] Accordingly, before the step of rendering the preliminary page to be displayed to generate the preliminary interface to be displayed on the client, the step further includes:

[0027] Determining whether the primary interface layout information carries the rendering permission identifier;

[0028] When the preliminary interface layout information carries the rendering permission identifier, the step of rendering the preliminary page to be displayed is performed to generate the preliminary interface to be displayed of the client.

[0029] Optionally, when the client receives the interface layout information sent by the server, the step of transparently transmitting the interface layout information to the page front end so that the page front end performs layout adjustment based on the interface layout information and feeds back the page to be displayed after the layout adjustment specifically includes:

[0030] When the client receives the interface layout information sent by the server through the synchronous interface or message mechanism, the interface layout information is transparently transmitted to the page front end, so that the page front end adjusts the layout based on the interface layout information and feeds back the page to be displayed after the layout adjustment;

[0031] Accordingly, when the instruction type is a server-side parallel drive instruction, the step of receiving the preliminary interface layout information sent by the server specifically includes:

[0032] When the instruction type is a server-side parallel drive instruction, the primary interface layout information sent by the server through the synchronous interface or the message mechanism is received.

[0033] Optionally, the step of receiving the preliminary page to be displayed as fed back by the page front end specifically includes:

[0034] Receive the preliminary page to be displayed fed back by the front end of the page through the JS interface;

[0035] Accordingly, the step of receiving the preliminary page to be displayed as fed back by the page front end specifically includes:

[0036] Receive the preliminary page to be displayed fed back by the page front end through the JS interface.

[0037] Optionally, when the client receives the interface layout information sent by the server, the step of transparently transmitting the interface layout information to the page front end so that the page front end performs layout adjustment based on the interface layout information and feeds back the page to be displayed after the layout adjustment specifically includes:

[0038] When the client receives the interface layout information sent by the server, it obtains the current page at the front end of the page;

[0039] The interface layout information is transparently transmitted to the page front end, so that the page front end adjusts the layout of the current page based on the interface layout information and feeds back the page to be displayed after the layout adjustment.

[0040] Optionally, the step of rendering the page to be displayed to generate the interface to be displayed on the client specifically includes:

[0041] Obtaining interface display parameters of the client;

[0042] The page to be displayed is rendered according to the interface display parameters to generate an interface to be displayed on the client.

[0043] Optionally, before the step of transparently transmitting the interface layout information to the page front end when the client receives the interface layout information sent by the server, so that the page front end performs layout adjustment based on the interface layout information, and feeding back the page to be displayed after the layout adjustment, the method further includes:

[0044] Check whether the server and page front-end have preset drawing permissions;

[0045] When both the server and the page front end have preset drawing permissions, it is detected whether the interface layout information sent by the server is received.

[0046] Optionally, when the client receives the interface layout information sent by the server, the step of transparently transmitting the interface layout information to the page front end so that the page front end performs layout adjustment based on the interface layout information and feeds back the page to be displayed after the layout adjustment specifically includes:

[0047] When the client receives the interface layout information sent by the server, the interface layout information is transparently transmitted to the front end of the page, and the corresponding target basic control is obtained from the preset control set according to the interface layout information;

[0048] According to the interface layout information and the target basic control, a corresponding target layout template is obtained from a preset layout set, so that the page front end performs layout adjustment based on the target layout template and feeds back the page to be displayed after the layout adjustment.

[0049] Optionally, when the client receives the interface layout information sent by the server, the step of transparently transmitting the interface layout information to the page front end and obtaining the corresponding target basic control in the preset control set according to the interface layout information specifically includes:

[0050] When the client receives the interface layout information sent by the server, the interface layout information is transparently transmitted to the front end of the page, and the corresponding primary target basic control is matched in the preset control set according to the interface layout information;

[0051] When the matching fails, the interface layout information is input into a control generation model generated based on the preset control set;

[0052] A target basic control is generated based on the control generation model, and the target basic control is added to the preset control set.

[0053] Optionally, the step of obtaining a corresponding target layout template from a preset layout set according to the interface layout information and the target basic control, so that the page front end performs layout adjustment based on the target layout template, and feeding back the page to be displayed after the layout adjustment, specifically includes:

[0054] Matching a corresponding primary target layout template in a preset layout set according to the interface layout information and the target basic control;

[0055] When the matching fails, obtaining the identification information and layout level of the target basic control;

[0056] A target layout template is generated according to the interface layout information, the identification information and the layout level, so that the page front end performs layout adjustment based on the target layout template, feeds back the page to be displayed after the layout adjustment, and adds the target layout template to the preset layout set.

[0057] In addition, to achieve the above-mentioned purpose, the present invention further provides an interface layout adjustment device, the interface layout adjustment device comprising:

[0058] The layout adjustment module is used to transmit the interface layout information sent by the server to the front end of the page when the client receives the interface layout information, so that the front end of the page can adjust the layout based on the interface layout information and feedback the page to be displayed after the layout adjustment;

[0059] A feedback receiving module, configured to receive the page to be displayed from the front-end feedback of the page;

[0060] The interface rendering module is used to render the page to be displayed to generate the interface to be displayed on the client.

[0061] The layout adjustment module is further configured to detect whether a preset driving instruction has been received;

[0062] The layout adjustment module is further configured to determine the type of the preset driving instruction upon receiving the preset driving instruction;

[0063] The layout adjustment module is further configured to detect whether the interface layout information sent by the server is received when the instruction type is a page front-end driving instruction.

[0064] The layout adjustment module is further configured to receive preliminary interface layout information sent by the server when the instruction type is a server-side parallel drive instruction;

[0065] The layout adjustment module is further configured to transparently transmit the primary interface layout information to the page front end, so that the page front end performs a primary layout adjustment based on the primary interface layout information, and feeds back the primary page to be displayed after the primary layout adjustment;

[0066] The layout adjustment module is also used to transmit the interface layout information sent by the server to the page front end when the client receives the interface layout information, so that the page front end can adjust the layout of the preliminary page to be displayed based on the interface layout information, and feedback the page to be displayed after the layout adjustment.

[0067] The feedback receiving module is further configured to receive the preliminary page to be displayed from the front-end feedback of the page;

[0068] The interface rendering module is further configured to render the primary page to be displayed to generate a primary interface to be displayed on the client;

[0069] The interface rendering module is further configured to render the page to be displayed, so as to generate the interface to be displayed of the client based on the preliminary interface to be displayed.

[0070] The interface rendering module is further configured to determine whether the interface layout information carries a rendering permission identifier;

[0071] The interface rendering module is further configured to, when the interface layout information carries the rendering permission identifier, execute the operation of rendering the page to be displayed to generate the interface to be displayed of the client;

[0072] The interface rendering module is further configured to determine whether the primary interface layout information carries the rendering permission identifier;

[0073] The interface rendering module is further configured to, when the preliminary interface layout information carries the rendering permission identifier, execute the operation of rendering the preliminary page to be displayed to generate the preliminary interface to be displayed of the client.

[0074] In addition, to achieve the above-mentioned purpose, the present invention also proposes an interface layout adjustment device, which includes: a memory, a processor, and an interface layout adjustment program stored in the memory and runnable on the processor, and the interface layout adjustment program is configured to implement the steps of the interface layout adjustment method described above.

[0075] In addition, to achieve the above-mentioned purpose, the present invention further proposes a storage medium, on which an interface layout adjustment program is stored. When the interface layout adjustment program is executed by a processor, the steps of the interface layout adjustment method described above are implemented.

[0076] When the client receives the interface layout information sent by the server, the present invention transmits the interface layout information to the page front end, so that the page front end adjusts the layout based on the interface layout information, and feeds back the page to be displayed after the layout adjustment, receives the page to be displayed fed back by the page front end, and renders the page to be displayed to generate the interface to be displayed of the client. Since there is no need to go through the process of client development, version release and version coverage, the client only needs to further render the page to be displayed generated based on the interface layout information fed back by the page front end to achieve dynamic layout adjustment of the live broadcast room interface, thereby improving the adjustment efficiency of the interface layout, and also improving the development efficiency when developing a network live broadcast room, reducing development costs. BRIEF DESCRIPTION OF THE DRAWINGS

[0077] Figure 1 It is a structural diagram of an interface layout adjustment device for a hardware operating environment involved in an embodiment of the present invention;

[0078] Figure 2 This is a flow chart of a first embodiment of the interface layout adjustment method of the present invention;

[0079] Figure 3 This is a three-terminal interaction diagram of the first embodiment of the interface layout adjustment method of the present invention;

[0080] Figure 4 This is a signaling interaction diagram of the first embodiment of the interface layout adjustment method of the present invention;

[0081] Figure 5 This is a flow chart of a second embodiment of the interface layout adjustment method of the present invention;

[0082] Figure 6 This is a flow chart of a third embodiment of the interface layout adjustment method of the present invention;

[0083] Figure 7 This is a structural block diagram of the first embodiment of the interface layout adjustment device of the present invention.

[0084] The purpose, features and advantages of the present invention will be further described with reference to the accompanying drawings and in conjunction with the embodiments. DETAILED DESCRIPTION

[0085] It should be understood that the specific embodiments described herein are only used to explain the present invention and are not intended to limit the present invention.

[0086] Reference Figure 1 , Figure 1 This is a schematic diagram of the structure of the device for adjusting the interface layout of the hardware operating environment involved in the embodiment of the present invention.

[0087] like Figure 1 As shown, the interface layout adjustment device may include: a processor 1001, such as a central processing unit (CPU), a communication bus 1002, a user interface 1003, a network interface 1004, and a memory 1005. Among them, the communication bus 1002 is used to realize the connection and communication between these components. The user interface 1003 may include a display screen (Display), an input unit such as a keyboard (Keyboard), and the user interface 1003 may optionally include a standard wired interface and a wireless interface. The network interface 1004 may optionally include a standard wired interface and a wireless interface (such as a wireless fidelity (WIreless-FIdelity, WI-FI) interface). The memory 1005 may be a high-speed random access memory (Random Access Memory, RAM) memory, or a stable non-volatile memory (Non-Volatile Memory, NVM), such as a disk memory. The memory 1005 may also be a storage device independent of the aforementioned processor 1001.

[0088] Those skilled in the art will understand that Figure 1 The structure shown in does not constitute a limitation on the interface layout adjustment device, and may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently.

[0089] like Figure 1 As shown, the memory 1005 as a storage medium may include an operating system, a data storage module, a network communication module, a user interface module, and an interface layout adjustment program.

[0090] exist Figure 1In the interface layout adjustment device shown, the network interface 1004 is mainly used for data communication with the network server; the user interface 1003 is mainly used for data interaction with the user; the processor 1001 and the memory 1005 in the interface layout adjustment device of the present invention can be set in the interface layout adjustment device, and the interface layout adjustment device calls the interface layout adjustment program stored in the memory 1005 through the processor 1001, and executes the interface layout adjustment method provided by the embodiment of the present invention.

[0091] The embodiment of the present invention provides an interface layout adjustment method, referring to Figure 2 , Figure 2 2 is a flow chart of the first embodiment of the interface layout adjustment method of the present invention.

[0092] In this embodiment, the interface layout adjustment method includes the following steps:

[0093] Step S10: When the client receives the interface layout information sent by the server, the client transparently transmits the interface layout information to the page front end, so that the page front end performs layout adjustment based on the interface layout information and feeds back the page to be displayed after the layout adjustment;

[0094] It is easy to understand that the executing entity of this embodiment is the client, and the page front end described in this embodiment can be a front end based on HTML5 (Hyper Text Markup Language 5.0). The server serves the client, and the service content includes providing resources to the client (such as interface layout information), saving client data, etc. The client, or user end, refers to a workstation corresponding to the server that provides local services to customers. It can be placed on a smart phone, tablet computer, computer, etc. that can accept the control and management of the network server and share various resources on the network.

[0095] When implementing multi-terminal driven client for layout rendering, the layout adjustment can be made by driving the client through the server, or by driving the client through the page front end, or by combining the server and the page front end to drive the client for layout adjustment. When the page front end drives the client for layout adjustment, the client receives the interface layout information sent by the server, and transmits the interface layout information to the page front end, so that the page front end makes layout adjustments based on the interface layout information, and feeds back the page to be displayed after layout adjustment, and ensures lossless transmission of page layout information by transmitting the interface layout information to the page front end; when driving the client for layout adjustment through the server, the specific implementation method of the corresponding steps is similar to the above, and this embodiment will not be repeated here; when driving the client for layout adjustment through the server and the page front end, this embodiment uses the server to drive the client for layout adjustment first, and then Taking the example of the page front end making further adjustments based on the layout adjustment results of the server, when the client receives the preliminary interface layout information sent by the server, the preliminary interface layout information is transmitted to the page front end, so that the page front end makes preliminary layout adjustments based on the preliminary interface layout information, and feeds back the preliminary page to be displayed after the preliminary layout adjustment. Accordingly, the above steps of this implementation may be: when the client receives the interface layout information sent by the server, the interface layout information is transmitted to the page front end, so that the page front end makes layout adjustments to the preliminary page to be displayed based on the interface layout information, and feeds back the page to be displayed after the layout adjustment. By driving the client to make layout adjustments through the server and the page front end to achieve multi-terminal dynamic adjustment of the page to be displayed, the efficiency of adjusting the page to be displayed when developing the live broadcast room is improved. After the client renders the page to be displayed to obtain the interface to be displayed, the development efficiency of the live broadcast room can be further improved.

[0096] refer to Figure 3 , Figure 3This is a three-end interactive relationship diagram of the first embodiment of the interface layout adjustment method of the present invention. In a specific implementation, when the page front end drives the client to adjust the layout, the client receives the interface layout information sent by the server through the synchronous interface or message mechanism, and transmits the interface layout information to the page front end so that the page front end adjusts the interface layout based on the interface layout information, and feeds back the page to be displayed after the layout adjustment; the synchronous interface is a synchronous interface (Synchronous Interface) using a synchronous transmission method. Interface, SYNC), the transmission of interface layout information through the synchronous interface can improve the transmission speed of information, and further, save the development time when developing the live broadcast room. The message mechanism is a message mechanism for responding to, transmitting and parsing the received messages (such as interface layout information). The message mechanism can realize the distributed deployment of multiple processes of messages in a single queue to multiple queue servers, thereby reducing the load of each queue server and improving the message transmission efficiency; the specific implementation method of the corresponding steps when the server drives the client to adjust the layout is similar to the above, and this embodiment will not be repeated here; accordingly, when the server and the page front-end drive the client to adjust the layout, the client receives the preliminary interface layout information sent by the server through the synchronous interface or message mechanism, and transmits the preliminary interface layout information to the page front-end, so that the page front-end performs preliminary layout adjustment based on the preliminary interface layout information, and feeds back the preliminary page to be displayed after the preliminary layout adjustment. For specific signaling interaction diagrams, please refer to Figure 4 , Figure 4 This is a signaling interaction diagram of the first embodiment of the interface layout adjustment method of the present invention.

[0097] It is easy to understand that when adjusting the layout at the page front end, it is necessary to first obtain the current page of the page front end as the basis for page adjustment to improve the interface adjustment speed. That is, when the page front end drives the client to adjust the layout, the client receives the interface layout information sent by the server, obtains the current page of the page front end, and transmits the interface layout information to the page front end, so that the page front end adjusts the layout of the current page based on the interface layout information, and feeds back the page to be displayed after the layout adjustment.

[0098] Step S20: receiving the page to be displayed fed back by the page front end;

[0099] It is easy to understand that when the page front end drives the client to adjust the layout, the client receives the interface layout information sent by the server, and transmits the interface layout information to the page front end, so that the page front end adjusts the layout based on the interface layout information, and feeds back the page to be displayed after the layout adjustment. The client then receives the page to be displayed fed back by the page front end through the JS (JavaScript) interface. Information transmission through the JS interface can improve the flexibility of transmitting the page to be displayed, facilitate the client to receive the page to be displayed by multiple threads, and improve the transmission efficiency of the page to be displayed. When the server drives the client to adjust the layout, the specific implementation method of the corresponding steps is similar to the above, and this embodiment will not be repeated here. Accordingly, when the page front end and the server drive the client to adjust the layout, the above steps of this embodiment can be: receiving the preliminary page to be displayed fed back by the page front end through the JS interface. Information transmission through the JS interface can improve the flexibility of transmitting the preliminary page to be displayed, facilitate the client to receive the preliminary page to be displayed by multiple threads, and improve the transmission efficiency of the preliminary page to be displayed. The specific three-end interaction relationship can be referred to. Figure 3 , Figure 3 This is a three-terminal interaction diagram of the first embodiment of the interface layout adjustment method of the present invention.

[0100] Step S30: Rendering the page to be displayed to generate an interface to be displayed on the client.

[0101] It is easy to understand that when the page front end drives the client to adjust the layout, the client can render the page to be displayed after receiving the page to be displayed feedback from the page front end to generate the interface to be displayed of the client. Before rendering the interface to be displayed, it can be determined whether the interface layout information carries a rendering permission identifier. The rendering permission identifier is an identifier for determining whether the carrier (such as interface layout information) to which it belongs has rendering permission. By detecting whether the interface layout information carries a rendering permission identifier to determine whether the interface to be displayed is rendered, it is possible to avoid erroneous operations when the interaction end authority is forged by only detecting the authority of a certain interaction end, thereby realizing directional rendering of the client's interface to be displayed, improving the security of the interface layout, and also improving Improve the user experience. When the interface layout information carries the rendering permission identifier, the page to be displayed is rendered to generate the interface to be displayed of the client. In a specific implementation, it can be the interface to be displayed of a certain network live broadcast room on the smart terminal corresponding to the client. When the server drives the client to adjust the layout, the specific implementation method of the corresponding steps is similar to the above, and this embodiment will not be repeated here. Accordingly, when the server and the page front end drive the client to adjust the layout, before rendering the preliminary page to be displayed, it can be determined whether the preliminary interface layout information carries the rendering permission identifier. When the preliminary interface layout information carries the rendering permission identifier, the preliminary page to be displayed is rendered to generate the preliminary interface to be displayed of the client. By detecting whether the preliminary interface layout information carries the rendering permission identifier to determine whether to render the preliminary interface to be displayed, it is possible to avoid erroneous operations when the interaction terminal authority is forged by only detecting the authority of a certain interaction terminal, thereby realizing the directional rendering of the preliminary interface to be displayed on the client, improving the security of the interface layout, and improving the user experience.

[0102] It should be noted that when the client is driven by the server and the page front end to adjust the layout, after receiving the preliminary page to be displayed fed back by the page front end, the preliminary page to be displayed can be rendered to generate the preliminary interface to be displayed of the client. Accordingly, the above steps of this embodiment may be: rendering the page to be displayed to generate the interface to be displayed of the client based on the preliminary interface to be displayed. By generating the interface to be displayed based on the preliminary interface to be displayed, the interface to be displayed during the layout adjustment of multiple terminals can be dynamically displayed, thereby improving the diversity of the layout adjustment of the interface to be displayed.

[0103] It is easy to understand that in order to achieve adaptive adjustment of the client interface to improve the user's viewing experience, in a specific implementation, when the page front end drives the client to adjust the layout, in the process of rendering the page to be displayed, the interface display parameters of the client can be obtained first. The interface display parameters can be resolution, color deviation value, pixel pitch, scanning frequency, refresh speed, power consumption limit, etc., and the page to be displayed is rendered according to the interface display parameters to generate the interface to be displayed of the client. When the page front end drives the client to adjust the layout and the interface layout information does not carry the rendering permission identifier, the interface display parameters of the client are obtained, and the page to be displayed fed back by the page front end is directly displayed according to the interface display parameters. The specific implementation method of the corresponding steps when the layout adjustment is driven by the server and the layout adjustment is driven by the server and the page front end is similar to the above, and this embodiment will not be repeated here.

[0104] In this embodiment, when the client receives the interface layout information sent by the server, the interface layout information is transmitted to the page front end, so that the page front end adjusts the layout based on the interface layout information, and feeds back the page to be displayed after the layout adjustment, receives the page to be displayed fed back by the page front end, and renders the page to be displayed to generate the interface to be displayed of the client. Since there is no need to go through the process of client development, version release and version coverage, the client only needs to further render the page to be displayed generated based on the interface layout information fed back by the page front end to achieve dynamic layout adjustment of the live broadcast room interface, thereby improving the adjustment efficiency of the interface layout, and also improving the development efficiency when developing online live broadcast rooms, reducing development costs.

[0105] refer to Figure 5 , Figure 5 2 is a flow chart of the second embodiment of the interface layout adjustment method of the present invention.

[0106] Based on the first embodiment above, in this embodiment, before step S10, the following steps are further included:

[0107] Step S00: Detecting whether a preset driving instruction is received;

[0108] Step S01: upon receiving the preset driving instruction, determining the instruction type of the preset driving instruction;

[0109] It is easy to understand that in order to determine the specific driving method adopted, before receiving the interface layout information, it is possible to detect whether a preset driving instruction has been received. The limitation of the preset driving instruction makes the determination of the driving method more convenient and quick. When the preset driving instruction is received, it is necessary to determine the instruction type of the preset driving instruction. The instruction type includes server-side driving instruction, web page front-end driving instruction, server-side parallel driving instruction, web page front-end parallel driving instruction, etc. When the instruction type is a server-side driving instruction, it can be determined that the server drives the client to adjust the layout; when the instruction type is a web page front-end driving instruction, it can be determined that the web page front-end drives the client to adjust the layout; when the instruction type is a server-side parallel driving instruction, it can be determined that both the server and the page front-end drive the client to adjust the layout, but the server drives the client to adjust the layout first, and then the page front-end makes further adjustments based on the layout adjustment results of the server; when the instruction type is a web page front-end parallel driving instruction, it can be determined that both the server and the page front-end drive the client to adjust the layout, but the web page front-end drives the client to adjust the layout first, and then the server makes further adjustments based on the layout adjustment results of the web page front-end.

[0110] Step S02: When the instruction type is a page front-end driving instruction, detecting whether the client has received the interface layout information sent by the server.

[0111] When the instruction type is a page front-end driving instruction, it is detected whether the client has received the interface layout information sent by the server. Accordingly, the step S10 can be step S101: when the interface layout information is received, the interface layout information is transmitted to the page front-end, so that the page front-end adjusts the layout based on the interface layout information, and feeds back the page to be displayed after the layout adjustment; by detecting whether the interface layout information sent by the server is received to facilitate subsequent processing of the interface layout information, it is further possible to detect whether the received interface layout information meets the preset format requirements. When the interface layout information meets the preset format requirements, the interface layout information is transmitted to the client to improve the success rate and effectiveness of information transmission and reduce the generation of invalid information.

[0112] This embodiment detects whether a preset driving instruction is received. When the preset driving instruction is received, the instruction type of the preset driving instruction is determined. When the instruction type is a page front-end driving instruction, it is detected whether the client has received the interface layout information sent by the server. When the interface layout information is received, the interface layout information is transmitted to the page front-end, so that the page front-end makes layout adjustments based on the interface layout information, and feeds back the page to be displayed after the layout adjustment. The limitation of the preset driving instruction makes the determination of the driving mode more convenient and quick. By judging whether the interface layout information is received as the basis for judging the effectiveness and success rate of information transmission, the generation of invalid messages can be reduced. Furthermore, it also reduces the useless work in the development of the live broadcast room and improves the development efficiency of the live broadcast room.

[0113] refer to Figure 6 , Figure 6 2 is a flow chart of the third embodiment of the interface layout adjustment method of the present invention.

[0114] Based on the above first embodiment, in this embodiment, step S10 includes:

[0115] Step S111: When the client receives the interface layout information sent by the server, the interface layout information is transparently transmitted to the page front end, and the corresponding target basic control is obtained from the preset control set according to the interface layout information;

[0116] It should be noted that before the client receives the interface layout information sent by the server, it is necessary to first detect whether the server and the page front end have preset drawing permissions. When both the server and the page front end have preset drawing permissions, it is necessary to detect whether the interface layout information sent by the server is received. The preset drawing permission is the drawing permission for controlling the interface layout level. The limitation of the preset drawing permission can ensure that subsequent steps are executed only when both the server and the page front end have the ability to control the interface layout level, thereby avoiding the occurrence of program crashes and reducing unnecessary waste of development resources.

[0117] In order to make layout adjustment more flexible and quick, and to improve the diversity of layout adjustment, in a specific implementation, when the client receives the interface layout information sent by the server, the interface layout information can be transparently transmitted to the front end of the page, and the corresponding primary target basic controls in the preset control set are matched according to the interface layout information to improve the diversity and flexibility of layout adjustment. The primary target basic controls are controls for controlling the basic functions of the interface, which can be divided into system basic controls and custom basic controls. Taking the live broadcast room as an example, the system basic controls can be image controls, label controls, keyframe controls, etc., and the custom basic controls can be video view controls, audio view controls, etc. When the match fails, the interface layout information is input into the control generation model generated based on the preset control set, and the target basic controls are generated based on the control generation model, and the target basic controls are added to the preset control set. The control generation model can be constructed based on the stored target basic controls and historical control generation records, and then trained by a fuzzy neural network. The specific training method is not limited in this embodiment, and is based on improving the accuracy of the control generation model.

[0118] Step S112: obtaining a corresponding target layout template from a preset layout set according to the interface layout information and the target basic control, so that the page front end performs layout adjustment based on the target layout template, and feeds back the page to be displayed after the layout adjustment.

[0119] It should be noted that after obtaining the target basic control, the corresponding primary target layout template can be matched in the preset layout set according to the interface layout information and the target basic control. The primary target layout template is a layout template established based on the client's interface to be displayed and the target basic control. When the matching fails, the identification information and layout hierarchy of the target basic control are obtained. The identification information can be the attributes and control objects of the target basic control (such as when the target basic control is a video view control, the attributes are the video view of the control interface, and the control object is the video view), and the layout hierarchy can be the layout position of the target basic control corresponding to the target layout template and the position level when it is displayed (such as when the target basic control is a video view control). When using a view control, the layout position can be the position of the target layout template, such as the center, upper right, lower left, etc. The position level is the position level compared to other target basic controls when there are multiple target basic controls in the layout template. For example, the position level of the video view control is set to be greater than the position level of the background view control. When the two are displayed, the overlapping part of the display area corresponding to the two controls will give priority to displaying the display content corresponding to the video view control). A target layout template is generated based on the interface layout information, the identification information and the layout hierarchy, so that the front end of the page is adjusted based on the target layout template, and the page to be displayed after the layout adjustment is fed back, and the target layout template is added to the preset layout set. A target layout template is generated based on the interface layout information, identification information and layout hierarchy, so that the layout adjustment is more flexible and quick, and the live broadcast room interface is adaptively adjusted based on the target basic template to further improve the diversity of layout adjustment.

[0120] In this embodiment, when the client receives the interface layout information sent by the server, the interface layout information is transmitted to the front end of the page, and the corresponding target basic control is obtained in the preset control set according to the interface layout information. The corresponding target layout template is obtained in the preset layout set according to the interface layout information and the target basic control, so that the front end of the page adjusts the layout based on the target layout template, and feeds back the page to be displayed after the layout adjustment, the generation of the target basic control and the target basic template, so that the layout adjustment is more flexible and fast, and then the live broadcast room interface is adaptively adjusted based on the layout basic control and the target basic template to further optimize the dynamic layout adjustment of the live broadcast room interface, thereby improving the diversity of layout adjustment and improving the viewing experience of the online live broadcast room.

[0121] In addition, an embodiment of the present invention further provides a storage medium, on which an interface layout adjustment program is stored. When the interface layout adjustment program is executed by a processor, the steps of the interface layout adjustment method described above are implemented.

[0122] Reference Figure 7 , Figure 7 This is a structural block diagram of the first embodiment of the interface layout adjustment device of the present invention.

[0123] like Figure 7 As shown, the interface layout adjustment device proposed in the embodiment of the present invention includes:

[0124] The layout adjustment module 10 is used to transmit the interface layout information sent by the server to the front end of the page when the client receives the interface layout information, so that the front end of the page can adjust the layout based on the interface layout information and feedback the page to be displayed after the layout adjustment;

[0125] Feedback receiving module 20, used to receive the page to be displayed of the front-end feedback of the page;

[0126] The interface rendering module 30 is used to render the page to be displayed to generate the interface to be displayed on the client.

[0127] In this embodiment, when the client receives the interface layout information sent by the server, the interface layout information is transmitted to the page front end, so that the page front end adjusts the layout based on the interface layout information, and feeds back the page to be displayed after the layout adjustment, receives the page to be displayed fed back by the page front end, and renders the page to be displayed to generate the interface to be displayed of the client. Since there is no need to go through the process of client development, version release and version coverage, the client only needs to further render the page to be displayed generated based on the interface layout information fed back by the page front end to achieve dynamic layout adjustment of the live broadcast room interface, thereby improving the adjustment efficiency of the interface layout, and also improving the development efficiency when developing online live broadcast rooms, reducing development costs.

[0128] Other embodiments or specific implementations of the interface layout adjustment device of the present invention can refer to the above-mentioned method embodiments and will not be described in detail here.

[0129] It should be noted that, in this document, the terms "comprises," "includes," or any other variations thereof are intended to encompass non-exclusive inclusion, such that a process, method, article, or system comprising a series of elements includes not only those elements but also other elements not explicitly listed, or elements inherent to such process, method, article, or system. In the absence of further limitations, an element defined by the phrase "comprising a ..." does not exclude the presence of other identical elements in the process, method, article, or system comprising the element.

[0130] The serial numbers of the above embodiments of the present invention are for description only and do not represent the advantages or disadvantages of the embodiments.

[0131] Through the description of the above embodiments, those skilled in the art can clearly understand that the above-mentioned embodiment methods can be implemented by means of software plus the necessary general hardware platform, and of course can also be implemented by hardware, but in many cases the former is a better embodiment. Based on this understanding, the technical solution of the present invention, or the part that contributes to the prior art, can be embodied in the form of a software product, which is stored in a storage medium (such as read-only memory / random access memory, magnetic disk, optical disk), and includes a number of instructions for enabling a terminal device (which can be a mobile phone, computer, server, air conditioner, or network device, etc.) to execute the methods described in each embodiment of the present invention.

[0132] The above are only preferred embodiments of the present invention and are not intended to limit the patent scope of the present invention. Any equivalent structure or equivalent process transformation made using the contents of the present invention description and drawings, or directly or indirectly applied in other related technical fields, are also included in the patent protection scope of the present invention.

[0133] The present invention also discloses A1, a method for adjusting an interface layout, the method comprising:

[0134] When the client receives the interface layout information sent by the server, the interface layout information is transparently transmitted to the page front end, so that the page front end adjusts the layout based on the interface layout information and feeds back the page to be displayed after the layout adjustment;

[0135] Receive the page to be displayed from the front-end feedback of the page;

[0136] The page to be displayed is rendered to generate an interface to be displayed on the client.

[0137] A2. The interface layout adjustment method as described in A1, wherein, upon receiving the interface layout information sent by the server, the client transparently transmits the interface layout information to the page front end, so that the page front end performs layout adjustment based on the interface layout information, and before feeding back the page to be displayed after the layout adjustment, the method further includes:

[0138] Detect whether the preset driving instruction is received;

[0139] Upon receiving the preset driving instruction, determining the instruction type of the preset driving instruction;

[0140] When the instruction type is a page front-end driving instruction, it is detected whether the interface layout information sent by the server is received.

[0141] A3. The interface layout adjustment method according to A2, further comprising: after the step of determining the type of the preset driving instruction upon receiving the preset driving instruction;

[0142] When the instruction type is a server-side parallel drive instruction, receiving preliminary interface layout information sent by the server;

[0143] Transmitting the primary interface layout information to the page front end, so that the page front end performs primary layout adjustment based on the primary interface layout information, and feeds back the primary page to be displayed after the primary layout adjustment;

[0144] Accordingly, when the client receives the interface layout information sent by the server, the client transmits the interface layout information to the page front end, so that the page front end adjusts the layout based on the interface layout information and feeds back the page to be displayed after the layout adjustment, which specifically includes:

[0145] When the client receives the interface layout information sent by the server, the interface layout information is transmitted to the page front end, so that the page front end adjusts the layout of the preliminary page to be displayed based on the interface layout information, and feeds back the page to be displayed after the layout adjustment.

[0146] A4. The interface layout adjustment method according to A3, further comprising: after transparently transmitting the preliminary interface layout information to the page front end so that the page front end performs preliminary layout adjustment based on the preliminary interface layout information and feeds back the preliminary page to be displayed after the preliminary layout adjustment;

[0147] Receive the preliminary page to be displayed based on the front-end feedback of the page;

[0148] Rendering the preliminary page to be displayed to generate a preliminary interface to be displayed on the client;

[0149] Accordingly, the step of rendering the page to be displayed to generate the interface to be displayed on the client specifically includes:

[0150] The page to be displayed is rendered to generate the client's interface to be displayed based on the preliminary interface to be displayed.

[0151] A5. The interface layout adjustment method according to A4, before the step of rendering the page to be displayed to generate the interface to be displayed on the client, further comprising:

[0152] Determine whether the interface layout information carries a rendering permission identifier;

[0153] When the interface layout information carries the rendering permission identifier, performing the step of rendering the page to be displayed to generate the interface to be displayed of the client;

[0154] Accordingly, before the step of rendering the preliminary page to be displayed to generate the preliminary interface to be displayed on the client, the step further includes:

[0155] Determining whether the primary interface layout information carries the rendering permission identifier;

[0156] When the preliminary interface layout information carries the rendering permission identifier, the step of rendering the preliminary page to be displayed is performed to generate the preliminary interface to be displayed of the client.

[0157] A6. The interface layout adjustment method as described in A3, wherein when the client receives the interface layout information sent by the server, the client transparently transmits the interface layout information to the page front end, so that the page front end performs layout adjustment based on the interface layout information, and feeds back the page to be displayed after the layout adjustment, specifically comprising:

[0158] When the client receives the interface layout information sent by the server through the synchronous interface or message mechanism, the interface layout information is transparently transmitted to the page front end, so that the page front end adjusts the layout based on the interface layout information and feeds back the page to be displayed after the layout adjustment;

[0159] Accordingly, when the instruction type is a server-side parallel drive instruction, the step of receiving the preliminary interface layout information sent by the server specifically includes:

[0160] When the instruction type is a server-side parallel drive instruction, the primary interface layout information sent by the server through the synchronous interface or the message mechanism is received.

[0161] A7. In the interface layout adjustment method described in A3, the step of receiving the preliminary page to be displayed as feedback from the page front end specifically comprises:

[0162] Receive the preliminary page to be displayed fed back by the front end of the page through the JS interface;

[0163] Accordingly, the step of receiving the preliminary page to be displayed as fed back by the page front end specifically includes:

[0164] Receive the preliminary page to be displayed fed back by the page front end through the JS interface.

[0165] A8. The interface layout adjustment method as described in A1 to A7, wherein when the client receives the interface layout information sent by the server, the client transparently transmits the interface layout information to the page front end, so that the page front end performs layout adjustment based on the interface layout information and feeds back the page to be displayed after the layout adjustment, specifically comprising:

[0166] When the client receives the interface layout information sent by the server, it obtains the current page at the front end of the page;

[0167] The interface layout information is transparently transmitted to the page front end, so that the page front end adjusts the layout of the current page based on the interface layout information and feeds back the page to be displayed after the layout adjustment.

[0168] A9. In the interface layout adjustment method described in A1 to A8, the step of rendering the page to be displayed to generate the interface to be displayed on the client specifically includes:

[0169] Obtaining interface display parameters of the client;

[0170] The page to be displayed is rendered according to the interface display parameters to generate an interface to be displayed on the client.

[0171] A10. The interface layout adjustment method as described in A1 to A9, wherein before the step of transparently transmitting the interface layout information to the page front end upon receiving the interface layout information sent by the server, so that the page front end performs layout adjustment based on the interface layout information and feeds back the page to be displayed after the layout adjustment, the method further includes:

[0172] Check whether the server and page front-end have preset drawing permissions;

[0173] When both the server and the page front end have preset drawing permissions, it is detected whether the interface layout information sent by the server is received.

[0174] A11. The interface layout adjustment method described in A1 to A10, wherein upon receiving the interface layout information sent by the server, the client transparently transmits the interface layout information to the page front end, so that the page front end performs layout adjustment based on the interface layout information, and feeds back the page to be displayed after the layout adjustment, specifically comprising:

[0175] When the client receives the interface layout information sent by the server, the interface layout information is transparently transmitted to the front end of the page, and the corresponding target basic control is obtained from the preset control set according to the interface layout information;

[0176] According to the interface layout information and the target basic control, a corresponding target layout template is obtained from a preset layout set, so that the page front end performs layout adjustment based on the target layout template and feeds back the page to be displayed after the layout adjustment.

[0177] A12. The interface layout adjustment method described in A11, wherein upon receiving the interface layout information sent by the server, the client transparently transmits the interface layout information to the page front end, and obtains the corresponding target basic control from the preset control set based on the interface layout information, specifically comprising:

[0178] When the client receives the interface layout information sent by the server, the interface layout information is transparently transmitted to the front end of the page, and the corresponding primary target basic control is matched in the preset control set according to the interface layout information;

[0179] When the matching fails, the interface layout information is input into a control generation model generated based on the preset control set;

[0180] A target basic control is generated based on the control generation model, and the target basic control is added to the preset control set.

[0181] A13. The interface layout adjustment method described in A11, wherein the steps of obtaining a corresponding target layout template from a preset layout set based on the interface layout information and the target basic control, adjusting the layout of the page front end based on the target layout template, and feeding back the page to be displayed after the layout adjustment, specifically include:

[0182] Matching a corresponding primary target layout template in a preset layout set according to the interface layout information and the target basic control;

[0183] When the matching fails, obtaining the identification information and layout level of the target basic control;

[0184] A target layout template is generated according to the interface layout information, the identification information and the layout level, so that the page front end performs layout adjustment based on the target layout template, feeds back the page to be displayed after the layout adjustment, and adds the target layout template to the preset layout set.

[0185] The present invention further discloses B14, an interface layout adjustment device, the interface layout adjustment device comprising:

[0186] The layout adjustment module is used to transmit the interface layout information sent by the server to the front end of the page when the client receives the interface layout information, so that the front end of the page can adjust the layout based on the interface layout information and feedback the page to be displayed after the layout adjustment;

[0187] A feedback receiving module, configured to receive the page to be displayed from the front-end feedback of the page;

[0188] The interface rendering module is used to render the page to be displayed to generate the interface to be displayed on the client.

[0189] B15. The interface layout adjustment device as described in B14, wherein the layout adjustment module is further configured to detect whether a preset driving instruction is received;

[0190] The layout adjustment module is further configured to determine the type of the preset driving instruction upon receiving the preset driving instruction;

[0191] The layout adjustment module is further configured to detect whether the interface layout information sent by the server is received when the instruction type is a page front-end driving instruction.

[0192] B16. The interface layout adjustment device as described in B15, wherein the layout adjustment module is further configured to receive preliminary interface layout information sent by the server when the instruction type is a server-side parallel drive instruction;

[0193] The layout adjustment module is further configured to transparently transmit the primary interface layout information to the page front end, so that the page front end performs a primary layout adjustment based on the primary interface layout information, and feeds back the primary page to be displayed after the primary layout adjustment;

[0194] The layout adjustment module is also used to transmit the interface layout information sent by the server to the page front end when the client receives the interface layout information, so that the page front end can adjust the layout of the preliminary page to be displayed based on the interface layout information, and feedback the page to be displayed after the layout adjustment.

[0195] B17, the interface layout adjustment device as described in B16, wherein the feedback receiving module is further used to receive the preliminary page to be displayed in the feedback from the front end of the page;

[0196] The interface rendering module is further configured to render the primary page to be displayed to generate a primary interface to be displayed on the client;

[0197] The interface rendering module is further configured to render the page to be displayed, so as to generate the interface to be displayed of the client based on the preliminary interface to be displayed.

[0198] B18. The interface layout adjustment device as described in B17, wherein the interface rendering module is further used to determine whether the interface layout information carries a rendering permission identifier;

[0199] The interface rendering module is further configured to, when the interface layout information carries the rendering permission identifier, execute the operation of rendering the page to be displayed to generate the interface to be displayed of the client;

[0200] The interface rendering module is further configured to determine whether the primary interface layout information carries the rendering permission identifier;

[0201] The interface rendering module is further configured to, when the preliminary interface layout information carries the rendering permission identifier, execute the operation of rendering the preliminary page to be displayed to generate the preliminary interface to be displayed of the client.

[0202] The present invention also discloses C19, an interface layout adjustment device, which includes: a memory, a processor, and an interface layout adjustment program stored in the memory and runnable on the processor, wherein the interface layout adjustment program is configured to implement the steps of the interface layout adjustment method described in any one of A1 to A13.

[0203] The present invention also discloses D20, a storage medium, on which an interface layout adjustment program is stored. When the interface layout adjustment program is executed by a processor, the steps of the interface layout adjustment method as described in any one of A1 to A13 are implemented.

Claims

1. A method for adjusting interface layout, characterized in that: The interface layout adjustment method includes: When the client receives the interface layout information sent by the server, the interface layout information is transparently transmitted to the page front end, so that the page front end adjusts the layout based on the interface layout information and feeds back the page to be displayed after the layout adjustment; Receive the page to be displayed from the front-end feedback of the page; The page to be displayed is rendered to generate an interface to be displayed on the client.

2. The interface layout adjustment method according to claim 1, wherein: Before the step of transparently transmitting the interface layout information to the page front end upon receiving the interface layout information sent by the server, so that the page front end performs layout adjustment based on the interface layout information and feeds back the page to be displayed after the layout adjustment, the method further includes: Detect whether the preset driving instruction is received; Upon receiving the preset driving instruction, determining the instruction type of the preset driving instruction; When the instruction type is a page front-end driving instruction, it is detected whether the interface layout information sent by the server is received.

3. The interface layout adjustment method according to claim 2, wherein: After the step of determining the type of the preset driving instruction upon receiving the preset driving instruction, the method further includes: When the instruction type is a server-side parallel drive instruction, receiving preliminary interface layout information sent by the server; Transmitting the primary interface layout information to the page front end, so that the page front end performs primary layout adjustment based on the primary interface layout information, and feeds back the primary page to be displayed after the primary layout adjustment; Accordingly, when the client receives the interface layout information sent by the server, the client transmits the interface layout information to the page front end, so that the page front end adjusts the layout based on the interface layout information and feeds back the page to be displayed after the layout adjustment, which specifically includes: When the client receives the interface layout information sent by the server, the interface layout information is transmitted to the page front end, so that the page front end adjusts the layout of the preliminary page to be displayed based on the interface layout information, and feeds back the page to be displayed after the layout adjustment.

4. The interface layout adjustment method according to claim 3, wherein: After the step of transparently transmitting the preliminary interface layout information to the page front end so that the page front end performs preliminary layout adjustment based on the preliminary interface layout information and feeds back the preliminary page to be displayed after the preliminary layout adjustment, the method further includes: Receive the preliminary page to be displayed based on the front-end feedback of the page; Rendering the preliminary page to be displayed to generate a preliminary interface to be displayed on the client; Accordingly, the step of rendering the page to be displayed to generate the interface to be displayed on the client specifically includes: The page to be displayed is rendered to generate the client's interface to be displayed based on the preliminary interface to be displayed.

5. The interface layout adjustment method according to claim 4, wherein: Before the step of rendering the page to be displayed to generate the interface to be displayed on the client, the method further includes: Determine whether the interface layout information carries a rendering permission identifier; When the interface layout information carries the rendering permission identifier, performing the step of rendering the page to be displayed to generate the interface to be displayed of the client; Accordingly, before the step of rendering the preliminary page to be displayed to generate the preliminary interface to be displayed on the client, the step further includes: Determining whether the primary interface layout information carries the rendering permission identifier; When the preliminary interface layout information carries the rendering permission identifier, the step of rendering the preliminary page to be displayed is performed to generate the preliminary interface to be displayed of the client.

6. The interface layout adjustment method according to claim 3, wherein: The step of transparently transmitting the interface layout information to the page front end upon receiving the interface layout information sent by the server, so that the page front end performs layout adjustment based on the interface layout information and feeds back the page to be displayed after the layout adjustment, specifically includes: When the client receives the interface layout information sent by the server through the synchronous interface or message mechanism, the interface layout information is transparently transmitted to the page front end, so that the page front end adjusts the layout based on the interface layout information and feeds back the page to be displayed after the layout adjustment; Accordingly, when the instruction type is a server-side parallel drive instruction, the step of receiving the preliminary interface layout information sent by the server specifically includes: When the instruction type is a server-side parallel drive instruction, the primary interface layout information sent by the server through the synchronous interface or the message mechanism is received.

7. The interface layout adjustment method according to claim 3, wherein: The step of receiving the preliminary page to be displayed as feedback from the front end of the page specifically includes: Receive the preliminary page to be displayed fed back by the front end of the page through the JS interface; Accordingly, the step of receiving the preliminary page to be displayed as fed back by the page front end specifically includes: Receive the preliminary page to be displayed fed back by the page front end through the JS interface.

8. An interface layout adjustment device, characterized in that: The interface layout adjustment device includes: The layout adjustment module is used to transmit the interface layout information sent by the server to the front end of the page when the client receives the interface layout information, so that the front end of the page can adjust the layout based on the interface layout information and feedback the page to be displayed after the layout adjustment; A feedback receiving module, configured to receive the page to be displayed from the front-end feedback of the page; The interface rendering module is used to render the page to be displayed to generate the interface to be displayed on the client.

9. An interface layout adjustment device, characterized in that: The device includes: a memory, a processor, and an interface layout adjustment program stored in the memory and executable on the processor, wherein the interface layout adjustment program is configured to implement the steps of the interface layout adjustment method according to any one of claims 1 to 7.

10. A storage medium, characterized in that: The storage medium stores an interface layout adjustment program, which, when executed by a processor, implements the steps of the interface layout adjustment method according to any one of claims 1 to 7.

Images