Information display method and device, server, electronic device, and storage medium
By converting object information into component information and generating page layout, the terminal renders the page in virtual space, solving the problem of low information display efficiency, simplifying the display process, and improving efficiency.
Patent Information
- Application Number
- CN202210163815.6
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2022-02-22
- Publication Date
- 2026-01-23
- Estimated Expiration
- 2042-02-22
AI Technical Summary
In the field of internet technology, terminals need to understand business information when displaying information, which makes the page rendering process cumbersome and the information display efficiency low.
By acquiring the object information display request sent by the terminal, converting it into object component information, and generating page layout information, the terminal renders the page in virtual space based on this information, thus simplifying the page rendering process.
It improves the efficiency of information display, reduces the agreement and development work between the terminal and the server, and simplifies the information display process.
Smart Images

Figure CN114547507B_ABST
Abstract
Description
TECHNICAL FIELD
[0001] The present disclosure relates to the technical field of Internet, and particularly relates to an information display method and device, a server, an electronic device, a storage medium and a computer program product. BACKGROUND
[0002] In the technical field of Internet, a terminal requests a server to return corresponding data information according to an information query operation, and displays corresponding page information such as commodity information on a page according to the data information.
[0003] In the related art, page rendering is performed based on the specific business meaning represented by each field in the process of displaying information. However, in the process of page rendering, the terminal needs to understand the business information, and as the business information to be displayed becomes more and more, the field representing the newly added business information needs to be agreed between the server developer and the client developer, and the field representing the newly added business information needs to be developed, debugged, tested and put into operation, which leads to a relatively cumbersome process of page rendering based on the field, and further causes low information display efficiency. SUMMARY
[0004] The present disclosure provides an information display method, device, server, electronic device, storage medium and computer program product to at least solve the problem of low information display efficiency in the related art. The technical solutions of the present disclosure are as follows.
[0005] According to a first aspect of an embodiment of the present disclosure, an information display method is provided, comprising:
[0006] According to an object information display request sent by a terminal, object information corresponding to the object information display request is obtained, the object information display request is generated by the terminal according to an object information query operation of a virtual space, and the object information is used to represent detail information of an object to be displayed;
[0007] Page layout information matched with the object information is obtained, the page layout information includes object component information of the object to be displayed, and the object component information is used to describe a component of the object to be displayed;
[0008] The page layout information is sent to the terminal, so that the terminal renders an object information display area in the virtual space according to the page layout information, and displays a rendered page, and the rendered page includes the component of the object to be displayed.
[0009] In an exemplary embodiment, the page layout information matched with the object information is obtained, comprising:
[0010] The object information is subjected to component mapping processing to obtain object component information of the object to be displayed.
[0011] According to the object component information, page layout information of the object to be displayed is generated as page layout information matched with the object information.
[0012] In an example embodiment, the object information is subjected to component mapping processing to obtain object component information of the object to be displayed, including:
[0013] Key object information in the object information is extracted;
[0014] According to the key object information, a mapping relationship between preset object information and object component information is queried to obtain object component information of the object to be displayed.
[0015] In an example embodiment, according to the object component information, the page layout information of the object to be displayed is generated, including:
[0016] According to the page layout template of the object to be displayed, a component display position corresponding to the object component information is determined; the component display position is used to represent a display position of a component corresponding to the object component information in a rendered page;
[0017] According to the object component information and the component display position corresponding to the object component information, the page layout information of the object to be displayed is generated.
[0018] In an example embodiment, the page layout information includes first page layout information and second page layout information; the first page layout information is used to represent complete layout information of the object to be displayed in a current state, and the second page layout information is used to represent updated layout information of the object to be displayed in a target state.
[0019] The page layout information is sent to the terminal, including:
[0020] The first page layout information and the second page layout information are sent to the terminal, so that the terminal renders an object information display area in the virtual space according to the first page layout information, and updates a corresponding component in the rendered page according to the second page layout information when it is detected that the object to be displayed is in the target state.
[0021] In an example embodiment, after the page layout information is sent to the terminal, so that the terminal renders an object information display area in the virtual space according to the page layout information, and displays the rendered page, it further includes:
[0022] In a case where the object information update is detected, the page layout information is updated according to the updated object information, to obtain updated page layout information;
[0023] The updated page layout information is sent to the terminal, so that the terminal performs component update processing on the rendered page according to the updated page layout information.
[0024] According to a second aspect of the embodiments of the present disclosure, an information display method is provided, including:
[0025] According to an object information query operation of a virtual space, an object information display request is generated, and the object information display request is sent to a corresponding server, so that the server obtains object information corresponding to the object information display request, and obtains page layout information matched with the object information; the object information is used to represent detail information of a to-be-displayed object, the page layout information includes object component information of the to-be-displayed object, and the object component information is used to describe a component of the to-be-displayed object.
[0026] The page layout information returned by the server is received;
[0027] According to the page layout information, an object information display area in the virtual space is rendered, and a rendered page is displayed; the rendered page includes the component of the to-be-displayed object.
[0028] In an example embodiment, the page layout information includes first page layout information and second page layout information, the first page layout information is used to represent complete layout information of the to-be-displayed object in a current state, and the second page layout information is used to represent updated layout information of the to-be-displayed object in a target state.
[0029] According to the page layout information, an object information display area in the virtual space is rendered, and a rendered page is displayed; the rendered page includes the component of the to-be-displayed object.
[0030] According to the first page layout information, the object information display area in the virtual space is rendered;
[0031] In a case where the to-be-displayed object is detected in the target state, a corresponding component in the rendered page is updated according to the second page layout information.
[0032] In an example embodiment, after the object information display area in the virtual space is rendered according to the page layout information, and the rendered page is displayed, the method further includes:
[0033] receive the updated page layout information sent by the server; the updated page layout information is obtained by the server according to the updated object information, when detecting that the object information is updated;
[0034] perform component update processing on the rendered page according to the updated page layout information.
[0035] According to a third aspect of the embodiments of the present disclosure, an information display device is provided, comprising:
[0036] a request response unit configured to perform object information display request sent by a terminal, and obtain object information corresponding to the object information display request; the object information display request is generated by the terminal according to the object information query operation of the virtual space, and the object information is used to represent the detail information of the object to be displayed;
[0037] an information obtaining unit configured to perform page layout information matching the object information; the page layout information includes object component information of the object to be displayed, and the object component information is used to describe the component of the object to be displayed;
[0038] an information sending unit configured to perform sending the page layout information to the terminal, so that the terminal renders the object information display area in the virtual space according to the page layout information, and displays the rendered page; the rendered page includes the component of the object to be displayed.
[0039] In an exemplary embodiment, the information obtaining unit is further configured to perform component mapping processing on the object information to obtain the object component information of the object to be displayed; and generate the page layout information of the object to be displayed as the page layout information matching the object information according to the object component information.
[0040] In an exemplary embodiment, the information obtaining unit is further configured to perform extracting key object information in the object information; and obtaining the object component information of the object to be displayed according to the mapping relationship between the preset object information and the object component information according to the key object information.
[0041] In an exemplary embodiment, the information obtaining unit is further configured to perform determining the component display position corresponding to the object component information according to the page layout template of the object to be displayed; the component display position is used to represent the display position of the component corresponding to the object component information in the rendered page; and generating the page layout information of the object to be displayed according to the object component information and the component display position corresponding to the object component information.
[0042] In an example embodiment, the page layout information includes first page layout information and second page layout information, the first page layout information is used to represent complete layout information of the to-be-presented object in a current state, and the second page layout information is used to represent updated layout information of the to-be-presented object in a target state.
[0043] The information sending unit is further configured to send the first page layout information and the second page layout information to the terminal, so that the terminal renders an object information presentation area in the virtual space according to the first page layout information, and updates a corresponding component in the rendered page according to the second page layout information when it is detected that the to-be-presented object is in the target state.
[0044] In an example embodiment, the apparatus further includes an information updating unit configured to update page layout information according to updated object information to obtain updated page layout information when it is detected that the object information is updated, and send the updated page layout information to the terminal, so that the terminal performs component update processing on the rendered page according to the updated page layout information.
[0045] According to a fourth aspect of the embodiments of the present disclosure, an information presentation apparatus is provided, including:
[0046] A request sending unit is configured to generate an object information presentation request according to an object information query operation of a virtual space, and send the object information presentation request to a corresponding server, so that the server obtains object information corresponding to the object information presentation request, and obtains page layout information matched with the object information; the object information is used to represent detail information of a to-be-presented object, and the page layout information includes object component information of the to-be-presented object, which is used to describe components of the to-be-presented object.
[0047] An information receiving unit is configured to receive the page layout information returned by the server.
[0048] A page rendering unit is configured to render an object information presentation area in the virtual space according to the page layout information, and present a rendered page; the rendered page includes components of the to-be-presented object.
[0049] In an example embodiment, the page layout information includes first page layout information and second page layout information, the first page layout information is used to represent complete layout information of the object to be displayed in a current state, and the second page layout information is used to represent updated layout information of the object to be displayed in a target state.
[0050] The page rendering unit is further configured to perform rendering of the object information display area in the virtual space according to the first page layout information, and update a corresponding component in the rendered page according to the second page layout information in a case where it is detected that the object to be displayed is in the target state.
[0051] In an example embodiment, the apparatus further includes an update processing unit configured to perform receiving updated page layout information sent by the server, the updated page layout information being obtained by updating the page layout information according to updated object information by the server in a case where it is detected that the object information is updated, and performing component update processing of the rendered page according to the updated page layout information.
[0052] According to a fifth aspect of embodiments of the present disclosure, a server is provided, including:
[0053] a processor;
[0054] a memory for storing instructions executable by the processor;
[0055] The processor is configured to execute the instructions to implement the information display method according to any one of the above.
[0056] According to a sixth aspect of embodiments of the present disclosure, an electronic device is provided, including:
[0057] a processor;
[0058] a memory for storing instructions executable by the processor;
[0059] The processor is configured to execute the instructions to implement the information display method according to any one of the above.
[0060] According to a seventh aspect of embodiments of the present disclosure, a computer readable storage medium is provided, when instructions in the computer readable storage medium are executed by a processor of a server, the server is enabled to perform the information display method according to any one of the above.
[0061] According to an eighth aspect of the embodiments of the present disclosure, a computer-readable storage medium is provided. When instructions in the computer-readable storage medium are executed by a processor of an electronic device, the electronic device is enabled to perform the information display method according to any one of the preceding aspects.
[0062] According to a ninth aspect of the embodiments of the present disclosure, a computer program product is provided. The computer program product includes instructions. When the instructions are executed by a processor of a server, the server is enabled to perform the information display method according to any one of the preceding aspects.
[0063] According to a tenth aspect of the embodiments of the present disclosure, a computer program product is provided. The computer program product includes instructions. When the instructions are executed by a processor of an electronic device, the electronic device is enabled to perform the information display method according to any one of the preceding aspects.
[0064] The embodiments of the present disclosure at least have the following beneficial effects:
[0065] According to the object information display request sent by the terminal, the object information corresponding to the object information display request is obtained. The object information display request is generated by the terminal according to the object information query operation of the virtual space. The object information is used to represent the detail information of the object to be displayed. Then, the page layout information matched with the object information is obtained. The page layout information includes the object component information of the object to be displayed. The object component information is used to describe the component of the object to be displayed. Finally, the page layout information is sent to the terminal, so that the terminal renders the object information display area in the virtual space according to the page layout information, and displays the rendered page. The rendered page includes the component of the object to be displayed. In this way, the object information of the object to be displayed is converted into object component information, so that the terminal renders the corresponding component in the object information display area in the virtual space according to the object component information, without understanding the business information based on the received field, and then rendering the page based on the business information. Meanwhile, in the case of adding new object information, the server only needs to convert the new object information into corresponding object component information and send it to the terminal, without the terminal and the server agreeing on the field representing the new object information, and without the need for client development and release of a new version, thereby simplifying the information display process, and further improving the information display efficiency of the object to be displayed in the virtual space.
[0066] It should be understood that the foregoing general description and the following detailed description are only exemplary and explanatory, and cannot limit the present disclosure. BRIEF DESCRIPTION OF DRAWINGS
[0067] The accompanying drawings, which are incorporated herein and constitute part of the specification, illustrate embodiments consistent with the present disclosure and, together with the description, further serve to explain the principles of the present disclosure and, without in any way limiting its scope, are as follows:
[0068] Figure 1 is a diagram of an application environment of an information display method according to an example embodiment.
[0069] Figure 2 is a flowchart of an information display method according to an example embodiment.
[0070] Figure 3 is a diagram of a commodity card according to an example embodiment.
[0071] Figure 4 is a flowchart of steps of acquiring page layout information according to an example embodiment.
[0072] Figure 5 is a flowchart of another information display method according to an example embodiment.
[0073] Figure 6 is a block diagram of an information display apparatus according to an example embodiment.
[0074] Figure 7 is a block diagram of another information display apparatus according to an example embodiment.
[0075] Figure 8 is a block diagram of a server according to an example embodiment.
[0076] Figure 9 is a block diagram of an electronic device according to an example embodiment. DETAILED DESCRIPTION
[0077] In order to make the ordinary person skilled in the art better understand the technical solutions of the present disclosure, the technical solutions in the embodiments of the present disclosure will be described clearly and completely below in conjunction with the drawings.
[0078] It should be noted that the terms "first", "second", and the like in the specification and claims of the present disclosure and the above-described drawings are used to distinguish similar objects, and do not necessarily have to be used to describe a specific order or sequence. It should be understood that the data used in this way can be interchanged under appropriate circumstances, so that the embodiments of the present disclosure described herein can be implemented in an order other than those illustrated or described herein. The embodiments described in the following example embodiments do not represent all embodiments consistent with the present disclosure. Rather, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.
[0079] It should be further noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data for display, analyzed data, etc.) involved in the present disclosure are all information and data authorized by the user or authorized by all parties.
[0080] The information display method provided by the present disclosure can be applied to the application environment as shown in Figure 1 . Wherein, the terminal 110 communicates with the server 120 through the network. The data storage system can store the data required to be processed by the server 120. The data storage system can be integrated on the server 120, or placed on the cloud or other network servers. Specifically, referring to Figure 1 , the terminal 110 generates an object information display request according to the object information query operation of the virtual space, and sends the object information display request to the server 120. The server 120 obtains the object information corresponding to the object information display request, and obtains the page layout information matched with the object information, and sends the page layout information to the terminal 110; the object information is used to represent the detail information of the object to be displayed, and the page layout information includes the object component information of the object to be displayed, and the object component information is used to describe the component of the object to be displayed. The terminal 110 renders the object information display area in the virtual space according to the page layout information returned by the server 120, and displays the rendered page; the rendered page includes the component of the object to be displayed. Wherein, the terminal 110 can be but not limited to various personal computers, notebook computers, smart phones, tablet computers, Internet of Things devices and portable wearable devices, and the Internet of Things devices can be smart televisions, smart vehicle devices, etc. The portable wearable device can be a smart watch, etc. The server 120 can be realized by an independent server or a server cluster composed of multiple servers.
[0081] Figure 2 is a flow chart of an information display method according to an exemplary embodiment, as shown in Figure 2 , the information display method is used in the server as shown in Figure 1 , including the following steps:
[0082] In step 210, according to the object information display request sent by the terminal, the object information corresponding to the object information display request is obtained; the object information display request is generated by the terminal according to the object information query operation of the virtual space, and the object information is used to represent the detail information of the object to be displayed.
[0083] The virtual space refers to a live broadcast room opened by a host account. The host account refers to a host opening the live broadcast room, which is equivalent to a host and can control various functions of the live broadcast room, such as listing goods and unlisting goods. After entering the live broadcast room, the audience account can watch the live broadcast video of the host, such as watching the live broadcast video of the host introducing goods.
[0084] The object refers to a listed object in the virtual space, such as clothing, accessories, cosmetics, and electronic products. The object to be displayed refers to an object that needs to be viewed by the terminal account, which can refer to an object such as a good or a list of objects such as a list of goods. The object information refers to the detailed information related to the object to be displayed, specifically referring to the object picture, object name, object price, and object sales, such as the good picture, good name, good price, and good sales.
[0085] The object information query operation refers to the query operation of the object information of the object to be displayed, specifically referring to the triggering operation of the object information query entrance in the virtual space by the audience account in the terminal, such as the click operation of the audience account on the good information query entrance or the good list query entrance in the live broadcast room.
[0086] The object information display request refers to the display request of the object information of the object to be displayed, which is generated by the terminal according to the object information query operation of the virtual space, specifically referring to the good information display request. The object information corresponding to the object information display request refers to the object information corresponding to the object to be displayed requested by the object information display request.
[0087] Specifically, the terminal generates an object information display request in response to the object information query operation of the virtual space, and sends the object information display request to the corresponding server. The server analyzes the received object information display request to obtain a virtual space identifier, such as a live broadcast room identifier. The object corresponding to the virtual space identifier, such as the goods introduced by the host account in the live broadcast room, is obtained as the object to be displayed. The object information corresponding to the object to be displayed is obtained as the object information corresponding to the object information display request.
[0088] Further, the server can also analyze the received object information display request to obtain the object identifier requested by the terminal, such as the good number. The object corresponding to the object identifier is determined as the object to be displayed, and the object information corresponding to the object to be displayed is obtained as the object information corresponding to the object information display request.
[0089] For example, in a live-streaming e-commerce scenario, the host's account attaches the products to be introduced to the product information query portal or product list query portal in the live stream. Viewers on the terminal can trigger the display of product information for the products introduced by the host's account in the live stream by clicking on these portals, such as product images, product names, prices, and sales volume. For instance, after a viewer clicks on the product information query portal or product list query portal, the terminal generates a product information display request and sends it to the server. The server, based on the received request, retrieves the product information for the products introduced by the host's account in the live stream, converts the product information into components, and sends them to the terminal for rendering and display.
[0090] In step 220, page layout information matching the object information is obtained; the page layout information includes object component information of the object to be displayed, which describes the components of the object to be displayed.
[0091] In this context, the components of the object to be displayed refer to the components associated with the object that need to be displayed in the object information display area of the virtual space. These components represent relevant information about the object, such as product price and product name. An object to be displayed can be associated with multiple components, such as progress bar components, time components, text components, coupon components, and purchase buttons. In real-world scenarios, the object information of the object to be displayed is shown in the virtual space in the form of object cards (such as product cards), and the UI (User Interface) elements on each object card are the components.
[0092] Among them, object component information refers to the UI description language used to represent components, such as progress bar component information, time component information, copy component information, coupon component information, purchase button information, etc. The terminal can describe the corresponding component through object component information without understanding the business information corresponding to the fields. Each object component information includes the component's identification information and the data content contained in the component; for example, for the progress bar component, the corresponding identification information is 1001, and the corresponding data content is ["current":1,"total":100,"pattern":"0 / 1 item sold out","text":"Flash sale ended","rt":["Temporarily sold out","There is still a chance to buy"]. For the coupon component, the corresponding identification information is 3002, and the corresponding data content is ["prefix":"Newcomer coupon","content":"40 minus 10","time":60000,"timeSuffix":"Expires after."].
[0093] The page layout information includes object component information of the to-be-displayed object, which is a UI description language used to represent object information of the to-be-displayed object. In an actual scenario, the page layout information can be a UI description language used to represent complete information of the to-be-displayed object, or a UI description language used to represent updated information of the to-be-displayed object.
[0094] Specifically, the server generates instructions according to preset component information, generates object component information of the to-be-displayed object based on object information of the to-be-displayed object, generates instructions according to preset page layout information, and generates page layout information of the to-be-displayed object based on the object component information of the to-be-displayed object, as page layout information matched with the object information.
[0095] For example, the server generates progress bar component information, time component information, text component information, coupon component information, and purchase button information according to product information of a to-be-displayed product, and generates page layout information of the to-be-displayed product according to the progress bar component information, the time component information, the text component information, the coupon component information, and the purchase button information.
[0096] In step 230, the page layout information is sent to the terminal, so that the terminal renders the object information display area in the virtual space according to the page layout information, and displays the rendered page; the rendered page includes components of the to-be-displayed object.
[0097] The object information display area is an object card display area, and the object card is a product card; each object card includes multiple components of the to-be-displayed object.
[0098] Specifically, the server sends the page layout information to the terminal; the terminal extracts object component information of the to-be-displayed object from the received page layout information, renders the object information display area in the virtual space according to the object component information of the to-be-displayed object, obtains a rendered page, and displays the rendered page; the rendered page includes an object card of the to-be-displayed object, and the object card includes multiple components of the to-be-displayed object.
[0099] For example, the terminal renders object components of a to-be-displayed object on an object information display area in a virtual space according to object component information of the to-be-displayed object, combines and renders the object components of the to-be-displayed object to obtain an object card of the to-be-displayed object, and displays the object card on a page, such as Figure 3 .
[0100] According to the object information display request sent by the terminal, object information corresponding to the object information display request is obtained; the object information display request is generated by the terminal according to an object information query operation of the virtual space, and the object information is used to represent detail information of an object to be displayed; then, page layout information matched with the object information is obtained; the page layout information includes object component information of the object to be displayed, and the object component information is used to describe a component of the object to be displayed; finally, the page layout information is sent to the terminal, so that the terminal renders an object information display area in the virtual space according to the page layout information, and displays a rendered page; the rendered page includes the component of the object to be displayed. In this way, the object information of the object to be displayed is converted into object component information, so that the terminal renders a corresponding component in the object information display area in the virtual space according to the object component information, without understanding business information based on received fields and then performing page rendering based on the business information; meanwhile, in the case of adding new object information, the server only needs to convert the new object information into corresponding object component information and send the object component information to the terminal, without needing the terminal and the server to agree on fields representing the new object information, and without needing client development and publishing of a new version, so that the information display process is simplified, and the information display efficiency of the object to be displayed in the virtual space is improved.
[0101] In an example embodiment, as shown in FIG. 2, Figure 4 The step S220 of obtaining the page layout information matched with the object information can be implemented by the following steps.
[0102] In step S410, the object information is subjected to component mapping processing to obtain object component information of the object to be displayed.
[0103] The object information is mapped into corresponding object component information, such as mapping product discount information into product coupon component information, and mapping product sales information into product progress bar component information.
[0104] In step S420, the page layout information of the object to be displayed is generated according to the object component information, as the page layout information matched with the object information.
[0105] Specifically, the server subjects the object information to component mapping processing according to a component mapping instruction to obtain object component information matched with the object information, as the object component information of the object to be displayed; generates the page layout information of the object to be displayed based on the object component information of the object to be displayed according to a preset page layout information generation instruction; and determines the page layout information of the object to be displayed as the page layout information matched with the object information.
[0106] The technical scheme provided by the embodiments of the present disclosure is that object information is subjected to component mapping processing to obtain object component information of a to-be-displayed object, and page layout information matched with the object information is generated, so that the object component information of the to-be-displayed object is included in the page layout information sent to a terminal subsequently, and corresponding components are drawn by the terminal according to the object component information, without the need to understand business information represented by fields, thereby simplifying the information display process and further improving the information display efficiency.
[0107] In an example embodiment, the step S410 of subjecting the object information to component mapping processing to obtain object component information of a to-be-displayed object specifically includes: extracting key object information in the object information; and querying a preset mapping relationship between the object information and the object component information according to the key object information to obtain the object component information of the to-be-displayed object.
[0108] The object information includes a plurality of information of the to-be-displayed object, and the key object information refers to key information in the object information, such as a product picture, a product name, a product price, and a product sales volume.
[0109] The mapping relationship between the object information and the object component information is that each object information corresponds to an object component information, such as that a product discount information corresponds to a coupon component information and a product sales information corresponds to a progress bar component information.
[0110] Specifically, the server extracts key object information in the object information according to a key object information extraction instruction; queries a preset mapping relationship between the object information and the object component information to obtain object component information corresponding to the key object information; and determines the object component information corresponding to the key object information as object component information of a to-be-displayed object.
[0111] For example, the server extracts key product information such as product discount information and product sales information from product information of a to-be-displayed product; queries a preset mapping relationship between the product information and product component information to obtain coupon component information corresponding to the product discount information and progress bar component information corresponding to the product sales information; and determines the coupon component information and the progress bar component information as product component information of the product.
[0112] The technical scheme provided by the embodiments of the present disclosure avoids performing component mapping processing on all object information of the to-be-displayed object, thereby avoiding the defect that the determination efficiency of the object component information is low, and further improving the determination efficiency of the object component information. Meanwhile, by obtaining the object component information of the to-be-displayed object, the subsequent terminal only needs to describe the corresponding component according to the object component information, without understanding the business information represented by the field, thereby saving a large amount of time, and further improving the information display efficiency of the to-be-displayed object.
[0113] In an example embodiment, the step S420 of generating the page layout information of the to-be-displayed object according to the object component information specifically includes: determining a component display position corresponding to the object component information according to the page layout template of the to-be-displayed object; the component display position is used to represent the display position of the component corresponding to the object component information in the rendered page; and generating the page layout information of the to-be-displayed object according to the object component information and the component display position corresponding to the object component information.
[0114] The page layout template is used to represent the page layout format of the to-be-displayed object, such as which object component appears in which position, which two object components appear in the same row, and the like.
[0115] The component display position refers to the display position of the component corresponding to the object component information in the rendered page, which can be represented by a row number, such as the number of the row.
[0116] Specifically, the server queries the preset correspondence between the object identifier and the page layout template according to the object identifier of the to-be-displayed object, to obtain the page layout template of the to-be-displayed object; determines the display position of the component corresponding to the object component information in the rendered page as the component display position corresponding to the object component information according to the page layout template of the to-be-displayed object; and combines the object component information and the component display position corresponding to the object component information, to obtain the page layout information of the to-be-displayed object.
[0117] Further, after receiving the page layout information of the to-be-displayed object returned by the server, the terminal extracts the object component information and the component display position corresponding to the object component information from the page layout information; renders the corresponding object component in the corresponding position in the object information display area in the virtual space based on the object component information according to the component display position corresponding to the object component information; combines and renders the object components of the to-be-displayed object, to obtain the object card of the to-be-displayed object, and displays the object card on the page, such as Figure 3 .
[0118] The technical scheme provided by the embodiments of the present disclosure generates page layout information of the to-be-displayed object according to the object component information and the component display position corresponding to the object component information, which is beneficial to subsequent component rendering of the terminal, so that the component corresponding to the object component information can be rendered in the corresponding position according to the component display position corresponding to the object component information, so that the appearance position of the object component in the rendered page is not wrong, thereby improving the information display effect of the to-be-displayed object.
[0119] In an example embodiment, the page layout information includes first page layout information and second page layout information, the first page layout information is used to represent complete layout information of the to-be-displayed object in a current state, and the second page layout information is used to represent updated layout information of the to-be-displayed object in a target state. Then, the step S230 of sending the page layout information to the terminal specifically includes: sending the first page layout information and the second page layout information to the terminal, so that the terminal renders the object information display area in the virtual space according to the first page layout information, and updates the corresponding component in the rendered page according to the second page layout information when it is detected that the to-be-displayed object is in the target state.
[0120] The target state refers to that the cumulative sales of the to-be-displayed object reaches a certain threshold, such as 1000, 2000, etc.
[0121] Specifically, the server sends the first page layout information and the second page layout information to the terminal; after receiving the first page layout information and the second page layout information, the terminal renders the object information display area in the virtual space according to the object component information of the to-be-displayed object in the first page layout information, obtains a rendered page, and displays the rendered page; the rendered page includes an object card of the to-be-displayed object, and the object card includes multiple components of the to-be-displayed object. Then, the terminal detects the sales of the to-be-displayed object, and when the sales of the to-be-displayed object meets a preset threshold, it is determined that the to-be-displayed object is in a target state; in the case that the to-be-displayed object is in the target state, the corresponding component in the rendered page is updated according to the updated component information of the to-be-displayed object in the second page layout information, and the remaining unchanged components do not need to be updated, so as to obtain an updated page and display the updated page.
[0122] For example, referring to Figure 3 , the content displayed by the progress bar component of the to-be-displayed object is "2020 / 5000 have been grabbed", and when it is detected that the sales of the to-be-displayed object reaches 5000, the content displayed by the progress bar component of the to-be-displayed object is updated to "the sale ends".
[0123] The technical scheme provided by the embodiments of the present disclosure is that the server sends, to the terminal, first page layout information used to represent complete layout information of a to-be-presented object in a current state and second page layout information used to represent updated layout information of the to-be-presented object in a target state, so that, after the terminal renders a page corresponding to the current state according to the first page layout information, when the to-be-presented object is in the target state, the terminal can update the page corresponding to the current state in a timely manner according to the second page layout information to obtain a page in the target state, thereby ensuring timely updating of the page and improving the updating efficiency of the page.
[0124] In an example embodiment, after the step S130 of sending the page layout information to the terminal, rendering the object information display region in the virtual space according to the page layout information, and presenting the rendered page, the step S130 further includes: in a case where it is detected that the object information is updated, updating the page layout information according to the updated object information to obtain updated page layout information; and sending the updated page layout information to the terminal, so that the terminal performs component updating processing on the rendered page according to the updated page layout information.
[0125] The object information update can refer to update information of an original component or component information of a new component. The component updating processing can refer to updating the original component or adding the new component.
[0126] Specifically, the server detects the object information of the to-be-detected object, and in a case where it is detected that the object information of the to-be-detected object is updated, such as adding new object information to be presented or replacing original old object information, performs component mapping processing on the updated object information according to the component mapping instruction to obtain object component information matched with the updated object information as updated component information of the to-be-presented object, such as new component information or replacement information of the original component; generates updated page layout information based on the updated component information of the to-be-presented object according to the preset page layout information generation instruction; sends the updated page layout information to the terminal; and the terminal performs component updating processing on the rendered page according to the updated page layout information, such as adding a new component to the rendered page or replacing information of a certain original component in the rendered page.
[0127] For example, referring to Figure 3 , the content displayed by the progress bar component of the to-be-presented goods is "2020 / 5000 have been grabbed", and when the component updating processing is performed, the terminal can update the content displayed by the progress bar component to "2030 / 5000 have been grabbed", or Figure 3 add a new component to the displayed goods card, such as adding a shopping cart component.
[0128] The technical solution provided by the embodiments of the present disclosure ensures real-time updating of the page, thereby improving the real-time display effect of the page information, without any operation of the audience account.
[0129] Figure 5 is a flowchart of another information display method according to an example embodiment, as shown in Figure 5 The information display method is used in a terminal as shown in Figure 1 The information display method includes the following steps:
[0130] In step S510, an object information display request is generated according to an object information query operation of the virtual space, and the object information display request is sent to a corresponding server, so that the server obtains object information corresponding to the object information display request and obtains page layout information matched with the object information. The object information is used to represent the detail information of the object to be displayed, and the object component information of the object to be displayed is included in the page layout information, and the object component information is used to describe the component of the object to be displayed.
[0131] In step S520, the page layout information returned by the server is received.
[0132] In step S530, the object information display area in the virtual space is rendered according to the page layout information, and the rendered page is displayed. The rendered page includes the component of the object to be displayed.
[0133] Specifically, the terminal generates an object information display request in response to an object information query operation of the virtual space, and sends the object information display request to a corresponding server. The server obtains object information corresponding to the object information display request, and performs component mapping processing on the object information to obtain object component information of the object to be displayed. According to the object component information of the object to be displayed, page layout information matched with the object information is generated, and the page layout information is sent to the terminal. The terminal renders the object information display area in the virtual space according to the received page layout information, and displays the rendered page. The rendered page includes an object card of the object to be displayed, and the object card includes multiple components of the object to be displayed.
[0134] It should be noted that the specific limitations of steps S510 to S530 can be referred to steps S210 to S230, which will not be repeated here.
[0135] The above information display method converts object information of a to-be-displayed object into object component information, so that the terminal renders corresponding components in the object information display area in the virtual space according to the object component information, without understanding the service information based on the received field and then rendering the page based on the service information. Meanwhile, in the case of adding new object information, the server only needs to convert the new object information into corresponding object component information and send it to the terminal, without the need for the terminal and the server to agree on a field representing the new object information, and without the need for client development and release of a new version, thereby simplifying the information display process and improving the information display efficiency of the to-be-displayed object in the virtual space.
[0136] In an example embodiment, the page layout information includes first page layout information and second page layout information, the first page layout information is used to represent complete layout information of the to-be-displayed object in a current state, and the second page layout information is used to represent updated layout information of the to-be-displayed object in a target state. Then, the step S530 of rendering the object information display area in the virtual space according to the page layout information and displaying the rendered page includes: rendering the object information display area in the virtual space according to the first page layout information; and updating corresponding components in the rendered page according to the second page layout information when it is detected that the to-be-displayed object is in the target state.
[0137] It should be noted that the specific limitations of the above embodiments can refer to the related embodiments in the present disclosure, which will not be described in detail here.
[0138] The technical solution provided by the embodiments of the present disclosure sends, to the terminal, the first page layout information used to represent complete layout information of the to-be-displayed object in a current state and the second page layout information used to represent updated layout information of the to-be-displayed object in a target state, so that the terminal can update the page corresponding to the current state in a timely manner according to the second page layout information when the to-be-displayed object is in the target state, to obtain the page in the target state, thereby ensuring timely updating of the page and improving the updating efficiency of the page.
[0139] In an example embodiment, after the step S530 of rendering the object information display area in the virtual space according to the page layout information and displaying the rendered page, the method further includes: receiving updated page layout information sent by the server; the updated page layout information is obtained by the server by updating the page layout information according to updated object information when it is detected that the object information is updated; and performing component updating processing on the rendered page according to the updated page layout information.
[0140] It should be noted that the specific limitations of the above embodiments can refer to the related embodiments in the present disclosure, and will not be specifically described here.
[0141] The technical solution provided by the embodiments of the present disclosure ensures real-time updating of the page, thereby improving the real-time display effect of the page information, without any operation of the audience account, by the server actively sending the updated page layout information to the terminal, and causing the terminal to perform component updating processing on the rendered page according to the updated page layout information.
[0142] To more clearly illustrate the information display method provided by the embodiments of the present disclosure, the information display method is specifically described below with one specific embodiment. In one embodiment, a new UI interaction protocol is formulated, the new protocol abstracts card UI elements of a Xiaohuangche commodity list, and a client draws a UI style of a commodity list card according to the UI protocol. In this way, when there is a new demand leading to changes in the card UI, a server maps data models obtained through query to UI components according to the agreed UI protocol, and the client draws a style of the client UI according to the agreed UI protocol after obtaining the data returned by the interface, without understanding any business. Meanwhile, if the order and position of the UI on the card change, the server only needs to be adjusted, and the client also does not need to be developed and released. The specific contents include the following.
[0143] Step one: define components. Abstract the UI elements of the commodity card into components, and the component is the smallest display unit in the Xiaohuangche card, for example, a progress bar and a text. The content of the component includes the following two fields:
[0144] Table 1
[0145] Field Type Description code number Unique identification of the component payload object Data content contained by the component
[0146] (1) Progress bar component. The progress bar component represents a progress bar UI, and the information contained therein includes the total value of the progress bar, the current progress value, and the progress bar text prompt. The code of the progress bar component is 1001, and the payload is shown in Table 2.
[0147] Table 2
[0148]
[0149] (2) Time component. The time component is a component used to display a time cut point, which can be a countdown or a static time point text. The code of the time component is 2001, and the payload is shown in Table 3.
[0150] Table 3
[0151]
[0152]
[0153] (3) Text component. The text component defines the style of a static text, including the content of the text, the font color of the text, the border of the text, and the like. The code of the text component is 3001, and the payload is shown in Table 4.
[0154] Table 4
[0155]
[0156]
[0157] (4) Coupon component. The coupon component defines the style of a coupon UI, including the description of the coupon, the discount information of the coupon, the expiration time, and the like. The code of the coupon component is 3002, and the payload is shown in Table 5.
[0158] Table 5
[0159]
[0160] (5) Purchase button. The purchase button is an action button on the product card, and the user clicks to jump to the next page, which can be a bill page, a pop-up prompt, and a product landing page. The purchase button has various jump control capabilities, including controlling whether it can be clicked, click prompt, click jump behavior, and the like. The corresponding content of the purchase button is shown in Table 6.
[0161] Table 6
[0162]
[0163]
[0164] Step two: define the row. The row is an abstraction of each row in the product card, used to determine the coordinate position of a UI element. After abstracting the UI element into a component, it is necessary to have the ability to define the coordinate of an element in the card, so that the client can draw the style of the UI, so there is a definition of the row. A row contains one or more components. The data contained in each row is shown in Table 7. For example, a flash sale product has a flash sale progress bar and a flash sale countdown, and these two components occupy a row to represent the flash sale information.
[0165] Table 7
[0166]
[0167] Step three: define frame. Frame defines the layout of the entire card, which is composed of rows and button components, corresponding to the instantaneous state of a card. Since the purchase button is located in the lower right corner of the card, it is not aligned to the left, so the purchase button is defined separately from the row. There are two types of frames, one is a complete frame, which represents the current frame data that can completely describe the UI style of a card. The current data can be used to render the entire card style. The other is an incremental frame, which represents the current frame data that is an increment of the previous frame. Only the current incremental data is needed to update the card UI. The remaining unchanged component UI does not need to be updated. The frame has the following field content shown in Table 8:
[0168] Table 8
[0169]
[0170] Step four: interface delivery. The most common way of interaction between client and server is to pass data through the http interface, so interface delivery data is one of the ways. The client requests the server interface through the http protocol, and the server queries the data of the small yellow car commodity list after receiving the request. After querying the data, according to the product requirements, the corresponding data is mapped into fixed UI components, the components are built into rows, and finally the rows and purchase button components are built into full-frame and incremental frame data. After the data is built, the data is returned to the client through the http protocol, and the client renders the client's UI according to the agreed protocol, and finally obtains a commodity list card. The interface delivery data includes full-frame and incremental frame. Full-frame is used to draw the current UI style of the entire card, while incremental frame is used to define when the next moment is reached, the component data of the incremental frame is used to update the card style.
[0171] Reference Figure 3 The delivered data includes a full-frame and an incremental frame. The full-frame includes two rows of components and a purchase button component, where the first row includes two components, a progress bar component and a time component, used to display the UI first row of the countdown bar and the countdown. The second row includes a text component that delivers the service information of the goods. In addition to the two rows, there is also a purchase button component. The three components finally make up the right middle UI style data.
[0172] Step five: backend push. After the client obtains the data of the commodity card through the http interface, if the user does not close the small yellow car commodity card list, it also needs real-time data updating capability, so the server needs to increase the ability to actively push data, and the client can accept data refresh card data without user operation. The data pushed by the server is mostly incremental frame data, and in the case of full frame data under the interface, the incremental frame is pushed by the server to update the data in real time.
[0173] The overall process is: first, a new UI description protocol is developed to abstract the client's UI into components, then rows are defined to abstract the coordinates of the UI in the card, and finally frames are defined to abstract the UI layout of the entire card. After the protocol is developed, the server and the client actively pull data through the http interface and push data through the long link to realize the interaction between the server and the client.
[0174] The above information display method can achieve the following technical effects: (1) solving the problem of labor cost: after defining the component protocol, the client develops the code to describe the UI according to the protocol once, and if the subsequent demand changes do not add new UI style, only the display content and the order of the UI change, the client does not need to invest manpower to develop, and only the backend development needs to be put online, and the http interface protocol does not change, and the api project does not need to be changed, greatly reducing the cost of manpower investment of the server and the client. (2) solving the communication cost problem: after unifying the client component protocol, if there is a demand change, there is no need to communicate with the IOS, Android and small program end development colleagues again, and once the protocol is communicated, it can be used continuously, and the demand change does not need to be communicated repeatedly, greatly reducing the communication cost of each participant. (3) solving the demand release efficiency problem: after realizing dynamic through the component protocol, if there is no new style of UI, only the content and order of the UI element need to be adjusted, the client development does not need to be released, and the problem of client version coverage is also solved, and the demand release efficiency problem is solved. (4) solving the problem of business understanding difficulty: after customizing the unified component protocol, the end development colleagues no longer need to understand the business meaning, but only need to describe the UI according to the protocol, reducing the understanding cost of the client colleagues to the business. (5) solving the interface message redundancy problem: after formulating the unified protocol, all demands are issued through the unified UI component protocol, and there is no need to add new fields according to the business, and the field message of the interface is maintained within a certain size range, and the interface message redundancy problem is solved. (6) solving the real-time updating problem: the invention issues full data through full frame, issues UI change data through incremental frame, the server pushes the incremental frame to the client in real time, and the client updates the data changed in the card after obtaining the incremental frame data, solving the problem of real-time updating of UI data.
[0175] It should be understood that although each step in the flowchart involved in the above-described embodiments is shown in sequence according to the arrow, the steps are not necessarily executed in the order indicated by the arrow. Unless otherwise specified herein, the execution of the steps is not strictly limited in sequence, and the steps can be executed in other orders. Moreover, at least part of the steps in the flowchart involved in the above-described embodiments can include multiple steps or multiple stages, which are not necessarily executed at the same time but can be executed at different times, and the execution order of the steps or stages is not necessarily sequential but can be performed alternately or alternately with at least part of other steps or steps or stages in other steps.
[0176] It can be understood that the same / similar parts between each embodiment of the above-described method in the specification can be referred to each other, and each embodiment focuses on the difference from other embodiments, and the related part can be referred to the description of other method embodiments.
[0177] Based on the same inventive concept, the embodiments of the present disclosure also provide an information display device for implementing the above-mentioned information display method.
[0178] Figure 6 is a block diagram of an information display device according to an exemplary embodiment. Referring to Figure 6 The device includes a request response unit 610, an information acquisition unit 620, and an information sending unit 630.
[0179] The request response unit 610 is configured to execute the object information display request sent by the terminal to acquire the object information corresponding to the object information display request. The object information display request is generated by the terminal according to the object information query operation of the virtual space, and the object information is used to indicate the detail information of the object to be displayed.
[0180] The information acquisition unit 620 is configured to execute the page layout information matched with the object information. The page layout information includes the object component information of the object to be displayed, and the object component information is used to describe the component of the object to be displayed.
[0181] The information sending unit 630 is configured to execute the page layout information to the terminal, so that the terminal renders the object information display area in the virtual space according to the page layout information, and displays the rendered page. The rendered page includes the component of the object to be displayed.
[0182] In an example embodiment, the information obtaining unit 620 is further configured to perform component mapping processing on the object information to obtain object component information of the object to be displayed; and generate page layout information of the object to be displayed according to the object component information, as the page layout information matched with the object information.
[0183] In an example embodiment, the information obtaining unit 620 is further configured to perform extraction of key object information in the object information; and query a preset mapping relationship between the object information and the object component information according to the key object information to obtain the object component information of the object to be displayed.
[0184] In an example embodiment, the information obtaining unit 620 is further configured to perform determination of a component display position corresponding to the object component information according to a page layout template of the object to be displayed; the component display position is used to indicate a display position of a component corresponding to the object component information in a rendered page; and generation of page layout information of the object to be displayed according to the object component information and the component display position corresponding to the object component information.
[0185] In an example embodiment, the page layout information includes first page layout information and second page layout information; the first page layout information is used to indicate complete layout information of the object to be displayed in a current state; and the second page layout information is used to indicate updated layout information of the object to be displayed in a target state.
[0186] The information sending unit 630 is further configured to perform sending of the first page layout information and the second page layout information to the terminal, so that the terminal renders an object information display region in a virtual space according to the first page layout information, and updates a corresponding component in the rendered page according to the second page layout information when it is detected that the object to be displayed is in the target state.
[0187] In an example embodiment, the information display apparatus further includes an information updating unit configured to perform updating of the page layout information according to updated object information when it is detected that the object information is updated to obtain updated page layout information; and sending of the updated page layout information to the terminal, so that the terminal performs component updating processing on the rendered page according to the updated page layout information.
[0188] Figure 7 FIG. 7 is a block diagram of another information display apparatus according to an example embodiment. Referring to FIG. 7, Figure 7 The apparatus includes a request sending unit 710, an information receiving unit 720, and a page rendering unit 730.
[0189] The request sending unit 710 is configured to perform an object information query operation according to a virtual space, generate an object information display request, and send the object information display request to a corresponding server, so that the server obtains object information corresponding to the object information display request and obtains page layout information matched with the object information; the object information is used to represent detail information of an object to be displayed, and the page layout information includes object component information of the object to be displayed, and the object component information is used to describe components of the object to be displayed.
[0190] The information receiving unit 720 is configured to perform receiving page layout information returned by the server.
[0191] The page rendering unit 730 is configured to perform rendering an object information display area in the virtual space according to the page layout information, and display a rendered page; the rendered page includes components of the object to be displayed.
[0192] In an example embodiment, the page layout information includes first page layout information and second page layout information, the first page layout information is used to represent complete layout information of the object to be displayed in a current state, and the second page layout information is used to represent updated layout information of the object to be displayed in a target state.
[0193] The page rendering unit 730 is further configured to perform rendering the object information display area in the virtual space according to the first page layout information; and in a case where it is detected that the object to be displayed is in the target state, updating corresponding components in the rendered page according to the second page layout information.
[0194] In an example embodiment, the information display apparatus further includes an update processing unit configured to perform receiving updated page layout information sent by the server; the updated page layout information is obtained by the server according to updated object information in a case where it is detected that the object information is updated; and component update processing is performed on the rendered page according to the updated page layout information.
[0195] As to the apparatus in the above embodiments, the specific manners in which various modules perform operations have been described in detail in the embodiments of the method, and will not be described in detail here.
[0196] The various modules in the above information display apparatus can be realized by software, hardware, and combinations thereof, in whole or in part. The various modules can be embedded in or independent of a processor in a computer device in hardware form, or stored in a memory in a computer device in software form, so as to be called and executed by a processor to perform operations corresponding to the various modules.
[0197] Figure 8is a block diagram of a server 800 for implementing a method of information presentation according to an example embodiment. Referring to Figure 8 The server 800 includes a processing component 820, further including one or more processors, and a memory resource represented by a memory 822 for storing instructions, such as an application program, executable by the processing component 820. The application program stored in the memory 822 can include one or more than one module each corresponding to a set of instructions. In addition, the processing component 820 is configured to execute the instructions to perform the above method.
[0198] The server 800 can also include a power supply component 824 configured to perform power management of the server 800, a wired or wireless network interface 826 configured to connect the server 800 to a network, and an input / output (I / O) interface 828. The server 800 can operate based on an operating system stored in the memory 822, such as Windows Server, Mac OS X, Unix, Linux, FreeBSD or the like.
[0199] In an example embodiment, a computer readable storage medium including instructions, such as the memory 822 including instructions, is also provided, which can be executed by the processor of the server 800 to complete the above method. The storage medium can be a computer readable storage medium, such as ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk and optical data storage device, etc.
[0200] In an example embodiment, a computer program product including instructions is also provided, which can be executed by the processor of the server 800 to complete the above method.
[0201] Figure 9 is a block diagram of an electronic device 900 for implementing a method of information presentation according to an example embodiment. For example, the electronic device 900 can be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, etc.
[0202] Referring to Figure 9 The electronic device 900 can include one or more of the following components: a processing component 902, a memory 904, a power supply component 906, a multimedia component 908, an audio component 910, an input / output (I / O) interface 912, a sensor component 914, and a communication component 916.
[0203] The processing component 902 generally controls the overall operations of the electronic device 900, such as operations associated with display, phone calls, data communications, camera operations, and recording operations. The processing component 902 can include one or more processors 920 to execute instructions and to complete all or part of steps of the methods described above. In addition, the processing component 902 can include one or more modules to facilitate the interaction between the processing component 902 and other components. For example, the processing component 902 can include a multimedia module to facilitate the interaction between the multimedia component 908 and the processing component 902.
[0204] The memory 904 is configured to store various types of data to support operations of the electronic device 900. Examples of these data include instructions for any application or method operating on the electronic device 900, contact data, phonebook data, messages, pictures, videos, and so on. The memory 904 can be realized by any type of volatile or non-volatile memory device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disc, optical disc, or graphene memory.
[0205] The power component 906 provides power to the various components of the electronic device 900. The power component 906 can include a power management system, one or more power sources, and other components associated with generating, managing, and distributing power for the electronic device 900.
[0206] The multimedia component 908 includes a screen providing an output interface between the electronic device 900 and a user. In some embodiments, the screen can include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes the touch panel, the screen can be implemented as a touch screen to receive an input signal from a user. The touch panel includes one or more touch sensors to sense a touch, a slide, and a gesture on the touch panel. The touch sensors can not only sense a boundary of a touching or sliding action, but also detect duration and pressure related to the touching or sliding action. In some embodiments, the multimedia component 908 includes a front camera and / or a rear camera. The front camera and / or the rear camera can receive external multimedia data when the electronic device 900 is in an operating mode, such as a photographing mode or a video mode. Each of the front camera and the rear camera can be a fixed optical lens system or have a focal length and an optical zoom capability.
[0207] The audio component 910 is configured to output and / or input audio signals. For example, the audio component 910 includes a microphone (MIC) that is configured to receive an external audio signal when the electronic device 900 is in an operational mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signal can be further stored in the memory 904 or transmitted via the communication component 916. In some embodiments, the audio component 910 also includes a speaker for outputting audio signals.
[0208] The I / O interface 912 provides an interface between the processing component 902 and peripheral interface modules, which can include a keypad, a click wheel, buttons, and so on. The buttons can include, but are not limited to, a home button, a volume button, a start button, and a lock button.
[0209] The sensor component 914 includes one or more sensors for providing status assessments of various aspects of the electronic device 900. For example, the sensor component 914 can detect an open / closed position of the electronic device 900, relative positioning of components, such as a display and a keypad of the electronic device 900, a change of position of the electronic device 900 or a component of the electronic device 900, presence or absence of user contact with the electronic device 900, an orientation or acceleration / deceleration / g-force and a temperature change of the electronic device 900. The sensor component 914 can include a proximity sensor configured to detect presence of a nearby object without any physical touch. The sensor component 914 can also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor component 914 can also include an acceleration sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.
[0210] The communication component 916 is configured to facilitate wired or wireless communication between the electronic device 900 and other devices. The electronic device 900 can access a wireless network based on a communication standard, such as WiFi, a operator network, such as 2G, 3G, 4G, or 5G, or a combination thereof. In an example embodiment, the communication component 916 receives broadcast signals or broadcast-related information from an external broadcast management system via a broadcast channel. In an example embodiment, the communication component 916 also includes a Near Field Communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on Radio Frequency Identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology and other technology.
[0211] In an exemplary embodiment, the electronic device 900 can be implemented with one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, micro-controllers, microprocessors, or other electronic elements, for performing the above-described methods.
[0212] In an exemplary embodiment, a computer-readable storage medium including instructions, such as the memory 904 including instructions, is also provided, which can be executed by the processor 920 of the electronic device 900 to accomplish the above-described methods. For example, the computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disc, and an optical data storage device, etc.
[0213] In an exemplary embodiment, a computer program product including instructions, which can be executed by the processor 920 of the electronic device 900 to accomplish the above-described methods, is also provided.
[0214] It should be noted that the above-described apparatus, server, electronic device, computer-readable storage medium, computer program product, etc. according to the description of the method embodiments can also include other implementation manners, and the specific implementation manners can be referred to the description of the related method embodiments, which will not be repeated here.
[0215] Other embodiments of the present disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the features of the present disclosure disclosed herein. It is intended that the present disclosure cover any and all variations of the present disclosure including those variations contained within the spirit and scope of the features of the present disclosure. It is intended that the specification and examples be considered exemplary only, with the true scope and spirit of the present disclosure being indicated by the following claims.
[0216] It should be understood that the present disclosure is not limited to the precise structures herein described and illustrated, and that various modifications and changes can be made without departing from the scope thereof. The scope of the present disclosure is limited only by the claims appended hereto.
Claims
1. An information display method, characterized in that, Applied to servers, including: Based on the object information display request sent by the terminal, the object information corresponding to the object information display request is obtained; the object information display request is generated by the terminal based on the object information query operation in the virtual space, and the object information is used to represent the details of the object to be displayed requested by the object information display request; the virtual space refers to the live broadcast room, and the object information query operation refers to the query operation on the object information of the object to be displayed; Obtain page layout information that matches the object information; the page layout information includes object component information of the object to be displayed, the object component information being used to describe the components of the object to be displayed; the object component information refers to the object component information corresponding to the key object information in the object information; the components of the object to be displayed refer to the components associated with the object to be displayed that need to be displayed in the object information display area in the virtual space. The page layout information is sent to the terminal, which then renders the object information display area in the virtual space based on the object component information of the object to be displayed in the page layout information, and displays the rendered page; the rendered page includes the components of the object to be displayed.
2. The method according to claim 1, characterized in that, The step of obtaining page layout information that matches the object information includes: Perform component mapping processing on the object information to obtain the object component information of the object to be displayed; Based on the object component information, page layout information of the object to be displayed is generated, which serves as the page layout information matching the object information.
3. The method according to claim 2, characterized in that, The step of performing component mapping processing on the object information to obtain the object component information of the object to be displayed includes: Extract key object information from the object information; Based on the key object information, the mapping relationship between the preset object information and object component information is queried to obtain the object component information of the object to be displayed.
4. The method according to claim 2, characterized in that, The step of generating page layout information for the object to be displayed based on the object component information includes: Based on the page layout template of the object to be displayed, the component display position corresponding to the object component information is determined; the component display position is used to indicate the display position of the component corresponding to the object component information in the rendered page; Based on the object component information and the corresponding component display position, the page layout information of the object to be displayed is generated.
5. The method according to claim 1, characterized in that, The page layout information includes first page layout information and second page layout information. The first page layout information is used to represent the complete layout information of the object to be displayed in the current state, and the second page layout information is used to represent the updated layout information of the object to be displayed in the target state. Sending the page layout information to the terminal includes: The first page layout information and the second page layout information are sent to the terminal, so that the terminal renders the object information display area in the virtual space according to the first page layout information, and when it detects that the object to be displayed is in the target state, it updates the corresponding components in the rendered page according to the second page layout information.
6. The method according to claim 1, characterized in that, After sending the page layout information to the terminal, causing the terminal to render the object information display area in the virtual space according to the page layout information, and displaying the rendered page, the method further includes: If the object information is updated, the page layout information is updated according to the updated object information to obtain the updated page layout information; The updated page layout information is sent to the terminal, so that the terminal can perform component update processing on the rendered page according to the updated page layout information.
7. An information display method, characterized in that, Applied to terminals, including: Based on the object information query operation in the virtual space, an object information display request is generated and sent to the corresponding server. The server then retrieves the object information corresponding to the object information display request and obtains page layout information matching the object information. The object information represents the details of the object to be displayed requested by the object information display request. The page layout information includes object component information of the object to be displayed, which describes the components of the object to be displayed. The virtual space refers to a live streaming room, and the object information query operation refers to a query operation on the object information of the object to be displayed. The object component information refers to the object component information corresponding to the key object information in the object information. The components of the object to be displayed refer to the components associated with the object to be displayed that need to be displayed in the object information display area of the virtual space. Receive the page layout information returned by the server; Based on the object component information of the object to be displayed in the page layout information, the object information display area in the virtual space is rendered, and the rendered page is displayed; the rendered page includes the components of the object to be displayed.
8. The method according to claim 7, characterized in that, The page layout information includes first page layout information and second page layout information. The first page layout information is used to represent the complete layout information of the object to be displayed in the current state, and the second page layout information is used to represent the updated layout information of the object to be displayed in the target state. The step of rendering the object information display area in the virtual space according to the page layout information and displaying the rendered page includes: The object information display area in the virtual space is rendered according to the first page layout information; When the object to be displayed is detected to be in the target state, the corresponding components in the rendered page are updated according to the second page layout information.
9. The method according to claim 7, characterized in that, After rendering the object information display area in the virtual space according to the page layout information and displaying the rendered page, the method further includes: The server receives updated page layout information; the updated page layout information is obtained by the server updating the page layout information according to the updated object information when it detects that the object information has been updated. Based on the updated page layout information, the rendered page is updated with new components.
10. An information display device, characterized in that, Applied to servers, including: The request response unit is configured to execute an object information display request sent by the terminal and obtain object information corresponding to the object information display request; the object information display request is generated by the terminal based on the object information query operation of the virtual space, and the object information is used to represent the details of the object to be displayed requested by the object information display request; the virtual space refers to a live broadcast room, and the object information query operation refers to the query operation on the object information of the object to be displayed; The information acquisition unit is configured to acquire page layout information that matches the object information; the page layout information includes object component information of the object to be displayed, the object component information being used to describe the components of the object to be displayed; the object component information refers to the object component information corresponding to the key object information in the object information; the components of the object to be displayed refer to the components associated with the object to be displayed that need to be displayed in the object information display area in the virtual space. The information sending unit is configured to send the page layout information to the terminal, so that the terminal renders the object information display area in the virtual space according to the object component information of the object to be displayed in the page layout information, and displays the rendered page; the rendered page includes the components of the object to be displayed.
11. The apparatus according to claim 10, characterized in that, The information acquisition unit is further configured to perform component mapping processing on the object information to obtain object component information of the object to be displayed; and generate page layout information of the object to be displayed based on the object component information, as page layout information matching the object information.
12. The apparatus according to claim 11, characterized in that, The information acquisition unit is further configured to extract key object information from the object information; and based on the key object information, query the preset mapping relationship between object information and object component information to obtain the object component information of the object to be displayed.
13. The apparatus according to claim 11, characterized in that, The information acquisition unit is further configured to perform the following: determine the component display position corresponding to the object component information based on the page layout template of the object to be displayed; the component display position is used to represent the display position of the component corresponding to the object component information in the rendered page; and generate the page layout information of the object to be displayed based on the object component information and the component display position corresponding to the object component information.
14. The apparatus according to claim 10, characterized in that, The page layout information includes first page layout information and second page layout information. The first page layout information is used to represent the complete layout information of the object to be displayed in the current state, and the second page layout information is used to represent the updated layout information of the object to be displayed in the target state. The information sending unit is further configured to send the first page layout information and the second page layout information to the terminal, so that the terminal renders the object information display area in the virtual space according to the first page layout information, and updates the corresponding components in the rendered page according to the second page layout information when it detects that the object to be displayed is in the target state.
15. The apparatus according to claim 10, characterized in that, The device further includes an information update unit, configured to update the page layout information according to the updated object information when the object information is detected to obtain the updated page layout information. The updated page layout information is sent to the terminal, so that the terminal can perform component update processing on the rendered page according to the updated page layout information.
16. An information display device, characterized in that, Applied to terminals, including: The request sending unit is configured to perform an object information query operation based on virtual space, generate an object information display request, and send the object information display request to the corresponding server. The server then obtains the object information corresponding to the object information display request and the page layout information matching the object information. The object information represents the details of the object to be displayed requested by the object information display request. The page layout information includes object component information of the object to be displayed, which describes the components of the object to be displayed. The virtual space refers to a live streaming room, the object information query operation refers to a query operation on the object information of the object to be displayed, the object component information refers to the object component information corresponding to the key object information in the object information, and the components of the object to be displayed refer to the components associated with the object to be displayed that need to be displayed in the object information display area of the virtual space. The information receiving unit is configured to receive the page layout information returned by the server; The page rendering unit is configured to render the object information display area in the virtual space according to the object component information of the object to be displayed in the page layout information, and display the rendered page; the rendered page includes the components of the object to be displayed.
17. The apparatus according to claim 16, characterized in that, The page layout information includes first page layout information and second page layout information. The first page layout information is used to represent the complete layout information of the object to be displayed in the current state, and the second page layout information is used to represent the updated layout information of the object to be displayed in the target state. The page rendering unit is further configured to render the object information display area in the virtual space according to the first page layout information; and when the object to be displayed is detected to be in the target state, update the corresponding components in the rendered page according to the second page layout information.
18. The apparatus according to claim 16, characterized in that, The device further includes an update processing unit configured to receive updated page layout information sent by the server; the updated page layout information is obtained by the server updating the page layout information according to the updated object information when it detects that the object information has been updated; Based on the updated page layout information, the rendered page is updated with new components.
19. A server, characterized in that, include: processor; Memory used to store the processor's executable instructions; The processor is configured to execute the instructions to implement the information display method as described in any one of claims 1 to 6.
20. An electronic device, characterized in that, include: processor; Memory used to store the processor's executable instructions; The processor is configured to execute the instructions to implement the information display method as described in any one of claims 7 to 9.
21. A computer-readable storage medium, characterized in that, When the instructions in the computer-readable storage medium are executed by the processor of the server, the server is able to perform the information display method as described in any one of claims 1 to 6.
22. A computer-readable storage medium, characterized in that, When the instructions in the computer-readable storage medium are executed by the processor of the electronic device, the electronic device is able to perform the information display method as described in any one of claims 7 to 9.
23. A computer program product, the computer program product comprising instructions, characterized in that, When the instruction is executed by the server's processor, the server is able to perform the information display method as described in any one of claims 1 to 6.
24. A computer program product, the computer program product comprising instructions, characterized in that, When the instruction is executed by the processor of the electronic device, the electronic device is able to perform the information display method as described in any one of claims 7 to 9.
Citation Information
Patent Citations
Page display method and system
CN110020388A