Page display method and device, electronic equipment and medium

Abstract

The invention provides a page display method and device, electronic equipment, a computer readable storage medium and a computer program product, and relates to the technical field of computers, in particular to the technical field of page display and page interaction. According to the implementation scheme, in response to a detected target page interaction operation of a user, target component adjustment information corresponding to the target page interaction operation is determined based on preset page interaction information, and the target component adjustment information comprises an instruction sequence composed of one or more target component adjustment instructions; and sequentially executing each target component adjustment instruction in the instruction sequence to display the target page. The one or more target component adjustment instructions comprise at least one target component adjustment instruction of a dynamic call type, and the target component adjustment instruction of the dynamic call type is used for enabling the target component to call a preset method in a host platform used for displaying the target page. The page interaction information indicates page interaction operation and component adjustment information corresponding to the page interaction operation.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, in particular to the field of page display and page interaction technology, and specifically to a page display method, device, electronic device, computer-readable storage medium, and computer program product. Background Art

[0002] The client-side user interface dynamic technology aims to dynamically load, update and display the application's user interface at runtime to provide a more flexible, customizable and agile interaction method and improve the user experience. By dynamically adjusting the position, size and arrangement of component elements in the user interface, it can adapt to different screen sizes, directions and content changes. However, conventional dynamic technology only realizes the dynamic display of the interface, and does not involve the interactivity between the user and the interface. The flexibility of interface display and interaction is insufficient.

[0003] The methods described in this section are not necessarily methods that have been previously conceived or employed. Unless otherwise indicated, it should not be assumed that any method described in this section is considered to be prior art simply because it is included in this section. Similarly, unless otherwise indicated, the issues mentioned in this section should not be considered to have been recognized in any prior art. Summary of the invention

[0004] The present disclosure provides a page display method, device, electronic device, computer-readable storage medium and computer program product.

[0005] According to one aspect of the present disclosure, a page display method is provided, comprising: in response to detecting a target page interaction operation of a user, determining target component adjustment information corresponding to the target page interaction operation based on preset page interaction information, wherein the page interaction information indicates at least one page interaction operation and component adjustment information corresponding to each page interaction operation in the at least one page interaction operation, wherein the target component adjustment information includes an instruction sequence consisting of one or more target component adjustment instructions; displaying the target page by sequentially executing each target component adjustment instruction in the instruction sequence, wherein the one or more target component adjustment instructions include at least one target component adjustment instruction of a dynamic call type, and the target component adjustment instruction of the dynamic call type is used to enable the target component to implement calling a method preset in a host platform used to display the target page.

[0006] According to another aspect of the present disclosure, a page display device is provided, comprising: a detection unit, configured to, in response to detecting a target page interaction operation of a user, determine target component adjustment information corresponding to the target page interaction operation based on preset page interaction information, wherein the page interaction information indicates at least one page interaction operation and component adjustment information corresponding to each of the at least one page interaction operation, wherein the target component adjustment information includes an instruction sequence consisting of one or more target component adjustment instructions; a first display unit, configured to display the target page by sequentially executing each target component adjustment instruction in the instruction sequence, wherein the one or more target component adjustment instructions include at least one target component adjustment instruction of a dynamic call type, and the target component adjustment instruction of the dynamic call type is used to enable the target component to implement calling a method preset in a host platform used to display the target page.

[0007] According to another aspect of the present disclosure, an electronic device is provided, comprising: at least one processor; and a memory communicatively connected to the at least one processor; the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to execute the method described in the present disclosure.

[0008] According to another aspect of the present disclosure, a non-transitory computer-readable storage medium storing computer instructions is provided. The computer instructions are used to cause a computer to execute the method described in the present disclosure.

[0009] According to another aspect of the present disclosure, a computer program product is provided, including a computer program, which implements the method described in the present disclosure when executed by a processor.

[0010] According to one or more embodiments of the present disclosure, while using the page interaction information of "page interaction operation-page adjustment information" to define the dynamic display logic of the page, through the dynamic call type target instruction, the target page can add calls to existing functions on the host platform, thereby improving the flexibility of the application and reducing the frequency of releasing new versions.

[0011] It should be understood that the content described in this section is not intended to identify the key or important features of the embodiments of the present disclosure, nor is it intended to limit the scope of the present disclosure. Other features of the present disclosure will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0012] The accompanying drawings exemplarily illustrate the embodiments and constitute a part of the specification, and together with the text description of the specification, are used to explain the exemplary implementation of the embodiments. The embodiments shown are for illustrative purposes only and do not limit the scope of the claims. In all drawings, the same reference numerals refer to similar but not necessarily identical elements.

[0013] Figure 1 A schematic diagram showing an exemplary system in which the various methods described herein may be implemented according to an embodiment of the present disclosure;

[0014] Figure 2 A flow chart of a page display method according to an exemplary embodiment of the present disclosure is shown;

[0015] Figure 3 A schematic diagram showing a page display process according to an exemplary embodiment of the present disclosure is shown;

[0016] Figure 4 A schematic diagram showing page interaction information according to an exemplary embodiment of the present disclosure;

[0017] Figure 5 A schematic diagram of a page interaction link list according to an exemplary embodiment of the present disclosure is shown;

[0018] Figure 6 A structural block diagram of a page display device according to an exemplary embodiment of the present disclosure is shown; and

[0019] Figure 7 A structural block diagram of an exemplary electronic device that can be used to implement the embodiments of the present disclosure is shown. DETAILED DESCRIPTION

[0020] The following is a description of exemplary embodiments of the present disclosure in conjunction with the accompanying drawings, including various details of the embodiments of the present disclosure to facilitate understanding, which should be considered as merely exemplary. Therefore, it should be recognized by those of ordinary skill in the art that various changes and modifications may be made to the embodiments described herein without departing from the scope of the present disclosure. Similarly, for the sake of clarity and conciseness, the description of well-known functions and structures is omitted in the following description.

[0021] In the present disclosure, unless otherwise specified, the use of the terms "first", "second", etc. to describe various elements is not intended to limit the positional relationship, timing relationship, or importance relationship of these elements, and such terms are only used to distinguish one element from another element. In some examples, the first element and the second element may refer to the same instance of the element, and in some cases, based on the description of the context, they may also refer to different instances.

[0022] The terms used in the description of various examples in this disclosure are only for the purpose of describing specific examples and are not intended to be limiting. Unless the context clearly indicates otherwise, if the number of elements is not specifically limited, the element can be one or more. In addition, the term "and / or" used in this disclosure covers any one of the listed items and all possible combinations.

[0023] The embodiments of the present disclosure will be described in detail below with reference to the accompanying drawings.

[0024] Figure 1 FIG. 1 is a schematic diagram of an exemplary system 100 in which various methods and apparatuses described herein may be implemented according to an embodiment of the present disclosure. Figure 1 , the system 100 includes one or more client devices 101, 102, 103, 104, 105, and 106, a server 120, and one or more communication networks 110 coupling the one or more client devices to the server 120. The client devices 101, 102, 103, 104, 105, and 106 may be configured to execute one or more applications.

[0025] In an embodiment of the present disclosure, the server 120 may run one or more services or software applications that enable the page presentation method to be performed.

[0026] In some embodiments, server 120 may also provide other services or software applications, which may include non-virtualized environments and virtualized environments. In some embodiments, these services may be provided as web-based services or cloud services, such as provided to users of client devices 101, 102, 103, 104, 105, and / or 106 under a software as a service (SaaS) model.

[0027] exist Figure 1 In the configuration shown, the server 120 may include one or more components that implement the functions performed by the server 120. These components may include software components, hardware components, or a combination thereof that can be executed by one or more processors. Users operating client devices 101, 102, 103, 104, 105, and / or 106 may in turn utilize one or more client applications to interact with the server 120 to utilize the services provided by these components. It should be understood that a variety of different system configurations are possible, which may differ from the system 100. Therefore, Figure 1 is one example of a system for implementing the various methods described herein and is not intended to be limiting.

[0028] The user may use client devices 101, 102, 103, 104, 105 and / or 106 to send page display requests and / or perform page interaction operations. The client device may provide an interface that enables the user of the client device to interact with the client device. The client device may also output information to the user via the interface. Figure 1 Only six client devices are depicted, but one skilled in the art will appreciate that the present disclosure may support any number of client devices.

[0029] Client devices 101, 102, 103, 104, 105 and / or 106 may include various types of computer devices, such as portable handheld devices, general-purpose computers (such as personal computers and laptop computers), workstation computers, wearable devices, smart screen devices, self-service terminal devices, service robots, game systems, thin clients, various messaging devices, sensors or other sensing devices, etc. These computer devices may run various types and versions of software applications and operating systems, such as MICROSOFT Windows, APPLE iOS, UNIX-like operating systems, Linux or Linux-like operating systems (such as GOOGLE Chrome OS); or include various mobile operating systems, such as MICROSOFT Windows Mobile OS, iOS, Windows Phone, Android. Portable handheld devices may include cellular phones, smart phones, tablet computers, personal digital assistants (PDAs), etc. Wearable devices may include head-mounted displays (such as smart glasses) and other devices. Game systems may include various handheld game devices, Internet-enabled game devices, etc. Client devices are capable of executing various different applications, such as various Internet-related applications, communication applications (such as email applications), short message service (SMS) applications, and may use various communication protocols.

[0030] The network 110 may be any type of network known to those skilled in the art that may support data communications using any of a variety of available protocols, including but not limited to TCP / IP, SNA, IPX, etc. By way of example only, the one or more networks 110 may be a local area network (LAN), an Ethernet-based network, a token ring, a wide area network (WAN), the Internet, a virtual network, a virtual private network (VPN), an intranet, an extranet, a blockchain network, a public switched telephone network (PSTN), an infrared network, a wireless network (e.g., Bluetooth, WIFI), and / or any combination of these and / or other networks.

[0031] Server 120 may include one or more general purpose computers, dedicated server computers (e.g., PC (personal computer) servers, UNIX servers, mid-range servers), blade servers, mainframe computers, server clusters, or any other suitable arrangement and / or combination. Server 120 may include one or more virtual machines running virtual operating systems, or other computing architectures involving virtualization (e.g., one or more flexible pools of logical storage devices that may be virtualized to maintain a server's virtual storage device). In various embodiments, server 120 may run one or more services or software applications that provide the functionality described below.

[0032] The computing units in the server 120 may run one or more operating systems including any of the above operating systems and any commercially available server operating systems. The server 120 may also run any of a variety of additional server applications and / or middle-tier applications, including HTTP servers, FTP servers, CGI servers, JAVA servers, database servers, etc.

[0033] In some implementations, server 120 may include one or more applications to analyze and consolidate data feeds and / or event updates received from users of client devices 101, 102, 103, 104, 105, and 106. Server 120 may also include one or more applications to display data feeds and / or real-time events via one or more display devices of client devices 101, 102, 103, 104, 105, and 106.

[0034] In some embodiments, the server 120 may be a server of a distributed system, or a server combined with a blockchain. The server 120 may also be a cloud server, or an intelligent cloud computing server or intelligent cloud host with artificial intelligence technology. A cloud server is a host product in a cloud computing service system to solve the defects of difficult management and weak business scalability in traditional physical hosts and virtual private servers (VPS) services.

[0035] The system 100 may also include one or more databases 130. In some embodiments, these databases may be used to store data and other information. For example, one or more of the databases 130 may be used to store information such as audio and video files, dynamic layout page description files, etc. The databases 130 may reside in various locations. For example, the database used by the server 120 may be local to the server 120, or may be remote from the server 120 and may communicate with the server 120 via a network-based or dedicated connection. The databases 130 may be of different types. In some embodiments, the databases used by the server 120 may be, for example, relational databases. One or more of these databases may store, update, and retrieve data from the databases in response to commands.

[0036] In some embodiments, one or more of the databases 130 may also be used by applications to store application data. The databases used by the applications may be different types of databases, such as a key-value store, an object store, or a conventional store backed by a file system.

[0037] Figure 1 The system 100 may be configured and operated in various ways to enable the application of various methods and apparatuses described in the present disclosure.

[0038] In the traditional page display method, the user interface layout is designed and defined under static conditions, that is, the position, size and arrangement of the component elements in the user interface are determined when writing the code or designing. However, the goal of dynamic layout (DSL) is to enable the layout of the user interface to be adjusted at runtime according to different factors to adapt to different screen sizes, device orientations, content changes, etc., that is, to use dynamic methods and technologies to create and adjust the layout of the user interface.

[0039] In the related art, one implementation method is to use a virtual operating environment to realize the dynamic user interface. For example, you can use a JavaScript operating environment or run a self-built virtual machine environment on the client. Another implementation method is to realize the dynamic layout based on Web technology, that is, to use web page technology for cross-end rendering. However, the application stability and fluency of the above solutions are insufficient, and it is difficult to achieve complex dynamic and flexible interactions.

[0040] In order to more conveniently and accurately control the dynamic interaction process of the page, in mobile application development, a common way to implement specific function calls is to call preset capabilities through schemes. This method utilizes the URI (Uniform Resource Identifier) ​​scheme, allowing applications to trigger and execute predefined functions through specific URIs. This method is mainly used for communication between modules within an application and function calls across applications. Developers predefine and implement some specific functions or services in the application code, which are usually encapsulated in specific modules or classes. For example, some commonly used functions may be preset, such as opening a page, starting a specific service, and obtaining device information.

[0041] The application performs URI parsing by listening to or intercepting a specific Scheme URI. For example, Scheme URIs usually follow a specific format, such as: scheme: / / host / path? param1=value1¶m2=value2. Among them, "scheme" represents the protocol name, "host" is usually used to identify the function module, "path" is used to specify the specific function or operation, and "param1=value1" and so on are the parameters to be passed. When the application receives a Scheme URI, it parses the URI and determines the function to be called according to the preset rules. For example, for the URI myapp: / / module / action? userId=123, the application will parse the scheme as "myapp", the host as "module", the path as "action", and obtain the value of the parameter "userId" as 123. According to the parsing results, it is mapped to specific function modules and operations. Routing tables or mapping tables are usually used to manage this mapping relationship. Extract and process the parameters in the URI, convert them into the appropriate format and pass them to the target function module. Call the corresponding function module and operation, and pass the parameters to execute the predefined functions.

[0042] Dynamic layout (DSL) can handle some simple interactive actions, such as "click on the component to jump to the specified page" and "click on the component to execute some specific functions". All these functions depend on the scheme, and the functions that can be executed by the scheme must be the capabilities preset by the scheme. For example, the scheme parsing system of the host APP can call the like function of its native application (Native), so DSL can also implement the like function through scheme call; for example, the host has the function of opening the sharing panel, but the scheme system does not have access to the function of this sharing panel, then DSL cannot be used. If DSL wants to be used, it must rely on the host APP to release a version (update the APP version) to allow the scheme system to access related functions (sharing panel functions), and it can only be used in the new version of the host (old version cannot be used).

[0043] Therefore, according to an embodiment of the present disclosure, a page display method is provided, so that the DSL can call existing functions on the host without relying on the host APP release.

[0044] Figure 2 FIG. 2 shows a flow chart of a page display method 200 according to an exemplary embodiment of the present disclosure. Figure 2 As shown, method 200 includes: in response to detecting a user's target page interaction operation, determining target component adjustment information corresponding to the target page interaction operation based on preset page interaction information, wherein the page interaction information indicates at least one page interaction operation and component adjustment information corresponding to each page interaction operation in the at least one page interaction operation, wherein the target component adjustment information includes an instruction sequence consisting of one or more target component adjustment instructions (step 210); displaying the target page by sequentially executing each target component adjustment instruction in the instruction sequence, wherein the one or more target component adjustment instructions include at least one target component adjustment instruction of a dynamic call type, and the target component adjustment instruction of the dynamic call type is used to enable the target component to implement calling a method preset in a host platform used to display the target page (step 220).

[0045] According to the page display method of the embodiment of the present disclosure, while using the page interaction information of "page interaction operation-page adjustment information" to define the dynamic display logic of the page, through the dynamic call type target instruction, the target page can add a call to the existing function on the host platform, thereby improving the flexibility of the application and reducing the frequency of releasing new versions.

[0046] In some examples, the target component (i.e., page component) may include various types of user interface components, such as dialog boxes, buttons, table items, cards, pop-up windows, etc., for displaying information to users or receiving user interaction operations, that is, an interactive process that can realize the transmission of information between users and computers.

[0047] In some examples, the page interaction operation can be various types of predefined events. Predefined events can be used to indicate various interaction events or system events triggered by users or operating environments, such as mouse clicks, keyboard inputs, touch screen touches, page loading completion, message reception, etc.

[0048] In some examples, the component adjustment information may be various predefined actions, i.e., operations or behaviors performed in response to the above-mentioned page interaction operations, such as modifying the view state, modifying the component style, adjusting the component position, adjusting the component size, sending a network request, updating data, etc. In some examples, the action may also be performed in response to other trigger conditions to achieve more comprehensive and accurate page display logic and dynamic interaction logic to meet the needs of actual application scenarios.

[0049] In the present disclosure, the target component adjustment information includes an instruction sequence consisting of one or more target component adjustment instructions. Thus, the page can be flexibly adjusted based on a single target component adjustment instruction or an instruction sequence consisting of multiple target component adjustment instructions, that is, the dynamic interaction between user operation and page display is realized.

[0050] It is understandable that the multiple target component adjustment instructions in the instruction sequence can be defined based on a preset timing logic. By using the instruction sequence to control the adjustment process of the page component, the page display operation can be configured in a certain order and logic, and the interaction process can be accurately organized and controlled to meet the needs of actual application scenarios.

[0051] In the present disclosure, the dynamic call type means that the instruction is implemented based on a dynamic method call. Dynamic method call is a technology that determines and calls a method at runtime (rather than at compile time). This technology improves the flexibility and scalability of the program, allowing the program to dynamically select and execute different methods based on conditions or inputs at runtime. Dynamic method call allows the program to find and call the appropriate method based on certain conditions or inputs at runtime. This technology usually relies on reflection mechanisms, interface polymorphism, dynamic proxy, or specific frameworks and libraries (such as dynamic method calls in the Spring framework).

[0052] In some examples, the target component adjustment information may include, in addition to at least one target component adjustment instruction of a dynamic call type, a target component adjustment instruction of a static call type, which is not limited here.

[0053] According to some embodiments, method 200 may further include: obtaining a page description file, wherein the page description file includes component description information of the target page and the page interaction information; and displaying at least one page component in the target page based on the component description information. Therefore, displaying the target page by sequentially executing each target component adjustment instruction in the instruction sequence includes: adjusting the display of the target page by sequentially executing each target component adjustment instruction in the instruction sequence.

[0054] In some examples, the component description information of the target component may be adjusted and updated based on the target component adjustment information, and the component rendering and display may be re-executed based on the updated component description information, so that flexible display of the page can be achieved.

[0055] In some examples, the component description information of the page component may include information such as the size, style, and position of the component, so that the page display terminal can determine how to render and display each page component by parsing the component description information, that is, it can realize page display. It can be understood that as long as the component description information includes the firmware information of the display device and the relative display position and relative display size of the component on the display device, the page can be adapted to different screen sizes, device orientations, and content changes, and flexible adjustment of page display can be realized to improve user experience.

[0056] In some examples, the page description file can be written in various languages, such as XML description language or JSON description language. By applying a structured description language to construct a page description file, the page display terminal can parse the page description file conveniently and quickly, so as to realize flexible page display based on the page display logic and dynamic interaction logic defined in the page description file.

[0057] According to some embodiments, the target component adjustment information includes at least one sub-component adjustment information corresponding to at least one page component in the target page, and in response to detecting a target page interaction operation of the user, determining the target component adjustment information corresponding to the target page interaction operation based on preset page interaction information includes: in response to detecting a target page interaction operation for a first target page component in the at least one page component, determining the target sub-component adjustment information corresponding to the target page interaction operation and the first target page component based on the page interaction information.

[0058] In some examples, the component adjustment information may also be in other forms. For example, the page operation and component adjustment information may be defined based on a finer granularity. In one example, when a page includes component A and component B, the component adjustment information may include: X adjustment operation of component A, Y adjustment operation of component A, M adjustment operation of component B, N adjustment operation of component B, etc. By applying fine-grained component adjustment information to control the adjustment process of page components, the page interaction logic can be organized and controlled more accurately.

[0059] According to some embodiments, the page interaction information includes at least one first array corresponding to the at least one page interaction operation, and each of the at least one first array includes at least one item for storing the subcomponent adjustment information corresponding to the at least one page component. By storing the page interaction information in array form, the interaction logic can be described more simply and accurately, which facilitates the display end to perform the parsing operation of the description file and the page display operation.

[0060] In some examples, page interaction information may be stored based on the following code snippet:

[0061]

[0062] The above code snippet shows the first array corresponding to the page interaction operation 1, which includes two data items corresponding to component 1 and component 2 respectively for storing subcomponent adjustment information, and each data item includes an actions sequence corresponding to the corresponding component, that is, an instruction sequence consisting of target component adjustment instructions. In this example, the interaction operation field indicates different interaction operations, and the component ID field indicates the component ID that responds to the interaction operation. For example, when the interaction operation is a click, the interaction operation name can be click, and the first array corresponding to click can contain two sub-items, which respectively represent a click on a button (component 1) and a click on the page globally (component 2), that is, the component ID field is used to distinguish whether the interaction data is in response to a button click or a click on the page globally. On this basis, the component adjustment information can use actions as a keyword and use an array structure to store multiple Action actions to describe the target component adjustment instructions to be executed.

[0063] In an example, the basic structure of an Action may include action name information (type), parameter information required to execute the action, asynchronous callback configuration information (args), etc. For example, the action name information (type) may specify that the action is of a dynamic call type (dynamicInvoke).

[0064] In one example, when an Action contains an asynchronous callback configuration, there may be nested Actions. For example, after the operation on the data is completed, the operation result needs to be returned to the data user. For another example, after the network request operation is completed, it is necessary to perform necessary callback operations to return information such as whether the network request is successful and the specific content of the successful data to the caller, that is, to implement the configuration triggered by multiple Actions in a specific nested sequence. For example, when the initial value of the sum parameter is 0, action1 can be triggered to change the sum parameter to 12, and then the setting operation can be triggered to adjust the values ​​of other nodes after the sum parameter changes.

[0065] In some examples, page interaction information can also be stored based on other data structures, for example, a structured table can be used to store the mapping relationship between page interaction operations and component adjustment information. As long as the page interaction information can be accurately described to facilitate the page display end to determine the mapping relationship between page interaction operations and component adjustment information, the present disclosure does not limit the specific storage form of the page interaction information.

[0066] According to some embodiments, method 200 may further include: generating a page interaction linked list by parsing the page interaction information, wherein the page interaction linked list includes a first-level branch corresponding to the target page interaction operation, and the first-level branch includes at least one second-level branch corresponding to at least one page component in the target page for storing the instruction sequence composed of one or more target component adjustment instructions. In response to detecting a target page interaction operation for a first target page component in the at least one page component, determining the target subcomponent adjustment information corresponding to the target page interaction operation and the first target page component based on the page interaction information includes: in response to detecting a target page interaction operation for a first target page component in the at least one page component, determining the target subcomponent adjustment information by querying the page interaction linked list.

[0067] Figure 3 FIG. 1 is a schematic diagram showing a page display process according to an exemplary embodiment of the present disclosure. Figure 3As shown, the page display terminal is configured with a dynamic layout runtime 310 for realizing dynamic display and dynamic interaction of the page, that is, for providing an operating environment for the page display program, and the dynamic layout runtime 310 includes functional modules such as a dynamic layout data parser 311, an interactive instruction parser 312, a dynamic call driver 313, and a dynamic call object manager 314. The dynamic layout data parser 311 is responsible for parsing the component description information related to each page component in the page description file. As mentioned above, the component description information can be dynamic layout data constructed based on information such as the relative display position and relative display size of the component on the display device, that is, it can make the page adapt to different screen sizes, device orientations, and content changes, and realize flexible adjustment of page display.

[0068] On this basis, the interaction instruction parser 312 can parse the page interaction information in the page description file, and then generate a page interaction information set indicating the mapping relationship between the event and the page adjustment information and store it in the memory. Figure 4 A schematic diagram showing page interaction information according to an exemplary embodiment of the present disclosure is shown. Figure 5 A schematic diagram of a page interaction link list according to an exemplary embodiment of the present disclosure is shown.

[0069] like Figure 4 As shown, the page interaction information describes the mapping relationship between page interaction operations and component adjustment actions. Specific page interaction operations can trigger action chain data. Action chain data can be graph structure data established based on specific trigger timing and nested logic. The nodes in the action chain describe each executable action (for example, it can be a component adjustment action), and the edges in the action chain describe the trigger logic between each action.

[0070] like Figure 5 As shown, page interaction information can be stored in memory in the form of a page interaction list. Figure 5 Each page interaction list may be identified by a page ID, and the page interaction list includes a plurality of first-level branches (i.e. Figure 5 On this basis, the first-level branch chain may include multiple second-level branches corresponding to multiple page components (i.e. Figure 5 In the example, two groups of branches corresponding to component M, component N, and component X respectively are provided, and each secondary branch can be used to store the component adjustment action or an action chain consisting of multiple component adjustment actions.

[0071] The dynamic call driver 313 is used to execute at least one dynamic call type target component adjustment instruction parsed by the interactive instruction parser 312. The dynamic call type target component adjustment instruction is used to enable the target component to implement the method preset in the host platform used to display the target page.

[0072] In some examples, the host platform is a platform for displaying the target page, including a system, device or platform for running the target page or an application for generating the target page. In some examples, the host platform may include the "running environment" or "running platform" of the target page.

[0073] In some examples, when an event (such as a page interaction operation) is received, it can be converted into a predefined event name, and then further searched according to the component ID, the action chain data to be executed is determined in the page interaction information set, and each adjustment action is executed one by one to achieve flexible adjustment of the page display.

[0074] In an example, the page display process can be implemented based on the following code snippet:

[0075]

[0076] In this example, the component adjustment actions corresponding to the click operation with the id "863395003" are described: specifically, the animation play action of type "playAnim" and the background color adjustment action of type "props" are included to achieve dynamic and flexible interaction between users and page components.

[0077] According to some embodiments, the target component adjustment instruction of the dynamic call type includes a dynamic call operation type parameter. The displaying of the target page by sequentially executing each target component adjustment instruction in the instruction sequence includes: in response to determining that the dynamic call operation type parameter of the target component adjustment instruction of the dynamic call type is a method call operation or an object creation operation, executing the target component adjustment instruction of the dynamic call type.

[0078] In one example, a target component adjustment instruction (dynamic call Action) of a dynamic call type whose dynamic call operation type parameter is a method call operation can be implemented based on the following code snippet:

[0079]

[0080]

[0081] In this example, "type" is "dynamicInvoke", indicating that the request type is a dynamic call. "args" specifies the parameters required to execute the action, where "operation" is "call", indicating that the operation is to call a method of an existing object; "method" is "myMethod", which specifies the name of the method to be called, and finds the instantiated object "myObject" through the "targetObject" identifier. The required parameters are "value1" and "42".

[0082] In one example, a target component adjustment instruction of a dynamic call type whose dynamic call operation type parameter is an object creation operation may be implemented based on the following code snippet:

[0083]

[0084] In this example, "type" is "dynamicInvoke", indicating that the type of this request is a dynamic call. "args" specifies the required parameters for executing the action, where "operation" is "create", indicating that this operation is to create a new object, the class of the new object is "com.example.MyClass", "objectId" is usually used to identify the unique identifier of the created object, and the required parameters are "value1" and "42".

[0085] Among them, in the example where the dynamic call operation type parameter is a method call operation or an object creation operation, the class of the target object "com.example.MyClass" is a class in the preset code of the host platform. Through the above settings, the DSL dynamic layout can call the functions of the host platform or create objects, which makes up for the deficiency that the DSL dynamic layout needs to rely on many pre-embedded Scheme parsing programs, improves the flexibility of the application, and reduces the frequency of releasing new versions.

[0086] According to some embodiments, the target component adjustment instruction of the dynamic call type includes a dynamic call operation type parameter. The displaying of the target page by sequentially executing each target component adjustment instruction in the instruction sequence includes: in response to determining that the dynamic call operation type parameter of the target component adjustment instruction of the dynamic call type is an object destruction operation, executing the target component adjustment instruction of the dynamic call type.

[0087] In one example, a target component adjustment instruction of a dynamic call type whose dynamic call operation type parameter is an object destruction operation may be implemented based on the following code snippet:

[0088] {

[0089] "operation":"release",

[0090] "objectID":"myObject",

[0091] }

[0092] In this example, "operation" is "release" which means that this operation is used to destroy the object "myObject".

[0093] In some examples, the result of dynamically calling an Action can be returned through the "result" parameter. For example, "state" indicates whether the dynamic call is successful: if an error occurs during the execution process, "state" can be "error", and the error message is returned through "msg"; if no error occurs and the function has a return value, the result array is returned through "returnValue". Generally, the array has only one element (the function has only one return value). Only when the function itself returns an array, "returnValue" will have multiple elements.

[0094] In some examples, this can be done by Figure 3 The dynamic call object manager 314 shown in FIG. 3 stores the corresponding target object. Figure 3 The dynamic call driver 313 is used to run at least one target component adjustment instruction of a dynamic call type parsed by the interactive instruction parser 312. In some examples, the dynamic call driver 313 can be implemented based on the following code snippet:

[0095]

[0096] In this example, different operations are performed according to the instructions in the JSON string (specified by the "operation" field): calling a method of an existing object from the dynamic call object manager 314 ("call" operation) or creating a new object ("create" operation) and storing it in the dynamic call object manager 314.

[0097] Through the embodiments of the present disclosure, component description information and page interaction information including page interaction operations and component adjustment information can be encapsulated in a page description file, so that users can achieve dynamic interaction with page components through page interaction operations (such as clicking, touching), thereby improving the flexibility of page display; and, by adjusting component information based on dynamic call types, there is no need to re-publish versions, which significantly reduces publishing costs and time, and combined with the object management mechanism, improves the stability and maintainability of function calls.

[0098] According to the embodiments of the present disclosure, Figure 6 As shown, a page display device 600 is also provided, including: a detection unit 610, configured to determine, in response to detecting a user's target page interaction operation, target component adjustment information corresponding to the target page interaction operation based on preset page interaction information, wherein the page interaction information indicates at least one page interaction operation and component adjustment information corresponding to each page interaction operation in the at least one page interaction operation, wherein the target component adjustment information includes an instruction sequence consisting of one or more target component adjustment instructions; a first display unit 620, configured to display the target page by sequentially executing each target component adjustment instruction in the instruction sequence, wherein the one or more target component adjustment instructions include at least one target component adjustment instruction of a dynamic call type, and the target component adjustment instruction of the dynamic call type is used to enable the target component to implement a call to a method preset in a host platform used to display the target page.

[0099] Here, the operations of the above-mentioned units 610-620 of the page display device 600 are similar to the operations of the above-described steps 210-220, and will not be repeated here.

[0100] In the technical solution of the present disclosure, the collection, storage, use, processing, transmission, provision and disclosure of user personal information involved are in compliance with the provisions of relevant laws and regulations and do not violate public order and good morals.

[0101] According to an embodiment of the present disclosure, an electronic device, a readable storage medium and a computer program product are also provided.

[0102] refer to Figure 7 , a block diagram of an electronic device 700 that can be used as a server or client of the present disclosure will now be described, which is an example of a hardware device that can be applied to various aspects of the present disclosure. The electronic device is intended to represent various forms of digital electronic computer devices, such as laptop computers, desktop computers, workbenches, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely examples and are not intended to limit the implementation of the present disclosure described and / or required herein.

[0103] like Figure 7As shown, the device 700 includes a computing unit 701, which can perform various appropriate actions and processes according to a computer program stored in a read-only memory (ROM) 702 or a computer program loaded from a storage unit 708 into a random access memory (RAM) 703. In the RAM 703, various programs and data required for the operation of the device 700 can also be stored. The computing unit 701, the ROM 702, and the RAM 703 are connected to each other via a bus 704. An input / output (I / O) interface 705 is also connected to the bus 704.

[0104] Multiple components in the device 700 are connected to the I / O interface 705, including: an input unit 706, an output unit 707, a storage unit 708, and a communication unit 709. The input unit 706 can be any type of device that can input information to the device 700. The input unit 706 can receive input digital or character information and generate key signal input related to user settings and / or function control of the electronic device, and can include but is not limited to a mouse, a keyboard, a touch screen, a track pad, a track ball, a joystick, a microphone, and / or a remote controller. The output unit 707 can be any type of device that can present information, and can include but is not limited to a display, a speaker, a video / audio output terminal, a vibrator, and / or a printer. The storage unit 708 can include but is not limited to a disk, an optical disk. The communication unit 709 allows the device 700 to exchange information / data with other devices through a computer network such as the Internet and / or various telecommunication networks, and can include but is not limited to a modem, a network card, an infrared communication device, a wireless communication transceiver, and / or a chipset, such as a Bluetooth™ device, an 802.11 device, a WiFi device, a WiMax device, a cellular communication device, and / or the like.

[0105] The computing unit 701 may be a variety of general and / or special processing components with processing and computing capabilities. Some examples of the computing unit 701 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various dedicated artificial intelligence (AI) computing chips, various computing units running machine learning model algorithms, digital signal processors (DSPs), and any appropriate processors, controllers, microcontrollers, etc. The computing unit 701 performs the various methods and processes described above, such as the page display method. For example, in some embodiments, the page display method may be implemented as a computer software program, which is tangibly contained in a machine-readable medium, such as a storage unit 708. In some embodiments, part or all of the computer program may be loaded and / or installed on the device 700 via the ROM 702 and / or the communication unit 709. When the computer program is loaded into the RAM 703 and executed by the computing unit 701, one or more steps of the page display method described above may be performed. Alternatively, in other embodiments, the computing unit 701 may be configured to perform the page display method in any other appropriate manner (e.g., by means of firmware).

[0106] Various implementations of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various implementations can include: being implemented in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which can be a special purpose or general purpose programmable processor that can receive data and instructions from a storage system, at least one input device, and at least one output device, and transmit data and instructions to the storage system, the at least one input device, and the at least one output device.

[0107] The program code for implementing the method of the present disclosure may be written in any combination of one or more programming languages. These program codes may be provided to a processor or controller of a general-purpose computer, a special-purpose computer, or other programmable data processing device, so that the program code, when executed by the processor or controller, enables the functions / operations specified in the flow chart and / or block diagram to be implemented. The program code may be executed entirely on the machine, partially on the machine, partially on the machine and partially on a remote machine as a stand-alone software package, or entirely on a remote machine or server.

[0108] In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing. A more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0109] To provide interaction with a user, the systems and techniques described herein can be implemented on a computer having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user; and a keyboard and pointing device (e.g., a mouse or trackball) through which the user can provide input to the computer. Other types of devices can also be used to provide interaction with the user; for example, the feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including acoustic input, voice input, or tactile input).

[0110] The systems and techniques described herein can be implemented in a computing system that includes backend components (e.g., as a data server), or a computing system that includes middleware components (e.g., an application server), or a computing system that includes frontend components (e.g., a user computer with a graphical user interface or a web browser through which a user can interact with implementations of the systems and techniques described herein), or a computing system that includes any combination of such backend components, middleware components, or frontend components. The components of the system can be interconnected by any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include: a local area network (LAN), a wide area network (WAN), the Internet, and a blockchain network.

[0111] A computer system may include a client and a server. The client and the server are generally remote from each other and usually interact through a communication network. The relationship of client and server is generated by computer programs running on respective computers and having a client-server relationship with each other. The server may be a cloud server, a server of a distributed system, or a server combined with a blockchain.

[0112] It should be understood that the various forms of processes shown above can be used to reorder, add or delete steps. For example, the steps described in this disclosure can be performed in parallel, sequentially or in different orders, as long as the desired results of the technical solutions disclosed in this disclosure can be achieved, and this document does not limit this.

[0113] Although the embodiments or examples of the present disclosure have been described with reference to the accompanying drawings, it should be understood that the above-mentioned methods, systems and devices are merely exemplary embodiments or examples, and the scope of the present invention is not limited by these embodiments or examples. Various elements in the embodiments or examples may be omitted or may be replaced by their equivalent elements. In addition, each step may be performed in an order different from that described in the present disclosure. Further, the various elements in the embodiments or examples may be combined in various ways. It is important that with the evolution of technology, many elements described herein may be replaced by equivalent elements that appear after the present disclosure.

Claims

1. A page display method, comprising: In response to detecting a target page interaction operation of a user, determining target component adjustment information corresponding to the target page interaction operation based on preset page interaction information, wherein the page interaction information indicates at least one page interaction operation and component adjustment information corresponding to each of the at least one page interaction operation, wherein the target component adjustment information includes an instruction sequence consisting of one or more target component adjustment instructions; By sequentially executing each target component adjustment instruction in the instruction sequence, the target page is displayed. Among them, the one or more target component adjustment instructions include at least one target component adjustment instruction of a dynamic call type, and the target component adjustment instruction of the dynamic call type is used to enable the target component to implement calling a method preset in a host platform used to display the target page.

2. The method of claim 1, wherein: The target component adjustment instruction of the dynamic call type includes a dynamic call operation type parameter, wherein the displaying of the target page by sequentially executing each target component adjustment instruction in the instruction sequence includes: In response to determining that the dynamic call operation type parameter of the dynamic call type target component adjustment instruction is a method call operation or an object creation operation, the dynamic call type target component adjustment instruction is executed.

3. The method according to claim 1 or 2, wherein: The target component adjustment instruction of the dynamic call type includes a dynamic call operation type parameter, wherein the displaying of the target page by sequentially executing each target component adjustment instruction in the instruction sequence includes: In response to determining that the dynamic call operation type parameter of the target component adjustment instruction of the dynamic call type is an object destruction operation, the target component adjustment instruction of the dynamic call type is executed.

4. The method according to any one of claims 1 to 3, further comprising: Acquire a page description file, wherein the page description file includes component description information of the target page and the page interaction information; and Based on the component description information, at least one page component in the target page is displayed, The step of sequentially executing each target component adjustment instruction in the instruction sequence to display the target page includes: The display of the target page is adjusted by sequentially executing each target component adjustment instruction in the instruction sequence.

5. The method according to any one of claims 1 to 4, wherein: The target component adjustment information includes at least one subcomponent adjustment information corresponding to at least one page component in the target page, and in response to detecting a target page interaction operation of a user, determining the target component adjustment information corresponding to the target page interaction operation based on preset page interaction information includes: In response to detecting a target page interaction operation for a first target page component among the at least one page component, target subcomponent adjustment information corresponding to the target page interaction operation and the first target page component is determined based on the page interaction information.

6. The method of claim 5, wherein: The page interaction information includes at least one first array corresponding to the at least one page interaction operation, and each first array in the at least one first array includes at least one item for storing the sub-component adjustment information corresponding to the at least one page component.

7. The method according to claim 5 or 6, further comprising: By parsing the page interaction information, a page interaction linked list is generated, wherein the page interaction linked list includes a primary branch corresponding to the target page interaction operation, and the primary branch includes at least one secondary branch corresponding to at least one page component in the target page and used to store the instruction sequence composed of one or more target component adjustment instructions. In response to detecting a target page interaction operation for a first target page component in the at least one page component, determining, based on the page interaction information, target subcomponent adjustment information corresponding to the target page interaction operation and the first target page component comprises: In response to detecting a target page interaction operation for a first target page component in the at least one page component, the target subcomponent adjustment information is determined by querying the page interaction linked list.

8. A page display device, comprising: a detection unit configured to, in response to detecting a target page interaction operation of a user, determine target component adjustment information corresponding to the target page interaction operation based on preset page interaction information, wherein the page interaction information indicates at least one page interaction operation and component adjustment information corresponding to each of the at least one page interaction operation, wherein the target component adjustment information includes an instruction sequence consisting of one or more target component adjustment instructions; A first display unit is configured to display the target page by sequentially executing each target component adjustment instruction in the instruction sequence, Among them, the one or more target component adjustment instructions include at least one target component adjustment instruction of a dynamic call type, and the target component adjustment instruction of the dynamic call type is used to enable the target component to implement calling a method preset in a host platform used to display the target page.

9. The device of claim 8, wherein: The target component adjustment instruction of the dynamic call type includes a dynamic call operation type parameter, wherein the first display unit includes: The first execution unit is configured to execute the target component adjustment instruction of the dynamic call type in response to determining that the dynamic call operation type parameter of the target component adjustment instruction of the dynamic call type is a method call operation or an object creation operation.

10. The device according to claim 8 or 9, wherein: The target component adjustment instruction of the dynamic call type includes a dynamic call operation type parameter, wherein the first display unit includes: The second execution unit is configured to execute the target component adjustment instruction of the dynamic call type in response to determining that the dynamic call operation type parameter of the target component adjustment instruction of the dynamic call type is an object destruction operation.

11. The apparatus according to any one of claims 8 to 10, further comprising: an acquisition unit, configured to acquire a page description file, wherein the page description file includes component description information of the target page and the page interaction information; and A second display unit is configured to display at least one page component in the target page based on the component description information, Wherein, the first display unit comprises: A unit for adjusting the presentation of the target page by sequentially executing each target component adjustment instruction in the instruction sequence.

12. The device according to any one of claims 8 to 11, wherein: The target component adjustment information includes at least one subcomponent adjustment information corresponding to at least one page component in the target page. Among them, the detection unit includes: a unit for responding to detecting a target page interaction operation for a first target page component in the at least one page component, and determining target subcomponent adjustment information corresponding to the target page interaction operation and the first target page component based on the page interaction information.

13. The device of claim 12, wherein: The page interaction information includes at least one first array corresponding to the at least one page interaction operation, and each first array in the at least one first array includes at least one item for storing the sub-component adjustment information corresponding to the at least one page component.

14. The apparatus according to claim 12 or 13, further comprising: a parsing unit configured to generate a page interaction list by parsing the page interaction information, wherein the page interaction list includes a primary branch corresponding to the target page interaction operation, the primary branch includes at least one secondary branch corresponding to at least one page component in the target page and used to store the instruction sequence composed of one or more target component adjustment instructions, The detection unit includes: a unit for determining the target subcomponent adjustment information by querying the page interaction linked list in response to detecting a target page interaction operation for a first target page component in the at least one page component.

15. An electronic device, comprising: at least one processor; as well as a memory communicatively coupled to the at least one processor; in The memory stores instructions that can be executed by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to perform the method according to any one of claims 1 to 7.

16. A non-transitory computer-readable storage medium storing computer instructions, wherein: The computer instructions are used to cause the computer to execute the method according to any one of claims 1-7.

17. A computer program product comprising a computer program, wherein: When the computer program is executed by a processor, the method according to any one of claims 1 to 7 is implemented.

Images