Information display method and device, computer readable storage medium, and electronic device

Abstract

The present disclosure relates to an information display method and device, a computer readable storage medium and an electronic device, and relates to the technical field of computers, and the method comprises: configuring, by a bottom logic layer, an original function slot for a function component according to attribute information possessed by the function component; binding, by the bottom logic layer, target data for the original function slot to obtain a target function slot; rendering, by a middle service layer, the target function slot according to the target data bound in the target function slot to obtain a rendering view corresponding to the target function slot; and displaying, by an upper view layer, the rendering view on a display interface of a terminal device. The present disclosure enables custom setting of the display effect of a function component.

Description

Technical Field

[0001] This disclosure relates to the field of computer technology, and more specifically, to an information display method, an information display device, a computer-readable storage medium, and an electronic device. Background Technology

[0002] In existing technologies, to improve code reusability, portability, and stability, some relatively independent functions are usually extracted into a functional component. For example, the payment function can be extracted into an independent functional component, which users can reference in any place, thereby improving development efficiency.

[0003] However, the above solution has the following drawbacks: the display effect of the extracted functional component is fixed, and it is difficult for the user of the functional component to redefine the display effect of the functional component, thus making it impossible to customize the display effect of the functional component.

[0004] It should be noted that the information in the background section above is only used to enhance the understanding of the background of this disclosure, and therefore may include information that does not constitute prior art known to those skilled in the art. Summary of the Invention

[0005] The purpose of this disclosure is to provide an information display method, an information display device, a computer-readable storage medium, and an electronic device, thereby overcoming, to at least a certain extent, the problem that it is impossible to customize the display effect of functional components due to the limitations and defects of related technologies.

[0006] According to one aspect of this disclosure, an information display method is provided, configured in a terminal device, the terminal device including a lower logic layer, a middle service layer, and an upper view layer, the information display method comprising:

[0007] The underlying logic layer configures the original functional slots for the functional components based on the attribute information of the functional components.

[0008] The target functional slot is obtained by binding target data to the original functional slot through the underlying logic layer;

[0009] The intermediate business layer renders the target function slot based on the target data bound in the target function slot to obtain a rendering view corresponding to the target function slot.

[0010] The rendered view is displayed on the display interface of the terminal device through the upper view layer.

[0011] In one exemplary embodiment of this disclosure, the attribute information includes the functional characteristics of the functional component, the data structure required to implement the functional characteristics, and the usage scenarios of the functional component;

[0012] Specifically, configuring original functional slots for the functional components based on their attribute information includes:

[0013] Obtain the functional characteristics of the functional component, the data structure required to implement the functional characteristics, and the usage scenarios of the functional component;

[0014] Configure original function slots for the functional components according to the functional characteristics; wherein, one original function slot corresponds to one functional characteristic, and one functional characteristic corresponds to one or more target data.

[0015] In one exemplary embodiment of this disclosure, binding target data to the original functional slot to obtain the target functional slot includes:

[0016] Based on the data structure required to achieve the aforementioned functional characteristics, obtain the raw data from the server and / or the terminal device.

[0017] Based on the sub-functional characteristics of each original functional slot and the sub-data structure required to implement those sub-functional characteristics, the original data is segmented to obtain the target data required for each original functional slot.

[0018] The original functional slot and the target data are bound together to obtain the target functional slot.

[0019] In one exemplary embodiment of this disclosure, binding the original functional slot and the target data to obtain the target functional slot includes:

[0020] Based on the usage scenarios of the functional components and the sub-functional characteristics of each original functional slot, configure the interactive events that the original functional slot can support for each original functional slot.

[0021] The original function slot is bound to the target data and interaction events to obtain the target function slot.

[0022] In one exemplary embodiment of this disclosure, rendering the target function slot based on the target data bound in the target function slot to obtain a rendered view corresponding to the target function slot includes:

[0023] The target function slot is provided to the user of the function component, and in response to the user's selection operation of the target function slot, the function slot to be rendered is determined.

[0024] Based on the target data bound in the function slot to be rendered, the function slot to be rendered is rendered to obtain a rendering view corresponding to the function slot to be rendered.

[0025] In one exemplary embodiment of this disclosure, the information display method further includes:

[0026] The upper view layer responds to input events on the rendered view acting on the display interface, and determines the target function slot corresponding to the input event based on the location of the input event.

[0027] The input event is sent to the underlying logic layer through the target function slot corresponding to the input event;

[0028] The input event is processed through the underlying logic layer to obtain the event processing result;

[0029] The event processing result is displayed on the terminal device's display interface via the upper view layer at the display position corresponding to the target function slot of the input event.

[0030] In one exemplary embodiment of this disclosure, the input event is processed to obtain an event processing result, including:

[0031] Based on the event category of the interactive event bound to the target function slot, determine the event processing flow required to process the input event;

[0032] The input event is processed based on the event processing flow to obtain the event processing result.

[0033] In one exemplary embodiment of this disclosure, the event category includes an information display category and / or an information interaction category;

[0034] Specifically, based on the event category of the interactive event bound to the target function slot, the event processing flow required to process the input event is determined, including:

[0035] When the event category is the information display category, the event processing flow required to process the input event is determined to be the information acquisition flow.

[0036] When the event category is an information interaction category, the event processing flow required to process the input event is determined to be a data request and data feedback flow.

[0037] In one exemplary embodiment of this disclosure, when the event category is an information interaction category, the input event is processed based on the event processing flow to obtain an event processing result, including:

[0038] Determine the information to be displayed in the target function slot corresponding to the input event, obtain the information to be displayed, and obtain the event processing result including the information to be displayed.

[0039] In one exemplary embodiment of this disclosure, when the event category is an information interaction category, the input event is processed based on the event processing flow to obtain an event processing result, including:

[0040] Determine the application server that the target function slot corresponding to the input event needs to access and the data information that needs to be requested;

[0041] Generate a data access request based on the required data information, and send the data access request to the application server;

[0042] Receive the request result from the application server in response to the data access request, and obtain the event handling result including the request result.

[0043] According to one aspect of this disclosure, an information display device is provided, configured in a terminal device, the terminal device including a lower logic layer, a middle service layer, and an upper view layer, the information display device comprising:

[0044] The function slot configuration module is used to configure the original function slot for the function component based on the attribute information of the function component through the underlying logic layer.

[0045] The target data binding module is used to bind target data to the original functional slot through the underlying logic layer to obtain the target functional slot;

[0046] The function slot rendering module is used to render the target function slot according to the target data bound in the target function slot through the intermediate business layer, so as to obtain a rendering view corresponding to the target function slot.

[0047] The rendering view display module is used to display the rendering view on the display interface of the terminal device through the upper view layer.

[0048] According to one aspect of this disclosure, a computer-readable storage medium is provided having a computer program stored thereon, which, when executed by a processor, implements the information display method described in any of the preceding claims.

[0049] According to one aspect of this disclosure, an electronic device is provided, comprising:

[0050] Processor; and

[0051] Memory for storing the executable instructions of the processor;

[0052] The processor is configured to execute any of the above-described information display methods by executing the executable instructions.

[0053] The information display method provided in this disclosure has several advantages. Firstly, it allows for the configuration of original functional slots for functional components based on their attribute information via a lower logic layer. Then, target data is bound to these slots to obtain target functional slots. Next, a middle business layer renders the target functional slots based on the bound target data, resulting in a rendered view corresponding to the target functional slot. Finally, the rendered view is displayed on the terminal device's display interface via an upper view layer. This solves the problem in existing technologies where users of functional components cannot easily redefine their display effects, thus hindering customization and improving the flexibility of functional components during use. Secondly, when changes to the display effect of a functional component are required, only the target data bound to the corresponding functional slot needs adjustment, without altering the logic of the functional component itself. This avoids logical errors caused by modifying the component's logic and improves the efficiency of modifying its display effect.

[0054] It should be understood that the above general description and the following detailed description are exemplary and explanatory only, and are not intended to limit this disclosure. Attached Figure Description

[0055] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this disclosure and, together with the description, serve to explain the principles of this disclosure. It is obvious that the drawings described below are merely some embodiments of this disclosure, and those skilled in the art can obtain other drawings based on these drawings without any inventive effort.

[0056] Figure 1 A flowchart illustrating an information display method according to an example embodiment of the present disclosure is shown schematically.

[0057] Figure 2 The diagram schematically illustrates a structural example of a terminal device according to an exemplary embodiment of the present disclosure.

[0058] Figure 3 The diagram schematically illustrates an example of a target function slot that is bound to target data and interactive events according to an example embodiment of the present disclosure.

[0059] Figure 4 The illustration shows a scene example of a rendered view displayed on a display interface according to an example embodiment of the present disclosure.

[0060] Figure 5 The diagram schematically illustrates a method flowchart for processing input events and displaying the results of event processing according to an example embodiment of the present disclosure.

[0061] Figure 6 This diagram schematically illustrates an example scenario of an input event acting on a rendered view displayed on a display interface, according to an example embodiment of this disclosure.

[0062] Figure 7 The diagram illustrates a scenario example of an event handling result corresponding to a user slot according to an exemplary embodiment of this disclosure.

[0063] Figure 8 The diagram schematically illustrates a scenario example of an event handling result corresponding to an intro slot according to an exemplary embodiment of this disclosure.

[0064] Figure 9 The diagram illustrates a scenario example of an event handling result corresponding to a pay slot according to an example embodiment of this disclosure.

[0065] Figure 10 A flowchart illustrating another information display method according to an example embodiment of this disclosure is shown schematically.

[0066] Figure 11 A block diagram schematically illustrates an information display device according to an exemplary embodiment of the present disclosure.

[0067] Figure 12 An electronic device for implementing the above-described information display method is illustrated according to an example embodiment of the present disclosure. Detailed Implementation

[0068] Example embodiments will now be described more fully with reference to the accompanying drawings. However, example embodiments can be implemented in many forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided to make this disclosure more comprehensive and complete, and to fully convey the concept of the example embodiments to those skilled in the art. The described features, structures, or characteristics can be combined in any suitable manner in one or more embodiments. In the following description, numerous specific details are provided to give a full understanding of embodiments of this disclosure. However, those skilled in the art will recognize that the technical solutions of this disclosure can be practiced with one or more of the specific details omitted, or other methods, components, apparatus, steps, etc., can be employed. In other instances, well-known technical solutions are not shown or described in detail to avoid obscuring various aspects of this disclosure.

[0069] Furthermore, the accompanying drawings are merely illustrative of this disclosure and are not necessarily drawn to scale. The same reference numerals in the drawings denote the same or similar parts, and therefore repeated descriptions of them will be omitted. Some block diagrams shown in the drawings are functional entities and do not necessarily correspond to physically or logically independent entities. These functional entities may be implemented in software, in one or more hardware modules or integrated circuits, or in different network and / or processor devices and / or microcontroller devices.

[0070] In existing technologies, to improve code reusability, portability, and stability, some relatively independent functions are usually extracted into a functional component. For example, the payment function can be extracted into an independent functional component, which users can reference in any place, thereby improving development efficiency.

[0071] However, the above solution has the following drawbacks: On the one hand, the display effect of the extracted functional component is fixed, making it difficult for users to redefine the display effect of the functional component, thus preventing them from customizing the style of the functional component and making it impossible to adapt the display result of the functional component to the scene theme; on the other hand, in some specific scenarios, if the display effect of the functional component is to be adapted to the scene theme, it is necessary to redefine the display effect of the functional component based on the modification of the original logic of the functional component; however, modifying the original logic may result in logical errors, which may lead to the inability to display.

[0072] This exemplary embodiment first provides an information display method, which can run on a terminal device. The terminal device can be a mobile terminal (e.g., a mobile phone, tablet computer, or personal computer) or a fixed terminal (e.g., a computer device, a large-screen display terminal, such as a smart TV, a multi-functional conference all-in-one machine, etc.). Of course, it can also run on a server, server cluster, or cloud server. Furthermore, those skilled in the art can run the method disclosed herein on other platforms as needed, and this exemplary embodiment does not impose any special limitations on this. Specifically, refer to... Figure 1 As shown, the information display method may include the following steps:

[0073] Step S110. Configure the original functional slot for the functional component according to the attribute information of the functional component through the underlying logic layer;

[0074] Step S120. Bind target data to the original functional slot through the underlying logic layer to obtain the target functional slot;

[0075] Step S130. The intermediate business layer renders the target function slot according to the target data bound in the target function slot to obtain a rendering view corresponding to the target function slot;

[0076] Step S140. Display the rendered view on the display interface of the terminal device through the upper view layer.

[0077] In the aforementioned information display method, on the one hand, the underlying logic layer can configure the original functional slot for the functional component based on its attribute information; then, the underlying logic layer binds target data to the original functional slot to obtain the target functional slot; then, the intermediate business layer renders the target functional slot based on the target data bound in the target functional slot to obtain a rendered view corresponding to the target functional slot; finally, the upper view layer displays the rendered view on the terminal device's display interface. This solves the problem in existing technologies where users of functional components find it difficult to redefine the display effect of the functional component, thus making it impossible to customize the display effect of the functional component, thereby improving the flexibility of the functional component in use. On the other hand, when it is necessary to change the display effect of the functional component, only the target data bound to the corresponding functional slot in the functional component needs to be adjusted, without changing the logic of the functional component itself. This avoids the problem of logical errors caused by changing the logic of the functional component itself, and also improves the efficiency of modifying the display effect of the functional component.

[0078] The following will provide a detailed explanation and description of the information display method of the exemplary embodiments of this disclosure, in conjunction with the accompanying drawings.

[0079] First, the inventive purpose of the exemplary embodiments of this disclosure will be explained and described. Specifically, the information display method provided in the exemplary embodiments of this disclosure can provide different functional slots to users of functional components according to functional division. Users of functional components can introduce functional slots as needed according to actual conditions, thereby completing the overall customized design of the functional component through the customized design of functional slots.

[0080] Secondly, the terminal device described in the exemplary embodiments of this disclosure will be explained and described. Specifically, refer to... Figure 2 As shown, the terminal device 200 may include a bottom logic layer 210, a middle service layer 220, and an upper view layer 230; wherein the bottom logic layer 210, the middle service layer 220, and the upper view layer 230 are sequentially connected in communication. The bottom logic layer can be used to configure original function slots for functional components based on the attribute information of the functional components, and bind target data to the original function slots to obtain target function slots; the middle service layer can be used to render the target function slots based on the target data bound in the target function slots to obtain a rendered view corresponding to the target function slots; the upper view layer can be used to display the rendered view on the display interface of the terminal device.

[0081] The following will combine Figure 2 right Figure 1 The method for displaying the information shown is explained and illustrated. Specifically:

[0082] In step S110, the underlying logic layer configures the original functional slot for the functional component based on the attribute information of the functional component.

[0083] In this example embodiment, the functional components involved are first explained and described. Specifically, the programming language frameworks used to implement the display of the functional components in this example embodiment include, but are not limited to, Vue. Vue will be used as an example in the following description. Specifically, this example embodiment can be implemented using the programming language framework Vue. Vue is a progressive framework for building user interfaces. Unlike other large frameworks, Vue is designed to be applied layer by layer from the bottom up. Furthermore, Vue's core library focuses only on the view layer, making it easy to learn and integrate with third-party libraries or existing projects. On the other hand, when used in conjunction with modern toolchains and various supporting libraries, Vue is fully capable of driving complex single-page applications. Furthermore, Vue also provides slot functionality, which allows content distribution by creating slots.

[0084] The following code snippets will provide a simple explanation of the functional components. The specific implementation process of the functional component definition is as follows:

[0085]

[0086] Secondly, the attribute information of the aforementioned functional components will be explained and described. Specifically, the attribute information of a functional component may include its functional characteristics, the data structures required to implement those characteristics, and the usage scenarios it supports. That is, the functional characteristics of a functional component (also called a functional module), the data structures required (or dependent on) to implement each characteristic, and the usage scenarios it supports must be planned and designed holistically before the component is implemented. For example, a payment function component may have functional characteristics including, but not limited to: payment function, information display function, third-party application access function, instant messaging function, and interactive game function, etc. This example does not impose any special restrictions on these. The data structures required to implement each characteristic can be determined according to the actual needs of each characteristic, and this example does not impose any special restrictions on these. Usage scenarios may include system platforms, third-party applications, or independent use, etc., and this example does not impose any special restrictions on these.

[0087] Secondly, the specific configuration process of the original functional slots is explained and described. Specifically, based on the attribute information of the functional component, the original functional slots are configured for the functional component, which can be achieved in the following way: First, obtain the functional characteristics of the functional component, the data structure required to implement the functional characteristics, and the usage scenarios of the functional component; second, configure the original functional slots for the functional component according to the functional characteristics; wherein, one original functional slot corresponds to one functional characteristic, and one functional characteristic corresponds to one or more target data.

[0088] In some example embodiments, during specific applications, when it is necessary to configure a functional slot for a functional component, the functional characteristics of the functional component, the data structure required to implement the functional characteristics, and the usage scenarios of the functional component can be obtained from the corresponding database. Then, based on the functional characteristics of the functional component, an original functional slot can be configured for the functional component. This original functional slot can be used to create custom content (that is, the functional characteristics that the original functional slot can implement can be defined according to actual needs), and target data can be bound to the original functional slot, allowing users of the functional component to perform customized content rendering on the original functional slot based on the target data. Furthermore, the original functional slot provides reusability; a slot can be used an unlimited number of times. That is, if it is necessary to change the functional characteristics of the original functional slot, it is only necessary to unbind the target data and bind other target data.

[0089] In step S120, target data is bound to the original functional slot through the underlying logic layer to obtain the target functional slot.

[0090] In this example embodiment, binding target data to the original functional slot to obtain the target functional slot can be achieved in the following way: First, obtain the original data from the server and / or the terminal device according to the data structure required to implement the functional feature; second, divide the original data according to the sub-functional feature of each original functional slot and the sub-data structure required to implement the sub-functional feature to obtain the target data required for each original functional slot; finally, bind the original functional slot and the target data to obtain the target functional slot.

[0091] In some example embodiments, during specific applications, the raw data can be obtained from the client's terminal device, requested from the server, or simultaneously from both the terminal device and the server. This example does not impose any special limitations on this. Furthermore, once the raw data is obtained, it can be segmented (differentiated processing) according to the overall design of the functional components and the design of the original functional slots to obtain the target data that each original functional slot depends on in implementing its sub-functional characteristics. Finally, the target data is bound to the original functional slots to obtain the target functional slots. It should be noted that each original functional slot has its own independent role or function; therefore, it is necessary to segment the raw data and bind corresponding data to each original functional slot to achieve personalized design of the original functional slots.

[0092] In some example embodiments, corresponding interaction events can also be bound to the original functional slots. Specifically, binding the original functional slots and the target data to obtain the target functional slot can also be achieved in the following way: First, based on the usage scenarios of the functional components and the sub-functional characteristics of each original functional slot, configure the interaction events that the original functional slot can support for each original functional slot; second, bind the original functional slots, the target data, and the interaction events to obtain the target functional slot. For details on the target functional slot bound with the target data and interaction events, please refer to... Figure 3 As shown.

[0093] It should be noted that the interactive events described here include those input via finger input and those input via external devices. Among them, interactive events input via finger input can include click events and long press events, etc., while interactive events input via external devices can include single-click events, double-click events, etc. In actual application, these can be set according to actual needs, and this example does not impose any special restrictions on them.

[0094] In some example implementations, for instance, original function slots named "user" (user information) and "intro" (information summary) are defined in the functional component. The "user" slot is bound to "user" data and a click event, while the "intro" slot is bound to "intro" data. During module usage, the "user" slot renders an avatar and name, and the click event of the avatar is passed to the click event bound to the slot. The "intro" slot, on the other hand, directly renders the "intro" information.

[0095] In step S130, the intermediate business layer renders the target function slot according to the target data bound in the target function slot to obtain a rendering view corresponding to the target function slot.

[0096] In this example embodiment, the target function slot is rendered according to the target data bound in the target function slot to obtain a rendered view corresponding to the target function slot. Specifically, this can be achieved as follows: First, the target function slot is provided to the user of the function component, and in response to the user's selection operation of the target function slot, the function slot to be rendered is determined. Second, the function slot to be rendered is rendered according to the target data bound in the function slot to be rendered to obtain a rendered view corresponding to the function slot to be rendered.

[0097] In some example embodiments, during specific applications, target function slots can be provided to users of functional components. Functional components can expose these target function slots to allow users to customize rendering for different slots. For example, the intermediate business layer, i.e., the user of the functional component, uses the target data bound to the exposed target function slots to render the content of the functional component. Simultaneously, the intermediate business layer can also render target function slots on demand. For instance, if a functional component exposes target function slot 1, target function slot 2, and target function slot 3, only target function slot 1 and target function slot 2 need to be rendered in scenario one, and only target function slot 2 and target function slot 3 need to be rendered in scenario two. Therefore, the corresponding target function slot to be rendered can be selected according to the actual scenario requirements. It should be noted that since the intermediate business layer only needs to handle content rendering and does not need to handle the logical interactions of interactive components (all logical interactions are handled by the underlying logic layer), rendering errors caused by the intermediate business layer defining logical interactions are avoided, thus improving the accuracy of the obtained rendered view.

[0098] In step S140, the rendered view is displayed on the display interface of the terminal device through the upper view layer.

[0099] Specifically, the upper view layer mainly presents the fully rendered content of the target function slots included in the functional components to the user; for details, please refer to the rendered view displayed on the display interface. Figure 4 As shown.

[0100] At this point, the rendering view display process is complete. Based on the foregoing description, it can be seen that the information display method provided by the example embodiment of this disclosure can support the customization of the style of functional components through slots. Users of functional components can customize the style (display effect) of functional components for different scenarios, which improves the flexibility of using functional components. At the same time, users of functional components only need to develop the upper view layer (that is, select the corresponding original functional slot according to actual needs) without processing the underlying logic layer, thereby avoiding errors caused by modifying the logic.

[0101] Figure 5 This schematically illustrates a flowchart of a method for processing input events and displaying the results of event processing according to an exemplary embodiment of this disclosure. Specifically, refer to... Figure 5 As shown, the following steps may be included:

[0102] Step S510: In response to an input event on the rendered view acting on the display interface, the upper view layer determines the target function slot corresponding to the input event based on the location of the input event.

[0103] Step S520: Send the input event to the underlying logic layer through the target function slot corresponding to the input event.

[0104] Step S530: The input event is processed through the underlying logic layer to obtain the event processing result.

[0105] In some example embodiments, the input event is processed to obtain the event processing result, which can be achieved as follows: First, the event processing flow required to process the input event is determined according to the event category of the interactive event bound to the target function slot; second, the input event is processed based on the event processing flow to obtain the event processing result.

[0106] In some example embodiments, the event category includes an information display category and / or an information interaction category; wherein, determining the event processing flow required to process the input event based on the event category of the interactive event bound to the target function slot can be implemented in the following ways: one is that when the event category is an information display category, the event processing flow required to process the input event is determined to be an information acquisition flow; the other is that when the event category is an information interaction category, the event processing flow required to process the input event is determined to be a data request and data feedback flow.

[0107] In some example embodiments, when the event category is an information interaction category, the input event is processed based on the event processing flow to obtain the event processing result. This can be achieved by: determining the information to be displayed in the target function slot corresponding to the input event, obtaining the information to be displayed, and obtaining the event processing result including the information to be displayed.

[0108] In some example embodiments, when the event category is an information interaction category, the input event is processed based on the event processing flow to obtain the event processing result. This can be achieved as follows: First, determine the application server that the target function slot corresponding to the input event needs to access and the data information that needs to be requested; second, generate a data access request based on the data information to be requested and send the data access request to the application server; finally, receive the request result fed back by the application server in response to the data access request to obtain the event processing result including the request result.

[0109] Step S540: The event processing result is displayed on the display interface of the terminal device through the upper view layer at the display position corresponding to the target function slot corresponding to the input event.

[0110] The following will explain and illustrate steps S510-S540. Specifically, the upper view layer can present the fully rendered content of the functional components to the user. When the user triggers an input event (interaction event) on the view layer, such as a click event (see reference for details),... Figure 6 As shown in the diagram, the target function slot where the interaction event occurs passes the input event to the underlying logic layer. The underlying logic layer processes the interaction event and responds to the user-triggered input event. For example, when the target function slot of the input event is the User slot, the information that the User slot needs to display (e.g., user name, user avatar, user level, user status, etc.) can be directly obtained. The event processing result, including the information to be displayed, is then fed back to the upper view layer and displayed in the corresponding position. The specific display result can be found in [reference needed]. Figure 7 As shown; for example, when the target function slot of the input event is an intro slot, the information that the intro slot needs to display can be directly obtained (e.g., information summary, development overview, scope of use, and precautions, etc.). Then, the event processing result, including the information to be displayed, is fed back to the upper view layer and displayed in the corresponding position. The specific display result can be found in [reference needed]. Figure 8 As shown; for example, when the target function slot of the input event is the Pay slot, it is necessary to interact with the application server to implement the specific payment function, and finally feed back the event processing result, including payment success, to the upper view layer and display it in the corresponding position; the specific display result can be found in [reference]. Figure 9 As shown.

[0111] In some example embodiments, the specific implementation process used by the functional components is as follows:

[0112]

[0113] The following, combined with Figure 10 The information display method described in the exemplary embodiments of this disclosure will be further explained and illustrated. Specifically, refer to... Figure 10 As shown, the following steps may be included:

[0114] Step S1001: Perform an overall design of the functional components, and further design different original functional slots based on the design results; the functional characteristics, data structure, and usage scenarios of a functional component need to be planned and designed as a whole before the functional component is implemented, and different slots are further designed based on the design results; at the same time, the original functional slots are used to create custom content, and data can be bound to the slots. Users can customize the content rendering of the slots according to the data, and the slots provide reusability, and a slot can be used an unlimited number of times;

[0115] S1002: Based on the acquired raw data, process the raw data to obtain the target data; wherein, the acquired raw data can be obtained from the client or requested from the server, and the raw data is processed to obtain the target data according to the overall design of the functional components and the design of the slots;

[0116] S1003: Bind the original function slots to the target data; wherein, each original function slot uses its independent function or purpose, and binds the corresponding target data to it according to its function or purpose;

[0117] S104: Bind the original function slot to the interaction event to obtain the target function slot; wherein, the original function slot bound with the target data is bound to the interaction event, such as a click event, to pass the input event to the internal function component through the target function slot, and the internal function component processes the input event;

[0118] S105: Expose target function slots to the outside world; wherein, the functional component exposes the target function slots to the outside world so that users of the functional component can customize the rendering of different target function slots according to actual needs;

[0119] S106: The user of the functional component performs view rendering on the target functional slot; wherein, the user of the functional component performs customized rendering on the target functional slot according to the target data bound to the target functional slot, and further, the user of the functional component can choose to render the provided target functional slot on demand.

[0120] S107: The decay event that occurs on the rendering view is passed to the functional component by the target functional slot; whereby, after the content of the target functional slot is rendered, the functional component presents the rendering view to the user, and the input event triggered by the user on the rendering view is passed to the functional component by the specific target functional slot where the input event occurred, that is, the underlying logic layer.

[0121] S108: The functional component performs interactive event processing and displays the event processing results; in particular, after receiving the interactive event passed from the slot, the functional component further processes the interactive event and then displays the obtained event processing results to the upper view layer.

[0122] Thus, the specific implementation process of the information display method described in the exemplary embodiments of this disclosure has been fully implemented. Based on the foregoing description, it can be understood that the information display method described in the exemplary embodiments of this disclosure can support the customization of the style of functional components through slots. Users of functional components can customize the display effect of functional components for different scenarios, improving the flexibility of functional components during use. Simultaneously, users of functional components only need to select the desired target functional slot in the upper view layer, without needing to process the logic to achieve customization of the functional components. This avoids errors caused by modifying the logic, improving user experience while increasing development efficiency.

[0123] This disclosure also provides an information display device, which can be configured on a terminal device, the terminal device including a lower logic layer, a middle service layer, and an upper view layer. References... Figure 11 As shown, the information display device may include a function slot configuration module 1110, a target data binding module 1120, a function slot rendering module 1130, and a rendering view display module 1140. Wherein:

[0124] The function slot configuration module 1110 can be used to configure the original function slot for the function component according to the attribute information of the function component through the underlying logic layer.

[0125] The target data binding module 1120 can be used to bind target data to the original functional slot through the underlying logic layer to obtain the target functional slot;

[0126] The function slot rendering module 1130 can be used to render the target function slot according to the target data bound in the target function slot through the intermediate business layer, so as to obtain a rendering view corresponding to the target function slot.

[0127] The rendering view display module 1140 can be used to display the rendering view on the display interface of the terminal device through the upper view layer.

[0128] In the aforementioned information display device, on the one hand, the underlying logic layer can configure original functional slots for functional components based on their attribute information; then, the underlying logic layer binds target data to the original functional slots to obtain target functional slots; the intermediate business layer renders the target functional slots based on the target data bound in the target functional slots to obtain a rendered view corresponding to the target functional slots; finally, the upper view layer displays the rendered view on the terminal device's display interface. This solves the problem in the prior art where users of functional components find it difficult to redefine the display effect of the functional components, thus making it impossible to customize the display effect of the functional components, thereby improving the flexibility of the functional components during use. On the other hand, when it is necessary to change the display effect of a functional component, only the target data bound to the corresponding functional slot in the functional component needs to be adjusted, without changing the logic of the functional component itself. This avoids the problem of logical errors caused by needing to change the logic of the functional component itself, and also improves the efficiency of modifying the display effect of the functional component.

[0129] In one exemplary embodiment of this disclosure, the attribute information includes the functional characteristics of the functional component, the data structure required to implement the functional characteristics, and the usage scenarios of the functional component;

[0130] Specifically, configuring original functional slots for the functional components based on their attribute information includes:

[0131] Obtain the functional characteristics of the functional component, the data structure required to implement the functional characteristics, and the usage scenarios of the functional component;

[0132] Configure original function slots for the functional components according to the functional characteristics; wherein, one original function slot corresponds to one functional characteristic, and one functional characteristic corresponds to one or more target data.

[0133] In one exemplary embodiment of this disclosure, binding target data to the original functional slot to obtain the target functional slot includes:

[0134] Based on the data structure required to achieve the aforementioned functional characteristics, obtain the raw data from the server and / or the terminal device.

[0135] Based on the sub-functional characteristics of each original functional slot and the sub-data structure required to implement those sub-functional characteristics, the original data is segmented to obtain the target data required for each original functional slot.

[0136] The original functional slot and the target data are bound together to obtain the target functional slot.

[0137] In one exemplary embodiment of this disclosure, binding the original functional slot and the target data to obtain the target functional slot includes:

[0138] Based on the usage scenarios of the functional components and the sub-functional characteristics of each original functional slot, configure the interactive events that the original functional slot can support for each original functional slot.

[0139] The original function slot is bound to the target data and interaction events to obtain the target function slot.

[0140] In one exemplary embodiment of this disclosure, rendering the target function slot based on the target data bound in the target function slot to obtain a rendered view corresponding to the target function slot includes:

[0141] The target function slot is provided to the user of the function component, and in response to the user's selection operation of the target function slot, the function slot to be rendered is determined.

[0142] Based on the target data bound in the function slot to be rendered, the function slot to be rendered is rendered to obtain a rendering view corresponding to the function slot to be rendered.

[0143] In one exemplary embodiment of this disclosure, the information display device further includes:

[0144] The input event response module can be used to respond to input events on the rendered view acting on the display interface through the upper view layer, and determine the target function slot corresponding to the input event based on the location where the input event occurs;

[0145] The input event sending module can be used to send the input event to the underlying logic layer through the target function slot corresponding to the input event;

[0146] The input event processing module can be used to process the input event through the underlying logic layer to obtain the event processing result;

[0147] The event processing result display module can be used to display the event processing result on the display interface of the terminal device through the upper view layer at the display position corresponding to the target function slot corresponding to the input event.

[0148] In one exemplary embodiment of this disclosure, the input event is processed to obtain an event processing result, including:

[0149] Based on the event category of the interactive event bound to the target function slot, determine the event processing flow required to process the input event;

[0150] The input event is processed based on the event processing flow to obtain the event processing result.

[0151] In one exemplary embodiment of this disclosure, the event category includes an information display category and / or an information interaction category;

[0152] Specifically, based on the event category of the interactive event bound to the target function slot, the event processing flow required to process the input event is determined, including:

[0153] When the event category is the information display category, the event processing flow required to process the input event is determined to be the information acquisition flow.

[0154] When the event category is an information interaction category, the event processing flow required to process the input event is determined to be a data request and data feedback flow.

[0155] In one exemplary embodiment of this disclosure, when the event category is an information interaction category, the input event is processed based on the event processing flow to obtain an event processing result, including:

[0156] Determine the information to be displayed in the target function slot corresponding to the input event, obtain the information to be displayed, and obtain the event processing result including the information to be displayed.

[0157] In one exemplary embodiment of this disclosure, when the event category is an information interaction category, the input event is processed based on the event processing flow to obtain an event processing result, including:

[0158] Determine the application server that the target function slot corresponding to the input event needs to access and the data information that needs to be requested;

[0159] Generate a data access request based on the required data information, and send the data access request to the application server;

[0160] Receive the request result from the application server in response to the data access request, and obtain the event handling result including the request result.

[0161] The specific details of each module in the aforementioned information display device have been described in detail in the corresponding information display methods, so they will not be repeated here.

[0162] It should be noted that although several modules or units for the device used to perform actions have been mentioned in the detailed description above, this division is not mandatory. In fact, according to embodiments of this disclosure, the features and functions of two or more modules or units described above can be embodied in one module or unit. Conversely, the features and functions of one module or unit described above can be further divided and embodied by multiple modules or units.

[0163] Furthermore, although the steps of the method in this disclosure are described in a specific order in the accompanying drawings, this does not require or imply that the steps must be performed in that specific order, or that all the steps shown must be performed to achieve the desired result. Additional or alternative steps may be omitted, multiple steps may be combined into one step, and / or a step may be broken down into multiple steps.

[0164] In an exemplary embodiment of this disclosure, an electronic device capable of implementing the above-described method is also provided.

[0165] Those skilled in the art will understand that various aspects of this disclosure can be implemented as a system, method, or program product. Therefore, various aspects of this disclosure can be specifically implemented in the following forms: a completely hardware implementation, a completely software implementation (including firmware, microcode, etc.), or a combination of hardware and software aspects, collectively referred to herein as a "circuit," "module," or "system."

[0166] The following reference Figure 12 To describe an electronic device 1200 according to such an embodiment of the present disclosure. Figure 12 The electronic device 1200 shown is merely an example and should not impose any limitation on the functionality and scope of use of the embodiments disclosed herein.

[0167] like Figure 12 As shown, the electronic device 1200 is manifested in the form of a general-purpose computing device. The components of the electronic device 1200 may include, but are not limited to: at least one processing unit 1210, at least one storage unit 1220, a bus 1230 connecting different system components (including storage unit 1220 and processing unit 1210), and a display unit 1240.

[0168] The storage unit stores program code that can be executed by the processing unit 1210, causing the processing unit 1210 to perform the steps described in the "Exemplary Methods" section of this specification according to various exemplary embodiments of this disclosure. For example, the processing unit 1210 can perform actions such as... Figure 1The steps shown are as follows: Step S110: Configure the original functional slot for the functional component according to the attribute information of the functional component through the underlying logic layer; Step S120: Bind target data to the original functional slot through the underlying logic layer to obtain the target functional slot; Step S130: Render the target functional slot according to the target data bound in the target functional slot through the intermediate business layer to obtain the rendering view corresponding to the target functional slot; Step S140: Display the rendering view on the display interface of the terminal device through the upper view layer.

[0169] Storage unit 1220 may include a readable medium in the form of a volatile storage unit, such as random access memory (RAM) 12201 and / or cache memory 12202, and may further include a read-only memory (ROM) 12203.

[0170] Storage unit 1220 may also include a program / utility 12204 having a set (at least one) of program modules 12205, such program modules 12205 including but not limited to: operating system, one or more application programs, other program modules and program data, each or some combination of these examples may include an implementation of a network environment.

[0171] Bus 1230 can represent one or more of several types of bus structures, including a memory cell bus or memory cell controller, a peripheral bus, a graphics acceleration port, a processing unit, or a local bus using any of the various bus structures.

[0172] Electronic device 1200 can also communicate with one or more external devices 1300 (e.g., keyboard, pointing device, Bluetooth device, etc.), and with one or more devices that enable a user to interact with electronic device 1200, and / or with any device that enables electronic device 1200 to communicate with one or more other computing devices (e.g., router, modem, etc.). This communication can be performed via input / output (I / O) interface 1250. Furthermore, electronic device 1200 can also communicate with one or more networks (e.g., local area network (LAN), wide area network (WAN), and / or public networks, such as the Internet) via network adapter 1260. As shown, network adapter 1260 communicates with other modules of electronic device 1200 via bus 1230. It should be understood that, although not shown in the figures, other hardware and / or software modules can be used in conjunction with electronic device 1200, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems.

[0173] From the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments described herein can be implemented by software or by combining software with necessary hardware. Therefore, the technical solutions according to the embodiments of this disclosure can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (such as a CD-ROM, USB flash drive, external hard drive, etc.) or on a network, including several instructions to cause a computing device (such as a personal computer, server, terminal device, or network device, etc.) to execute the methods according to the embodiments of this disclosure.

[0174] In exemplary embodiments of this disclosure, a computer-readable storage medium is also provided, on which a program product capable of implementing the methods described above is stored. In some possible implementations, various aspects of this disclosure may also be implemented as a program product including program code that, when the program product is run on a terminal device, causes the terminal device to perform the steps of the various exemplary embodiments of this disclosure described in the "Exemplary Methods" section above.

[0175] The program product for implementing the above-described method according to embodiments of the present disclosure may employ a portable compact disc read-only memory (CD-ROM) and include program code, and may run on a terminal device, such as a personal computer. However, the program product of the present disclosure is not limited thereto. In this document, the readable storage medium may be any tangible medium containing or storing a program that may be used by or in conjunction with an instruction execution system, apparatus, or device.

[0176] The program product may employ any combination of one or more readable media. A readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of readable storage media (a non-exhaustive list) include: an electrical connection having one or more wires, a portable disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.

[0177] Computer-readable signal media may include data signals propagated in baseband or as part of a carrier wave, carrying readable program code. Such propagated data signals may take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A readable signal medium may also be any readable medium other than a readable storage medium, capable of sending, propagating, or transmitting programs for use by or in conjunction with an instruction execution system, apparatus, or device.

[0178] The program code contained on the readable medium may be transmitted using any suitable medium, including but not limited to wireless, wired, optical fiber, RF, etc., or any suitable combination thereof.

[0179] Program code for performing the operations of this disclosure can be written in any combination of one or more programming languages, including object-oriented programming languages ​​such as Java and C++, and conventional procedural programming languages ​​such as C or similar languages. The program code can execute entirely on the user's computing device, partially on the user's computing device, as a standalone software package, partially on the user's computing device and partially on a remote computing device, or entirely on a remote computing device or server. In cases involving remote computing devices, the remote computing device can be connected to the user's computing device via any type of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computing device (e.g., via the Internet using an Internet service provider).

[0180] Furthermore, the above figures are merely illustrative of the processes included in the method according to exemplary embodiments of this disclosure and are not intended to be limiting. It is readily understood that the processes shown in the above figures do not indicate or limit the temporal order of these processes. Additionally, it is readily understood that these processes may be executed synchronously or asynchronously, for example, in multiple modules.

[0181] Other embodiments of this disclosure will readily occur to those skilled in the art upon consideration of the specification and practice of the invention described herein. This application is intended to cover any variations, uses, or adaptations of this disclosure that follow the general principles of this disclosure and include common knowledge or customary techniques in the art not invented by this disclosure. The specification and embodiments are to be considered exemplary only, and the true scope and spirit of this disclosure are indicated by the claims.

Claims

1. An information display method, characterized in that, Configured in a terminal device, the terminal device including a lower logic layer, a middle service layer, and an upper view layer, the information display method includes: The underlying logic layer configures original function slots for the functional components based on their attribute information, including: obtaining the functional characteristics of the functional components, the data structures required to implement the functional characteristics, and the usage scenarios of the functional components; and configuring original function slots for the functional components based on the functional characteristics. Obtaining a target functional slot by binding target data to the original functional slot through the underlying logic layer includes: obtaining original data from the server and / or terminal device according to the data structure required to implement the functional characteristics; segmenting the original data according to the sub-functional characteristics of each original functional slot and the sub-data structure required to implement the sub-functional characteristics to obtain the target data required for each original functional slot; configuring the interactive events that the original functional slot can support for each original functional slot according to the usage scenarios of the functional component and the sub-functional characteristics of each original functional slot; and binding the original functional slot, the target data, and the interactive events to obtain the target functional slot. The intermediate business layer renders the target function slot based on the target data bound in the target function slot to obtain a rendering view corresponding to the target function slot. The rendered view is displayed on the display interface of the terminal device through the upper view layer.

2. The information display method according to claim 1, characterized in that, One raw function slot corresponds to one function feature, and one function feature corresponds to one or more target data.

3. The information display method according to claim 1, characterized in that, Based on the target data bound to the target function slot, the target function slot is rendered to obtain a rendered view corresponding to the target function slot, including: The target function slot is provided to the user of the function component, and in response to the user's selection operation of the target function slot, the function slot to be rendered is determined. Based on the target data bound in the function slot to be rendered, the function slot to be rendered is rendered to obtain a rendering view corresponding to the function slot to be rendered.

4. The information display method according to claim 1, characterized in that, The information display method further includes: The upper view layer responds to input events on the rendered view acting on the display interface, and determines the target function slot corresponding to the input event based on the location of the input event. The input event is sent to the underlying logic layer through the target function slot corresponding to the input event; The input event is processed through the underlying logic layer to obtain the event processing result; The event processing result is displayed on the terminal device's display interface via the upper view layer at the display position corresponding to the target function slot of the input event.

5. The information display method according to claim 4, characterized in that, The input event is processed to obtain the event processing result, including: Based on the event category of the interactive event bound to the target function slot, determine the event processing flow required to process the input event; The input event is processed based on the event processing flow to obtain the event processing result.

6. The information display method according to claim 5, characterized in that, The event categories include information display categories and / or information interaction categories; Specifically, based on the event category of the interactive event bound to the target function slot, the event processing flow required to process the input event is determined, including: When the event category is the information display category, the event processing flow required to process the input event is determined to be the information acquisition flow. When the event category is an information interaction category, the event processing flow required to process the input event is determined to be a data request and data feedback flow.

7. The information display method according to claim 6, characterized in that, When the event category is an information interaction category, the input event is processed based on the event processing flow to obtain the event processing result, including: Determine the information to be displayed in the target function slot corresponding to the input event, obtain the information to be displayed, and obtain the event processing result including the information to be displayed.

8. The information display method according to claim 6, characterized in that, When the event category is an information interaction category, the input event is processed based on the event processing flow to obtain the event processing result, including: Determine the application server that the target function slot corresponding to the input event needs to access and the data information that needs to be requested; Generate a data access request based on the required data information, and send the data access request to the application server; Receive the request result from the application server in response to the data access request, and obtain the event handling result including the request result.

9. An information display device, characterized in that, Configured in a terminal device, the terminal device including a bottom logic layer, a middle service layer, and an upper view layer, the information display device includes: The function slot configuration module is used to configure original function slots for the function component based on the attribute information of the function component through the underlying logic layer, including: obtaining the functional characteristics of the function component, the data structure required to implement the functional characteristics, and the usage scenarios of the function component; and configuring original function slots for the function component according to the functional characteristics. The target data binding module is used to bind target data to the original functional slots through the underlying logic layer to obtain target functional slots. This includes: obtaining original data from the server and / or terminal device according to the data structure required to implement the functional characteristics; segmenting the original data according to the sub-functional characteristics of each original functional slot and the sub-data structure required to implement those sub-functional characteristics to obtain target data required for each original functional slot; configuring the interactive events that the original functional slot can support according to the usage scenarios of the functional components and the sub-functional characteristics of each original functional slot; and binding the original functional slots, the target data, and the interactive events to obtain the target functional slots. The function slot rendering module is used to render the target function slot according to the target data bound in the target function slot through the intermediate business layer, so as to obtain a rendering view corresponding to the target function slot. The rendering view display module is used to display the rendering view on the display interface of the terminal device through the upper view layer.

10. A computer-readable storage medium having a computer program stored thereon, characterized in that, When the computer program is executed by the processor, it implements the information display method according to any one of claims 1-8.

11. An electronic device, characterized in that, include: processor; as well as Memory for storing the executable instructions of the processor; The processor is configured to execute the information display method according to any one of claims 1-8 by executing the executable instructions.

Images