CN117215703A - Dynamic card display method, device and equipment - Google Patents

Abstract

The application provides a dynamic card display method, a dynamic card display device and dynamic card display equipment. The method provided by the application is applied to the client; the method comprises the following steps: when the current card to be loaded is a dynamic card, creating a state machine for the dynamic card; the state machine comprises a plurality of states, the current state of the state machine is used for marking the current state of the dynamic card, and each state corresponds to at least one visual interaction picture; when a predefined event is monitored, updating the state of the state machine to the state corresponding to the predefined event, and displaying a visual interaction picture corresponding to the current state so as to control the display of the dynamic card based on the state of circulation. The dynamic card display method, the dynamic card display device and the dynamic card display equipment provided by the application can update the dynamic card efficiently and conveniently, and improve the use experience of users.

Description

A dynamic card display method, device and equipment

Technical field

The present application relates to the field of information display technology, and in particular to a dynamic card display method, device and equipment.

Background technique

With the continuous development of computer technology and information display technology, more and more users browse various information through applications.

In traditional dynamic page design, the content is no longer fixed static text or fixed images. However, due to the use of native development, it is not only difficult to maintain, but also needs to be re-released and developed every time the content is updated, that is, when the content is updated, A complete dynamic page code release will result in low development efficiency.

Contents of the invention

In view of this, this application provides a dynamic card display method, device and equipment to update dynamic cards efficiently and conveniently.

Specifically, this application is implemented through the following technical solutions:

The first aspect of this application provides a road disease detection method, the method is applied to the client; the method includes:

When the card currently to be loaded is a dynamic card, a state machine is created for the dynamic card; wherein the state machine includes multiple states, and the current state of the state machine is used to mark the current state of the dynamic card. Each of the states corresponds to at least one visual interaction screen;

When a predefined event is detected, the state of the state machine is updated to the state corresponding to the predefined event, and a visual interaction picture corresponding to the current state is displayed to control the display of the dynamic card based on the circulating state.

The second aspect of this application provides a dynamic card display device, which includes a creation module, an update module and a display module; wherein,

The creation module is used to create a state machine for the dynamic card when the card currently to be loaded is a dynamic card; wherein the state machine includes multiple states, and the current state of the state machine is used to mark the The current status of the dynamic card, each of which corresponds to at least one visual interaction screen;

The update module is used to update the state of the state machine to the state corresponding to the predefined event when a predefined event is detected;

The display module is used to display the visual interaction screen corresponding to the current state, and to control the display of the dynamic card based on the circulating state.

The third aspect of the present application provides a dynamic card display device, which includes a memory, a processor, and a computer program stored in the memory and executable on the processor. When the processor executes the program, the first aspect of the present application is realized. The steps of any of the methods provided in the aspect.

A fourth aspect of this application provides a computer-readable storage medium on which a computer program is stored. When the program is executed by a processor, the steps of any one of the methods provided in the first aspect of this application are implemented.

The dynamic card display method, device and equipment provided by this application create a state machine for the dynamic card when the current card to be loaded is a dynamic card, and then update the state of the state machine to a predefined event when a predefined event is detected. The corresponding status, and displays the visual interaction screen corresponding to the current status, to control the display of dynamic cards based on the flow of status. In this way, based on the state machine created for the dynamic card, the display of the dynamic card is controlled through different current states of the state machine, and different interactive screens are provided at the same time. In this way, dynamic cards can be updated efficiently and conveniently, improving the user experience.

Description of drawings

Figure 1 is a flow chart of Embodiment 1 of the dynamic card display method provided by this application;

Figure 2 is a schematic diagram of a specific display form of a dynamic card according to an exemplary embodiment of the present application;

Figure 3 is a schematic diagram of a visual interaction screen according to an embodiment of the present application;

Figure 4 is a schematic diagram of a visual interaction screen according to another exemplary embodiment of the present application;

Figure 5 is a schematic diagram of a visual interaction screen according to yet another exemplary embodiment of the present application;

Figure 6 is a flow chart of Embodiment 2 of the dynamic card display method provided by this application;

Figure 7 is a schematic diagram of a visual interaction screen corresponding to a display state according to an embodiment of the present application;

Figure 8 is a flow chart of Embodiment 3 of the dynamic card display method provided by this application;

Figure 9 is a hardware structure diagram of the dynamic card display device where the dynamic card display device of the present application is located;

Figure 10 is a schematic structural diagram of Embodiment 1 of the dynamic card display device provided by this application.

Detailed ways

Exemplary embodiments will be described in detail herein, examples of which are illustrated in the accompanying drawings. When the following description refers to the drawings, the same numbers in different drawings refer to the same or similar elements unless otherwise indicated. The implementations described in the following exemplary embodiments do not represent all implementations consistent with this application. Rather, they are merely examples of apparatus and methods consistent with aspects of the application as detailed in the appended claims.

The terminology used in this application is for the purpose of describing particular embodiments only and is not intended to be limiting of the application. As used in this application and the appended claims, the singular forms "a," "the" and "the" are intended to include the plural forms as well, unless the context clearly dictates otherwise. It will also be understood that the term "and/or" as used herein refers to and includes any and all possible combinations of one or more of the associated listed items.

It should be understood that although the terms first, second, third, etc. may be used in this application to describe various information, the information should not be limited to these terms. These terms are only used to distinguish information of the same type from each other. For example, without departing from the scope of the present application, the first information may also be called second information, and similarly, the second information may also be called first information. Depending on the context, the word "if" as used herein may be interpreted as "when" or "when" or "in response to determining."

This application provides a dynamic card display method, device and equipment to update dynamic cards efficiently and conveniently.

The dynamic card display method, device and equipment provided by this application create a state machine for the dynamic card when the current card to be loaded is a dynamic card, and then update the state of the state machine to the predefined event when a predefined event is detected. The corresponding status, and displays the visual interaction screen corresponding to the current status, to control the display of dynamic cards based on the flow of status. In this way, based on the state machine created for the dynamic card, the display of the dynamic card is controlled through different current states of the state machine, and different interactive screens are provided at the same time. In this way, dynamic cards can be updated efficiently and conveniently, improving the user experience.

Specific examples are given below to introduce the technical solution of the present application in detail.

Figure 1 is a flow chart of Embodiment 1 of the dynamic card display method provided by this application. Please refer to Figure 1. The method provided in this embodiment may include:

S101. When the card currently to be loaded is a dynamic card, create a state machine for the dynamic card; wherein the state machine includes multiple states, and the current state of the state machine is used to mark the current state of the dynamic card. , each of the states corresponds to at least one visual interaction screen.

Specifically, when the server issues a new card, the card needs to be loaded; or, in response to the user's slide back operation, the historical card needs to be loaded. Further, in this step, when the card is currently to be loaded, it can be determined based on the type information of the card whether the card currently to be loaded is a dynamic card, and then when the card currently to be loaded is a dynamic card, the dynamic card Create a state machine.

It should be noted that the dynamic card may contain a variety of elements to meet diverse display requirements. This embodiment does not limit the specific element types contained in the dynamic card. For example, in a possible implementation, the dynamic card may contain at least one element among text elements, picture elements, audio elements, video elements, link elements and button elements. In this way, through dynamic cards containing a variety of elements, not only can there be a richer display effect, but also users can interact with each other to obtain more information or specific functions.

For example, in one embodiment, the specific display form of dynamic cards is as shown in Figure 2. Figure 2 is a schematic diagram of a specific display form of dynamic cards according to an exemplary embodiment of the present application.

Furthermore, the state machine of the dynamic card is used to record the current status of the dynamic card. By recording the current status of the dynamic card, the display principle and display method of the dynamic card are managed and controlled, so as to achieve the purpose of displaying the dynamic card and achieve better user experience.

It should be noted that the specific state types included in the state machine of the dynamic card are determined according to actual needs. In this embodiment, the specific state types included in the state machine of the dynamic card are not limited. For example, the state machine of a dynamic card can include downloading state, loading state, display state, failure state, offline state, etc.

Furthermore, when the dynamic card is in different states, it corresponds to different visual interaction pictures. Different visual interaction pictures can help users better understand the current status of the dynamic card and guide users to take appropriate operations to provide better user experience and interactivity.

In one embodiment, combined with the above example, at least one visual interaction screen corresponding to a specific state of the dynamic card is shown in Figure 3. Figure 3 is a schematic diagram of a visual interaction screen according to an embodiment of the present application. Please refer to Figure 3. In the example shown in Figure 3, the dynamic card is currently in the downloading state, and its visual interaction screen can display dynamic pictures, text used to display the current downloading state, and the loading progress to convey to the user that the data is being downloaded. information to improve user experience. It should be noted that the loading progress may be determined by the ratio of the size of the downloaded resource package to the total size of the resource package.

Further, FIG. 4 is a schematic diagram of a visual interaction screen according to another exemplary embodiment of the present application. Please refer to Figure 4. In the example shown in Figure 4, when the dynamic card is currently in a failed state, the visual interactive animation can display a dynamic picture, text used to display the current failed state, and interaction buttons to remind the user to take corresponding actions. Further, in a possible implementation, referring to Figure 4, when the dynamic card is in a failed state, different visual interaction pictures can be displayed based on the reasons for the failure. For example, when there is a problem with the network, you can refer to Figure 4 The visual interaction screen shown in Figure B. In this way, through the visual interaction screen corresponding to the current state, the state of the dynamic card can be better reflected, and the user can be guided to take corresponding operations to improve the user experience.

Further, FIG. 5 is a schematic diagram of a visual interaction screen according to yet another exemplary embodiment of the present application. Please refer to Figure 5. When the dynamic card is currently offline, the visual interactive animation can display dynamic images and text indicating that it is currently offline to help users understand that it is offline at this time.

S102. When a predefined event is detected, update the state of the state machine to the state corresponding to the predefined event, and display the visual interaction screen corresponding to the current state to control the display of the dynamic card based on the circulating state. .

Specifically, the state machine is converted based on predefined events. When a predefined event is detected, the state of the state machine can be updated to the state corresponding to the predefined event. It should be noted that the specific content of the predefined event and its corresponding status are set according to the actual situation, and are not limited in this embodiment. For example, predefined events can be user opening client events, page scrolling events, page switching events, application front and back switching events, etc.

Further, when a predefined event is detected, the state of the state machine is updated to a state corresponding to the currently detected predefined event. For example, in one embodiment, when the user opens the client, if data is being loaded, the state of the state machine is updated to the loading state; if the loading is successful and there is content to be displayed, the state of the state machine is updated to the display state; If the loading fails, update the state of the state machine to the failed state.

Further, after the state of the state machine is updated, a visual interaction screen corresponding to the current state is displayed to reflect the state of the dynamic card and guide the user to take corresponding operations to improve the user experience.

The dynamic card display method provided in this embodiment creates a state machine for the dynamic card when the current card to be loaded is a dynamic card, and then updates the state of the state machine to the state corresponding to the predefined event when a predefined event is detected. , and display the visual interaction screen corresponding to the current status, and control the display of dynamic cards based on the status of circulation. In this way, based on the state machine created for the dynamic card, the display of the dynamic card is controlled through different current states of the state machine, and different interactive screens are provided at the same time. In this way, dynamic cards can be updated efficiently and conveniently, improving the user experience.

Figure 6 is a flow chart of Embodiment 2 of the dynamic card display method provided by this application. Please refer to Figure 6. Based on the above embodiment, when a predefined event is detected, the step of updating the state of the state machine to the state corresponding to the predefined event may include:

S601. When it is determined that the resource package of the dynamic card is locally cached, update the state of the state machine from the initial state to the loading state, and load the resource package.

Specifically, when creating a state machine for a dynamic card, when the initial state of the state machine of the dynamic card is the initial state, it means that the dynamic card is the loaded dynamic card, and the dynamic card has been activated and can be used.

Further, when a predefined event is detected, it is determined whether there is a resource package for the dynamic card cached locally. The resource package can be a resource package that has been downloaded and stored locally on the client. When the dynamic card requires a corresponding resource package, it can be There is no need to re-download the resource package, directly update the state of the state machine from the initial state to the loading state, and load the resource package directly from the local.

S602. When the resource package is successfully loaded, update the state of the state machine to the display state, and display the visual interaction screen corresponding to the display state.

Specifically, when the state machine of the dynamic card is marked as display state, it means that the content of the dynamic card has been loaded and is in the display state. At this time, the corresponding visual interaction screen is displayed. For example, in one embodiment, the resource package A to be displayed by the dynamic card has been cached locally. At this time, the state of the state machine is updated from the initial state to the loading state, and the resource package A is loaded. After the resource package A is successfully loaded, Update the state of the state machine from the loading state to the display state, and display the visual interaction picture corresponding to the display state at the corresponding position on the client. The final visual interaction picture displayed on the client page is as shown in 7 (Figure 7 is an implementation of this application A schematic diagram of the visual interaction screen corresponding to the illustrated display state).

It should be noted that when the state machine of the dynamic card is marked as loading state, it means that the corresponding resource package is being loaded. During specific implementation, multiple dynamic engine technologies can be used to load resource packages across terminals, such as using Web View dynamic engine technology, ReactNative dynamic engine technology, or Flutter dynamic engine technology to load the resource package.

For example, in one embodiment, Web View dynamic engine technology can be used to load the resource package. During specific implementation, a Web View instance is first created according to attribute information such as the size information of the dynamic card, and the resource package of the dynamic card is parsed through the Web View instance. Furthermore, the page loading speed can be improved in various ways. For example, the page loading speed can be spliced into HTML (HyperText Markup Language, HTML for short) according to global variables. For another example, it can be obtained through JSI (Java Script Interface, JSI for short) communication method. Further, after detecting that the Web View is loaded, the callback function is triggered, causing the state machine to mark the status of the dynamic card as a display state to display the corresponding content. At the same time, in order to avoid loading but not triggering the callback function, JSI communication can be used to switch the dynamic card to the display state in advance to display the corresponding page. It should be noted that when the dynamic card is in the loading state for more than the preset time, or when a failure to load the Web View is detected, the state machine marks the status of the dynamic card as a failure state and displays the visual interaction screen corresponding to the failure state.

For another example, in another embodiment, ReactNative dynamic engine technology can be used to load resource packages. In specific implementation, first create a ReactNative instance according to the size information and other attribute information of the dynamic card, parse the resource package of the dynamic card through the ReactNative instance, and insert the page React RootView view into the dynamic card. Further, when it is detected that component DidUpdate in the page is called, the state machine is caused to mark the status of the dynamic card as a display state to display the corresponding content. It should be noted that when the dynamic card is in the loading state for more than the preset time, or when ReactNative loading failure is detected, the state machine marks the status of the dynamic card as a failure state and displays the visual interaction screen corresponding to the failure state.

The dynamic card display method provided in this embodiment updates the state of the state machine from the initial state to the loading state when it is determined that there is a resource package with dynamic cards in the local cache, and loads the resource package. Then when the resource package is successfully loaded, the state The status of the machine is updated to the display state, and the visual interaction screen corresponding to the display state is displayed. In this way, the cached dynamic card resource package can be loaded directly from the local area, which improves the efficiency of dynamic card display and enhances the user experience.

Figure 8 is a flow chart of Embodiment 3 of the dynamic card display method provided by this application. Referring to Figure 8, the method provided in this embodiment may include:

S801. When the card currently to be loaded is a dynamic card, create a state machine for the dynamic card.

For detailed explanation of this step, please refer to the relevant description in Embodiment 1, and will not be described again here.

S802: Obtain the latest configuration information of the dynamic card from the server, and update the locally cached configuration information according to the obtained configuration information.

Specifically, the configuration information of the dynamic card is used to mark the permissions and attributes of the dynamic card. The specific data types contained in the configuration information are set according to actual needs. In this embodiment, the specific data types contained in the configuration information are not limited. . For example, the configuration information of a dynamic card may include the permission information required by the dynamic card, elements contained in the dynamic card, URI resource address, message type ID, extended data, online and offline status, etc.

Further, after obtaining the latest configuration information corresponding to the dynamic card, the locally cached configuration information is updated to the latest configuration information currently obtained.

S803. Determine whether the currently obtained configuration information contains specified information. If so, perform step S804. If not, perform step S805.

S804. Update the state of the state machine to the offline state, and display the visual interaction screen corresponding to the offline state.

Specifically, the specified information may be the offline status information of the dynamic card or other information used to characterize the offline status. The following description takes the specified information as offline status information as an example. In this step, if the configuration information contains offline status information, the status of the state machine is updated to the offline state, and the visual corresponding to the offline state is displayed. Interactive screen.

S805. Determine whether the resource package of the dynamic card is cached locally. If not, perform step S806. If yes, perform step S808.

S806. Update the state of the state machine from the initial state to the download state, download the resource package, and display the visual interaction screen corresponding to the download state.

S807. Determine whether the resource package is successfully downloaded. If yes, execute step S808. If not, execute step S810.

S808: Update the state of the state machine to the loading state, and display the visual interaction screen corresponding to the loading state.

S809: When the resource package is successfully loaded, update the state of the state machine to the display state, and display the visual interaction screen corresponding to the display state.

For relevant descriptions of steps S806 to S809, reference may be made to the specific descriptions in the above embodiments and will not be described again here.

S810. Update the state of the state machine to a failure state, and display the visual interaction screen corresponding to the failure state.

Specifically, if the download of the resource package fails, the state of the state machine is updated to the failure state, and the visual interaction screen corresponding to the failure state is displayed. It should be noted that during specific implementation, there may be many different failure reasons for loading failure. When loading fails due to different reasons, different visual interaction screens may be displayed. For example, when the download fails due to server failure, data anomaly, etc., the status of the state machine can be updated to the failed state, and the visual interaction screen shown in Figure 4 A can be displayed. For another example, when the download fails due to network problems, the status of the state machine can be updated to the failed state, and the visual interaction screen shown in Figure 4 B can be displayed.

The dynamic card display method provided in this embodiment creates a state machine for the dynamic card when the current card to be loaded is a dynamic card, and then obtains the latest configuration information of the dynamic card from the server, and updates the local cache based on the obtained configuration information. configuration information, and further based on the latest configuration information, when it is determined that there is no resource package for cached dynamic cards locally, the state of the state machine is updated from the initial state to the download state, and the resource package is downloaded, while displaying the visual interaction corresponding to the download state. screen, after the download is successful, the state of the state machine is updated to the loading state, and then after the resource package is successfully loaded, the state of the state machine is updated to the display state, and the visual interaction screen corresponding to the display state is displayed. The method provided in this embodiment is based on the state machine created for the dynamic card, and uses different current states of the state machine to control the display of the dynamic card and provide different interactive pictures at the same time. In this way, dynamic cards can be updated efficiently and conveniently, improving the user experience.

Corresponding to the foregoing embodiment of a dynamic card display method, this application also provides an embodiment of a dynamic card display device.

An embodiment of a dynamic card display device of the present application can be applied to a dynamic card display device. The device embodiments may be implemented by software, or may be implemented by hardware or a combination of software and hardware. Taking software implementation as an example, as a device in a logical sense, it is formed by reading the corresponding computer program instructions in the non-volatile memory into the memory and running them through the processor of the dynamic card display device where it is located. From the hardware level, as shown in Figure 9, it is a hardware structure diagram of the dynamic card display device where the dynamic card display device of the present application is located. In addition to the processor, memory, network interface, and non-volatile memory shown in Figure 9 In addition to the memory, the dynamic card display device where the device is located in the embodiment may also include other hardware according to the actual functions of the dynamic card display device, which will not be described again.

Figure 10 is a schematic structural diagram of Embodiment 1 of the dynamic card display device provided by this application. Please refer to Figure 10. The device provided by this embodiment may include a creation module 1010, an update module 1020 and a display module 1030; wherein,

The creation module 1010 is used to create a state machine for the dynamic card when the card currently to be loaded is a dynamic card; wherein the state machine includes multiple states, and the current state of the state machine is used to mark the The current state of the dynamic card is described, and each state corresponds to at least one visual interaction screen;

The update module 1020 is configured to update the state of the state machine to the state corresponding to the predefined event when a predefined event is detected;

The display module 1030 is used to display the visual interaction screen corresponding to the current state, and to control the display of the dynamic card based on the circulating state.

The device of this embodiment can be used to perform the steps of the method embodiment shown in Figure 1. The specific implementation principles and implementation processes are similar and will not be described again here.

Optionally, the update module 1020 is specifically configured to update the state of the state machine from the initial state to the loading state and load the resource package when it is determined that the resource package of the dynamic card is locally cached;

The update module 1020 is also specifically configured to update the state of the state machine to the display state when the resource package is successfully loaded;

The display module 1030 is also specifically used to display the visual interaction screen corresponding to the display state.

Optionally, the update module 1020 is also specifically configured to update the state of the state machine from the initial state to the download state;

The display module 1030 is also specifically used to download the resource package and display the visual interaction screen corresponding to the download state;

The update module 1020 is also specifically configured to update the state of the state machine to the loading state when the resource package is successfully downloaded.

Optionally, the update module 1020 is also specifically configured to obtain the latest configuration information of the dynamic card from the server, and update the locally cached configuration information according to the obtained configuration information, and then the currently obtained configuration information includes the specified When receiving information, the state of the state machine is updated to an offline state, and a visual interaction screen corresponding to the offline state is displayed.

Optionally, the update module 1020 is also specifically configured to update the state of the state machine to a failure state;

The display module 1030 is also specifically configured to display the visual interaction screen corresponding to the failure state.

Optionally, loading the resource package includes: loading the resource package using Web View dynamic engine technology, React Native dynamic engine technology, or Flutter dynamic engine technology.

Please continue to refer to Figure 9. This application also provides a dynamic card display device, including a memory, a processor and a computer program stored on the memory and executable on the processor. When the processor executes the program, The steps of any of the methods provided in the first aspect of this application.

This application also provides a computer-readable storage medium on which a computer program is stored. When the program is executed by a processor, the steps of any of the methods provided by this application are implemented.

For details on the implementation process of the functions and effects of each unit in the above device, please refer to the implementation process of the corresponding steps in the above method, and will not be described again here.

As for the device embodiment, since it basically corresponds to the method embodiment, please refer to the partial description of the method embodiment for relevant details. The device embodiments described above are only illustrative. The units described as separate components may or may not be physically separated. The components shown as units may or may not be physical units, that is, they may be located in One location, or it can be distributed across multiple network units. Some or all of the modules can be selected according to actual needs to achieve the purpose of the solution of this application. Persons of ordinary skill in the art can understand and implement the method without any creative effort.

The above are only preferred embodiments of the present application and are not intended to limit the present application. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and principles of the present application shall be included in the present application. within the scope of protection.

Claims (10)

1. A dynamic card display method, which is characterized in that the method is applied to a client; the method comprises the following steps:

when the current card to be loaded is a dynamic card, creating a state machine for the dynamic card; the state machine comprises a plurality of states, the current state of the state machine is used for marking the current state of the dynamic card, and each state corresponds to at least one visual interaction picture;

when a predefined event is monitored, updating the state of the state machine to the state corresponding to the predefined event, and displaying a visual interaction picture corresponding to the current state so as to control the display of the dynamic card based on the state of circulation.

2. The method of claim 1, wherein updating the state of the state machine to the state corresponding to the predefined event upon detection of the predefined event comprises:

when judging that the resource package of the dynamic card is locally cached, updating the state of the state machine from an initial state to a loading state, and loading the resource package;

and when the resource package is successfully loaded, updating the state of the state machine into a display state, and displaying a visual interaction picture corresponding to the display state.

3. The method according to claim 1 or 2, wherein when it is determined that the resource package of the dynamic card is not cached locally, the method comprises:

updating the state of the state machine from an initial state to a download state;

downloading the resource package and displaying a visual interaction picture corresponding to the downloading state;

and when the resource package is successfully downloaded, updating the state of the state machine into a loading state.

4. A method according to any one of claims 1-3, wherein while determining whether a local cache is caching resource packages of the dynamic card, the method further comprises:

acquiring the latest configuration information of the dynamic card from a server, and updating the configuration information of a local cache according to the acquired configuration information;

when the currently acquired configuration information contains the specified information, updating the state of the state machine to an offline state, and displaying a visual interaction picture corresponding to the offline state.

5. A method according to claim 3, wherein upon unsuccessful download of the resource package, the method further comprises:

and updating the state of the state machine into a failure state, and displaying a visual interaction picture corresponding to the failure state.

6. The method of claim 2, wherein the loading the resource package comprises:

and loading the resource package by adopting a Web View dynamic engine technology, a real Native dynamic engine technology or a Fluter dynamic engine technology.

7. A dynamic card display device, which is characterized by comprising a creation module, an updating module and a display module; wherein,

the creation module is used for creating a state machine for the dynamic card when the current card to be loaded is the dynamic card; the state machine comprises a plurality of states, the current state of the state machine is used for marking the current state of the dynamic card, and each state corresponds to at least one visual interaction picture;

the updating module is used for updating the state of the state machine to the state corresponding to the predefined event when the predefined event is monitored;

the display module is used for displaying the visual interaction picture corresponding to the current state so as to control the display of the dynamic card based on the state of circulation.

8. The apparatus of claim 7, wherein the updating module is specifically configured to update the state of the state machine from an initial state to a loaded state and load the resource package when it is determined that the resource package of the dynamic card is locally cached;

the updating module is further configured to update a state of the state machine to a presentation state when the resource package is successfully loaded;

the display module is also used for displaying the visual interaction picture corresponding to the display state.

9. A dynamic card display apparatus comprising a memory, a processor and a computer program stored on the memory and executable on the processor, wherein the processor performs the steps of the method of any one of claims 1 to 6 when the program is executed.

10. A computer readable storage medium, on which a computer program is stored, characterized in that the program, when being executed by a processor, implements the steps of the method according to any of claims 1-6.