Method, device, equipment, storage medium and program product for processing widget component

By running widget components on a server and rendering and displaying images on the terminal, the problem of needing to develop different operating system versions of widget components has been solved, enabling rapid updates and efficient widget component management.

CN115801777BActive Publication Date: 2026-02-06BAIDU ONLINE NETWORK TECH (BEIJIBG) CO LTD
View PDF 1 Cites 0 Cited by

Patent Information

Application Number
CN202211386197.8
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2022-11-07
Publication Date
2026-02-06
Estimated Expiration
2042-11-07

AI Technical Summary

Technical Problem

In existing technologies, widget components need to be developed for different operating system versions, resulting in a large workload and long update cycles, making it impossible to quickly respond to the needs of new business applications or content modifications.

Method used

The widget components run on the server, and the terminal obtains content data and configuration information from the server to generate and render images. The terminal provides an ImageView container that is compatible with different operating systems, avoiding the need to release versions on each terminal.

Benefits of technology

It reduces the workload of widget component release and update, shortens update time, improves widget component update efficiency, and supports compatibility with different operating systems.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN115801777B_ABST
    Figure CN115801777B_ABST
Patent Text Reader

Abstract

The present disclosure provides a widget component processing method and device, equipment, storage medium and program product, relates to the technical field of computers, in particular to the fields of intelligent terminals, cloud computing, software application, embedded systems and the like. The specific implementation scheme is as follows: deploying widget components of each application on a server, and configuring the widget components. A terminal obtains content data and configuration information of the file components from the server, generates a display picture corresponding to the widget components, renders the display picture into a picture view created in a widget display area on a desktop, and realizes display of the application widget components. A picture view container is provided on the terminal, which is compatible with containers of different heights in different operating systems, and there is no need to develop widget components of different operating system versions respectively. When application updates cause changes in widget display content, only the widget components on the server need to be updated, and there is no need to release versions on terminals of different operating systems, thereby improving the efficiency of widget component release and update.
Need to check novelty before this filing date? Find Prior Art

Description

TECHNICAL FIELD

[0001] The present disclosure relates to the field of intelligent terminals, cloud computing, software applications, embedded systems, and the like in computer technology, and particularly relates to a widget component processing method and device, equipment, storage medium and program product. BACKGROUND

[0002] The wide popularity of mobile terminals makes people's life more convenient. Many applications that are often used in life can be realized on mobile terminals, such as date clock, weather, news, health, sports, and the like, and social applications such as Facebook, which need to be used frequently. Therefore, people expect to obtain information of these applications more quickly and conveniently when using mobile terminals.

[0003] Widgets can basically meet people's needs. Widgets are small components on the display desktop of a mobile terminal, which can display information of frequently used applications, such as date clock, weather, and the like, in the form of H5 page cards on the desktop of the mobile terminal. Users can view application information on the desktop through the displayed widget component and quickly open the corresponding application. Usually, a widget component of different operating systems (such as iOS, Android, and the like) needs to be developed for an application to run on terminals of different operating systems. SUMMARY

[0004] The present disclosure provides a widget component processing method, device, equipment, storage medium and program product.

[0005] According to a first aspect of the present disclosure, a widget component processing method is provided, comprising:

[0006] In response to displaying a widget component, a display picture and a display size of a target widget component to be displayed are obtained; a first picture view of a corresponding size is created in a widget display area on the desktop according to the display size of the target widget component; and the display picture of the target widget component is rendered into the first picture view.

[0007] According to a second aspect of the present disclosure, a widget component processing method is provided, comprising:

[0008] At least one widget component of an application uploaded is received, and the widget component is run; configuration information of the widget component is generated and stored according to a configuration operation on the widget component; in response to a data request of a target widget component of a terminal, content data and configuration information of the target widget component are sent to the terminal; wherein the configuration information contains a display size, the content data is used to generate a display picture of the target widget component, and the display picture is rendered into a picture view on the desktop to realize display of the target widget component.

[0009] According to a third aspect of the present disclosure, a processing apparatus of a widget component is provided, comprising:

[0010] a widget component display information obtaining module, configured to obtain a display picture and a display size of a target widget component to be displayed in response to displaying the widget component;

[0011] a widget component display module, configured to create a first picture view with a corresponding size in a widget display area on a desktop according to the display size of the target widget component, and render the display picture of the target widget component into the first picture view.

[0012] According to a fourth aspect of the present disclosure, a processing apparatus of a widget component is provided, comprising:

[0013] a widget component deployment module, configured to receive a widget component of at least one application uploaded, and run the widget component;

[0014] a widget component configuration module, configured to generate and store configuration information of the widget component according to a configuration operation on the widget component;

[0015] a widget component data management module, configured to send content data and configuration information of a target widget component to a terminal in response to a data request of the target widget component by the terminal;

[0016] wherein the configuration information comprises a display size, the content data is used to generate a display picture of the target widget component, and the display picture is rendered into a picture view on a desktop to realize display of the target widget component.

[0017] According to a fifth aspect of the present disclosure, an electronic device is provided, comprising:

[0018] at least one processor; and a memory connected with the at least one processor in communication; wherein 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 perform the method of the first aspect or the second aspect.

[0019] According to a sixth aspect of the present disclosure, a non-transitory computer readable storage medium storing computer instructions is provided, wherein the computer instructions are used to enable the computer to perform the method of the first aspect or the second aspect.

[0020] According to a seventh aspect of the present disclosure, a computer program product is provided, which comprises a computer program stored in a readable storage medium, at least one processor of an electronic device can read the computer program from the readable storage medium, and the at least one processor executes the computer program to enable the electronic device to perform the method of the first aspect or the second aspect.

[0021] It should be understood that the content described in this part is not intended to identify key or important features of the embodiments of the present disclosure, nor to limit the scope of the present disclosure. Other features of the present disclosure will become apparent from the following description. BRIEF DESCRIPTION OF DRAWINGS

[0022] The accompanying drawings are used to better understand the present scheme and do not limit the present disclosure. Among them:

[0023] Figure 1 is a schematic diagram of a network architecture based on the present disclosure;

[0024] Figure 2 is a flowchart of a processing method of a widget component provided by an exemplary embodiment of the present disclosure;

[0025] Figure 3 is a flowchart of a processing method of a widget component provided by another exemplary embodiment of the present disclosure;

[0026] Figure 4 is a schematic diagram of a data flow of a widget provided by another exemplary embodiment of the present disclosure;

[0027] Figure 5 is a flowchart of a method of switching display of a widget component provided by an exemplary embodiment of the present disclosure;

[0028] Figure 6 is a flowchart of a method of adding a displayed widget component provided by an exemplary embodiment of the present disclosure;

[0029] Figure 7 is a flowchart of a processing method of a widget component provided by an exemplary embodiment of the present disclosure;

[0030] Figure 8 is an interaction flowchart of obtaining a list of widget components provided by an exemplary embodiment of the present disclosure;

[0031] Figure 9 is an interaction flowchart of updating a widget component provided by an exemplary embodiment of the present disclosure;

[0032] Figure 10 is a structural schematic diagram of a processing device of a widget component provided by an exemplary embodiment of the present disclosure;

[0033] Figure 11 is a structural schematic diagram of a processing device of a widget component provided by another example embodiment of the present disclosure;

[0034] Figure 12 is a structural schematic diagram of a processing device of a widget component provided by another example embodiment of the present disclosure;

[0035] Figure 13 is a block diagram of an electronic device for implementing a processing method of a widget component according to an embodiment of the present disclosure. DETAILED DESCRIPTION

[0036] Exemplary embodiments of the present disclosure are described below with reference to the accompanying drawings, which include various details of the embodiments of the present disclosure to assist in understanding them. These should be considered as merely exemplary. Thus, those of ordinary skill in the art will recognize various changes and modifications of the embodiments described herein, which do not depart from the scope and spirit of the present disclosure. Also, for the sake of brevity and clarity, descriptions of well-known functions and constructions are omitted from the following description.

[0037] Hot area: is an interactive part (commonly known as a clickable place) in a display page, which will trigger an event after interaction. The event can be a link jump, or a submission or a pop-up dialog box, etc.

[0038] Widget component: also known as widget component, is a small component on the display desktop of a mobile terminal. In the present disclosure, the target widget component refers to the widget component to be displayed, also known as the target widget component. The display page of the widget component is called widget page or widget page.

[0039] Widget is a small component on the display desktop of a mobile terminal, which can display the information of commonly used applications, such as date and time, weather, microblog, etc. in the form of H5 page card on the desktop of a mobile terminal. Usually, an application needs to develop widget components of different operating systems (such as iOS, Android, etc.) versions respectively, in order to run on terminals of different operating systems. When the application adds new business or modifies content, resulting in changes in the content to be displayed through the widget, it is necessary to redevelop the widget components of each operating system version, which is time-consuming and laborious.

[0040] The present disclosure provides a processing method, device, equipment, storage medium and program product of a widget component, which are applied to intelligent terminals, cloud computing, software applications, embedded systems, etc. in the field of computer technology, so as to improve the efficiency of widget component release and update.

[0041] In the scheme provided by the present disclosure, the widget components of various applications run on the server, and do not need to be released on various terminals. The terminal can obtain the content data and configuration information of the widget component from the server, generate a display picture corresponding to the widget component according to the content data and configuration information of the widget component, render the display picture into an image view (ImageView) created in a widget display area on the desktop, and realize the display of the widget component of the application. In this way, the ImageView container is provided on the terminal (iOS or Android), which can be compatible with highly different containers in different operating systems such as iOS and Android (android), and the size of the container is not perceived by the developer, so that the widget components of different operating system versions of the same application do not need to be developed respectively. When the application adds a new business or modifies the content, so that the content displayed by the widget changes, only the widget component on the server needs to be updated, without the need to release on various terminals, thereby reducing the workload, shortening the time required for updating the widget component, and improving the efficiency of releasing and updating the widget component.

[0042] Figure 1 For a schematic diagram of a network architecture based on the present disclosure, as shown in Figure 1 The network architecture includes a server and one or more terminals capable of being connected to the server in communication.

[0043] The server can be a server cluster deployed in the cloud or other devices with computing capabilities. The server runs one or more widget components of applications. The widget components of different applications correspond to different business types and are used to implement different business logic. The server running the widget component can execute the corresponding business logic to generate the content data of the widget component. The widget component can be uploaded by the publisher of the widget component of each application.

[0044] Through the visual page provided by the server, the publisher of the widget component can configure the widget component to configure the URL (Uniform Resource Locator, Uniform Resource Locator), background color, display size and other parameters of the widget component. The displayed widget page (display picture) can also be divided into grids, one or more grid areas are configured as hot areas, and the corresponding events of the hot areas are configured. The server stores the configuration information of each widget component.

[0045] The terminal can be a mobile terminal such as a smart phone or a tablet computer. The terminal can obtain content data and configuration information of the widget component from a server, generate a display picture corresponding to the widget component according to the content data and the configuration information of the widget component, render the display picture into a picture view created in a widget display area on a desktop, and display the widget component.

[0046] The technical solutions of the present disclosure and how the technical solutions solve the above technical problems will be described in detail below with specific embodiments. The following specific embodiments can be combined with each other, and the same or similar concepts or processes can not be described again in some embodiments. The embodiments of the present disclosure will be described below with reference to the accompanying drawings.

[0047] Figure 2 FIG. 1 is a flowchart of a method for processing a widget component according to an example embodiment of the present disclosure. The method provided in this embodiment is executed by a terminal, which can be a mobile terminal such as a smart phone or a tablet computer. As shown in FIG. 1, the method includes the following steps. Figure 2

[0048] In step S201, a display picture and a display size of a target widget component to be displayed are obtained in response to displaying the widget component.

[0049] In actual applications, when a user opens a desktop of a terminal including a widget display area, one or more widget components need to be displayed in the widget display area on the desktop. The one or more widget components to be displayed are taken as target widget components, and the display picture and the display size of the target widget components to be displayed are obtained.

[0050] Different widget components correspond to different application types. The configuration information of the widget component at least includes a widget component identifier, a display size, an application identifier / application type identifier. The configuration information can also include a background color of a widget page of the widget component, format information (such as a border corner), and the like.

[0051] Optionally, the terminal can generate the display picture of the target widget component to be displayed according to the content data and the configuration information of the target widget component obtained from the server in advance, and store the display picture and the configuration information of the target widget component in a local storage space. In this step, the display picture and the display size of the target widget component are read from the local storage space.

[0052] ​Optionally, for any widget component, the content data and configuration information of the target widget component obtained from the server when the widget component is displayed for the first time, the display picture of the target widget component to be displayed is generated, and the display size of the widget component is obtained from the configuration information. Further, the display picture and the configuration information of the widget component are stored in the local storage space, and when the widget component is displayed subsequently (not for the first time), the display picture and the display size of the target widget component are directly read from the local storage space.

[0053] Optionally, the content data and configuration information of the target widget component obtained from the server can be obtained every time the target widget component is displayed, the display picture of the target widget component to be displayed is generated, and the display size of the widget component is obtained from the configuration information.

[0054] Step S202, according to the display size of the target widget component, a first picture view of a corresponding size is created in the widget display area on the desktop.

[0055] After obtaining the display picture and the display size of the target widget component, a picture view (denoted as a first picture view) for displaying each target widget component is created in the widget display area on the desktop.

[0056] The position and size of the widget display area on the desktop can be configured and adjusted according to the actual application terminal, which is not limited here.

[0057] Step S203, the display picture of the target widget component is rendered into the first picture view.

[0058] The display picture of each target widget component is rendered into the corresponding first picture view on the desktop to form a widget page (also known as a widget page) of the target widget component, and the content data of the target widget component is displayed on the desktop.

[0059] In the embodiment, when the display of the widget component is implemented, an image view (ImageView) container is provided on the terminal, which can be compatible with highly different containers in different operating systems such as iOS and Android, the container size is not perceived by the developer, and the widget component can be deployed on the server without the need to develop different operating system versions of the widget component for the same application. When the application adds new business or modifies content, resulting in changes in the content of the widget component, only the widget component on the server needs to be updated, without the need to release on each terminal, reducing the workload, shortening the time required to update the widget component, and improving the efficiency of widget component release and update.

[0060] Figure 3is a flowchart of a processing method of the widget component provided by another exemplary embodiment of the present disclosure. Based on the above-mentioned embodiments, in the present embodiment, the content data and configuration information of the target widget component are acquired from the server, the web view of the target widget component is generated according to the content data and configuration information of the target widget component, the web view of the target widget component is drawn into a picture of the same size to obtain a display picture of the target widget component, and the display picture of the target widget component is generated.

[0061] As shown in Figure 3 , the method comprises the following specific steps:

[0062] In step S301, in response to displaying the widget component, the display picture and display size of the target widget component stored are read.

[0063] In actual application, when a user opens a desktop on the terminal containing a widget display area, one or more widget components need to be displayed in the widget display area on the desktop, and the one or more widget components to be displayed are taken as target widget components. The terminal reads the display picture and display size of the target widget component from the local storage space.

[0064] If the display picture and display size of the target widget component are read, steps S305-S306 are directly executed to display the target widget component on the desktop, which can significantly improve the display efficiency of the widget component.

[0065] If the display picture and display size of the target widget component are not read, it is indicated that this is the first time to display the target widget component, steps S302-S304 are executed to acquire the content data and configuration information of the target widget component from the server, generate the display picture of the target widget component, and acquire the display size in the configuration information, and then steps S305-S306 are executed to display the target widget component on the desktop.

[0066] In step S302, if the display picture of the target widget component is not read, the content data and configuration information of the target widget component are acquired from the server, and the web view of the target widget component is generated according to the content data and configuration information of the target widget component.

[0067] Exemplarily, the terminal can send a data acquisition request of the target widget component to the server, and the request carries the identification (such as the widget component ID, or the corresponding service type, or the corresponding application identification, etc.) of the target widget component. The server acquires the content data and configuration information of the target widget component based on the request of the terminal, and returns the content data and configuration information of the target widget component to the terminal.

[0068] The configuration information of the target widget component includes at least a display size. The content data of the target widget component can include a server-generated URL and corresponding content data parameters. The terminal loads the URL and the content data parameters through a web front end (referred to as a front end) to obtain the content data of the target widget component.

[0069] Further, the terminal creates a webpage view with a corresponding size according to the display size (such as 360dp*180dp) of the target widget component, and informs the kernel of the size of the webpage view through an API (Application Programming Interface). The URL and the corresponding content data parameters of the target widget component are loaded through the front end to obtain the content data of the target widget component, which is rendered into the webpage view to obtain the webpage view of the target widget component.

[0070] In step S303, the webpage view of the target widget component is drawn into a picture with the same size to obtain a display picture of the target widget component.

[0071] After the webpage view of the target widget component is rendered through the front end, a picture with the same size is generated according to the size of the webpage view, and the webpage view of the target widget component is drawn onto the picture to obtain a display picture of the target widget component.

[0072] Optionally, after the display picture of the target widget component is generated, the display picture of the target widget component can be format-converted according to the format information of the target widget component, so that the finally displayed widget component has a unified format.

[0073] For example, assuming that all the widget components displayed on the desktop are rounded, the display picture of the target widget component can be uniformly rounded.

[0074] In step S304, the display picture of the target widget component is compressed and stored, and the configuration information of the target widget component is stored, which includes the display size.

[0075] In this embodiment, the display picture of the target widget component is stored after compression, which can save the storage space of the terminal.

[0076] For example, the display picture of the target widget component can be compressed into a PNG, JPG, or the like.

[0077] In step S305, a first picture view with a corresponding size is created in a widget display area on the desktop according to the display size of the target widget component.

[0078] After the display picture and the display size of the target widget component are acquired, a picture view (denoted as a first picture view) for displaying each target widget component is created in the widget display area on the desktop.

[0079] The position and size of the widget display area on the desktop can be configured and adjusted according to the actual application terminal, and are not specifically limited here.

[0080] In step S306, the display picture of the target widget component is rendered into the first picture view.

[0081] In this step, the display picture of the target widget component is rendered into the corresponding first picture view on the desktop, thereby realizing display of the content data of the target widget component on the desktop.

[0082] Optionally, the display picture of the target widget component can be rendered into the first picture view in a manner of width fullness and height self-adaption, and the height of the picture view (ImageView) is automatically adjusted so as to make the picture view (ImageView) consistent with the width-height ratio of the display picture.

[0083] In this embodiment, when the content data of the target widget component is updated, the stored display picture of the target widget component is updated, and the stored display picture is kept as the latest display picture of the target widget component, so that when the content data displayed on the widget page through the widget changes due to application of new services or modification of content, the widget page can be updated in time without redeveloping the widget component of each operating system version, thereby realizing quick iteration and update of the widget page.

[0084] In an optional embodiment, a hot area and a corresponding event can be configured on the displayed widget page.

[0085] Specifically, the widget page of the widget component can be configured with a hot area on the server side, and the hot area configuration information of the widget component is saved.

[0086] The terminal can acquire the hot area configuration information of the target widget component from the server, and configure a hot area and a hot area corresponding event on the display picture of the target widget component according to the hot area configuration information, so that the widget page of the target widget component displayed on the desktop contains one or more hot areas, and when a user triggers an operation on any hot area, the terminal triggers execution of the event corresponding to the hot area, thereby realizing the corresponding function of the target widget component.

[0087] Specifically, the triggering operation on the hot area can be a click operation, in response to a click operation on any hot area of a displayed picture of a target widget component in the first picture view, an event corresponding to the clicked hot area is triggered, thereby realizing the corresponding function of the target widget component.

[0088] By monitoring the picture loading completion in the front end, the terminal of the iOS system needs to monitor the resize event execution, and the terminal of the iOS system additionally needs to monitor the virtual viewport. The developer only needs to use the img element in H5 to carry the picture in the template. When setting the interaction logic, the developer can pass in the dom node id and schema of the content area. In addition, the conversion of the dom hot area and the widget component identifier can be realized, and the corresponding widget component can be determined based on the hot area.

[0089] In this embodiment, by using a collection view such as GridView, the widget page can be divided into multiple grid areas (such as 6*12 grid areas), so as to set one or more grid areas as a click hot area, and configure different click events according to different click hot areas, and interact through the GridView.

[0090] In the embodiment of the present disclosure, the overall architecture of the widget includes a widget front end and a server end. The server end is divided into a widget middle platform and a business back end. The widget middle platform is responsible for the framework side data management of the widget and the data transmission of the business side. The business back end needs to provide the data structure of the widget content. The data flow of the widget itself is as shown in Figure 4 The business back end provides the widget content to the widget middle platform, and the widget middle platform transmits the widget content to the widget front end. The data structure of the widget content of different business types can be different. In addition, in addition to the widget itself, the widget entry also needs the participation of the business back end. The data required for displaying the widget component is transmitted through the interface, and the back end will splice the required data to the URL. The widget front end obtains the data issued by the business back end from the URL, and the developer is unaware of the widget data in the widget page.

[0091] Figure 5 The method flowchart for switching the display of the widget component provided by an example embodiment of the present disclosure is shown in the figure. On the basis of any of the above embodiments, in this embodiment, for the widget component (denoted as a first widget component) displayed in the widget display area on the desktop, any displayed first widget component is supported to be switched to another second widget component, thereby realizing the switching of the widget components of different business types (different applications). As shown in Figure 5As shown, the method comprises the following specific steps:

[0092] In step S501, in response to a switching operation on the first widget component displayed in the widget display area, a widget component list is obtained from a server, the widget component list containing information of a plurality of widget components.

[0093] The widget component list contains information of one or more widget components that can be switched from the first widget component. The widget component list does not contain information of the first widget component. For any widget component, which widget components are allowed to be switched to can be configured on the server side, which is not specifically limited here. For example, it can be configured to allow switching to any other widget component.

[0094] The widget component list contains content data, configuration information, etc. of the widget components.

[0095] Exemplarily, the terminal can send a request for obtaining the widget component list to the server, which can carry an identifier of the first widget component. The server obtains the widget component list that can be switched to in response to the request of the terminal, renders the widget component list, and returns the rendered widget component list to the terminal. The terminal receives the widget component list sent by the server.

[0096] In step S502, the widget component list is displayed.

[0097] The terminal displays the widget component list on the desktop for the user to select the second widget component to be switched to.

[0098] In step S503, in response to a selection operation on the second widget component in the widget component list, a display picture of the second widget component is obtained.

[0099] In this step, the display picture of the second widget component is obtained, which is the same as the specific process of obtaining the display picture of the target widget component in any method embodiment described above. For details, refer to the related content in the method embodiments described above, which will not be repeated here.

[0100] In step S504, the first picture view is hidden, and a second picture view of a corresponding size is created in the widget display area on the desktop according to the display size of the second widget component, and the display picture of the second widget component is rendered into the second picture view.

[0101] After the display picture of the second widget component is obtained, the first widget component displayed on the desktop is switched to the second widget component.

[0102] Specifically, the first picture view is hidden, and the first widget component is no longer displayed on the desktop; and a second picture view of a corresponding size is created in the widget display area on the desktop according to the display size of the second widget component, and the display picture of the second widget component is rendered into the second picture view to display the second widget component on the desktop.

[0103] In this step, a second picture view of a corresponding size is created in the widget display area on the desktop according to the display size of the second widget component, and the display picture of the second widget component is rendered into the second picture view, which is the same as the specific implementation manner in the above method embodiment that a target picture view of a corresponding size is created in the widget display area on the desktop according to the display size of the target widget component, and the display picture of the target widget component is rendered into the target picture view. For details, refer to the related content in the above method embodiment, which will not be described here.

[0104] In this embodiment, the terminal can display one or more widget components (widget pages) of different service types (different applications) on the desktop, and support the switching function of the displayed widget components.

[0105] Figure 6 This is a method flowchart for adding a displayed widget component provided by an example embodiment of the present disclosure. Based on any of the above embodiments, in this embodiment, the addition of a new widget component into the widget display area on the desktop is supported, and multiple widget components of different service types (different applications) can be displayed simultaneously. As shown in Figure 6 The specific steps of the method are as follows:

[0106] In step S601, in response to an operation of adding a new widget component into the widget display area, a widget component list is obtained from a server, and the widget component list contains information of multiple widget components.

[0107] The operation of adding a new widget component can be a click operation on the "add" control in the widget display area, or a long press operation on a blank area (an area without a widget component) in the widget display area, etc. The specific configuration and adjustment can be made according to actual needs, which will not be specifically limited here.

[0108] The widget component list contains information of one or more widget components that can be switched from the first widget component. The widget component list does not contain information of the first widget component. For any widget component, which widget components are allowed to be switched to can be configured on the server side, which will not be specifically limited here. For example, it can be configured to allow switching to any other widget component.

[0109] The widget component list contains content data and configuration information of the widget component.

[0110] Exemplarily, the terminal can send a request for acquiring the widget component list to the server, which can carry the identity of the terminal. The server responds to the request of the terminal, acquires the widget component list, renders the widget component list, and returns the rendered widget component list to the terminal. The terminal receives the widget component list sent by the server.

[0111] Step S602, display the widget component list.

[0112] The terminal displays the widget component list on the desktop for the user to select the second widget component to be switched to.

[0113] In this step, when displaying the widget component list, the terminal can display only the widget components not yet displayed in the list according to the currently displayed widget components, facilitating the user to select the widget components that can be added.

[0114] Step S603, in response to a selection operation on a third widget component in the widget component list, acquire a display picture of the third widget component.

[0115] In this step, acquiring the display picture of the third widget component is the same as the specific process of acquiring the display picture of the target widget component in any of the above method embodiments, and specific reference can be made to the related content in the above method embodiments, which will not be repeated here.

[0116] Step S604, create a third picture view of a corresponding size in the widget display area on the desktop according to the display size of the third widget component, and render the display picture of the third widget component into the third picture view.

[0117] In this step, creating a third picture view of a corresponding size in the widget display area on the desktop according to the display size of the third widget component, and rendering the display picture of the third widget component into the third picture view is the same as the specific implementation of creating a target picture view of a corresponding size in the widget display area on the desktop according to the display size of the target widget component, and rendering the display picture of the target widget component into the target picture view in the above method embodiments, and specific reference can be made to the related content in the above method embodiments, which will not be repeated here.

[0118] In this embodiment, the widget component of the required business type can be added in the widget display area on the desktop, and multiple widget components (widget pages) of different business types (different applications) can be displayed at the same time.

[0119] In addition, any displayed widget component in the widget display area on the desktop can be deleted. In response to a deletion operation on a fourth widget component in the widget display area, the fourth widget component is hidden. Optionally, the display picture and configuration information of the fourth widget component stored can be deleted synchronously.

[0120] Figure 7 is a flow chart of a processing method of a widget component provided by an example embodiment of the present disclosure. The method provided by the embodiment is executed by the server described above. As shown in the figure, the method comprises the following steps: Figure 7

[0121] In step S701, at least one uploaded widget component of an application is received, and the widget component is run.

[0122] In the embodiment, the widget components of various service types (different applications) are deployed on the server. The server is deployed with one or more widget components of an application. The widget components of different applications correspond to different service types, and are used to implement different service logics. The server runs the widget components to execute the corresponding service logics, and generates content data of the widget components. The widget components can be uploaded by the publisher of the widget components of each application. The publisher of the widget components can upload one or more widget components of an application (service type) to the server.

[0123] In step S702, configuration information of the widget component is generated and stored according to a configuration operation on the widget component.

[0124] In the embodiment, on the server side, the publisher of the widget component can configure the widget component through a visual page provided by the server, so as to configure the URL (Uniform Resource Locator, uniform resource locator), background color, display size and other parameters of the widget component. The server stores the configuration information of each widget component.

[0125] In step S703, in response to a data request of a target widget component of the terminal, content data and configuration information of the target widget component are sent to the terminal. The configuration information contains the display size, and the content data is used to generate a display picture of the target widget component. When the display picture is rendered into a picture view on the desktop, the display of the target widget component is realized.

[0126] Based on the data request of the target widget component of the terminal, the server obtains the content data to be displayed by running the corresponding target widget component, and obtains the configuration information of the target widget component. The content data and the configuration information of the target widget component are returned to the terminal.

[0127] ​In this embodiment, by running the widget component of each application on the server, the server provides the terminal with the content data and configuration information of the widget component, so that the terminal generates a display picture corresponding to the widget component according to the content data and configuration information of the widget component, renders the display picture into an image view (ImageView) created in the widget display area on the desktop, and realizes the display of the widget component of the application. In this way, an ImageView container is provided on the terminal (iOS or Android), which can be compatible with highly different containers in different operating systems such as iOS and Android (android), and the size of the container is not perceived by the developer. The widget component runs on the server and does not need to be released on each terminal, so it is not necessary to develop widget components of different operating system versions for the same application. When the application adds new business or modifies content, the content displayed by the widget is changed. Only the widget component on the server needs to be updated, and there is no need to release it on each terminal, which reduces the workload, shortens the time required to update the widget component, and improves the efficiency of widget component release and update.

[0128] Further, through the visual page provided by the server, the widget page (display picture) of the widget component can also be divided into grids, one or more grid areas can be configured as hot areas, and the corresponding events of the hot areas can be configured.

[0129] Generally, when configuring the hot areas and corresponding events of the widget page of the widget component, a virtual widget page can be divided into grids according to the display size of the widget component, one or more grid areas can be configured as hot areas, and the corresponding events of the hot areas can be configured. The server saves the hot area configuration information, rather than a specific widget page.

[0130] Further, in response to the terminal triggering the trigger request of the corresponding event of the target hot area on the display picture of the target widget component, the target widget component is called to execute the corresponding event of the target hot area, and the execution result data is sent to the terminal, so as to realize the interaction function of the display page (widget page) of the widget component.

[0131] Further, the server is also used to provide the terminal with a list of existing widget components.

[0132] Specifically, in response to the widget component list request sent by the terminal, the widget component list is obtained, and the widget component list contains information of a plurality of widget components; the widget component list is rendered, and the rendered widget component list is sent to the terminal to support the switching of widget components of different business types and the function of newly added widget components.

[0133] Exemplarily, when the switching operation of the first widget component displayed in the widget display area occurs on the terminal, the terminal needs to display the widget component list on the desktop, at this time, the terminal sends a widget component list request to the server, and the request contains the identification of the first widget component. The server obtains the widget component list which does not contain the first widget component according to the widget component list request, and returns to the terminal after rendering.

[0134] Exemplarily, when the operation of adding a new widget component to the widget display area occurs on the terminal, the terminal needs to display the widget component list on the desktop, at this time, the terminal sends a widget component list request to the server. The server obtains the widget component list according to the widget component list request, and returns to the terminal after rendering.

[0135] Figure 8 is an interactive flowchart for obtaining a widget component list provided by an exemplary embodiment of the present disclosure. In this embodiment, the server side contains a component center and a backend, and the component center is used to realize the configuration of the widget component. As shown in Figure 8 The terminal obtains the widget component list from the server as follows:

[0136] Step S801, the user triggers the operation of adding / switching the widget component.

[0137] Step S802, the terminal sends a widget component list obtaining request to the component center of the server.

[0138] If it is the switching operation of the first widget component displayed in the widget display area, the request can carry the identification information of the first widget component.

[0139] Step S803, the component center pulls the widget component list from the backend.

[0140] The widget component list contains the information of one or more switchable widget components, and the information of each widget component contains the widget component identification, application identification / service type identification, etc., so that the user can select based on the information of the widget component. In addition, the information of the widget component in the widget component list can also include configuration information, content data, etc.

[0141] Step S804, the backend returns the widget component list to the component center.

[0142] Step S805, the component center renders the widget component list.

[0143] Step S806, the component center returns the rendered widget component list to the terminal.

[0144] The embodiment provides a flow of a terminal obtaining a widget component list from a server based on a web front-end framework, transmitting data required for displaying a widget component through an interface, and splicing the required data to a URL by a back end. The front end obtains the data issued by the back end from the URL, and a developer is not aware of widget data on a widget page.

[0145] Figure 9 Fig. 1 is an interaction flow diagram of updating a widget component provided by an example embodiment of the present disclosure. As shown in Fig. 1, when any widget component is updated, a terminal updates a display picture of the widget component in the following flow: Figure 9

[0146] Step S901, widget component update notification.

[0147] When a publisher adds a new service, modifies content, or modifies configuration information of a widget component, so that a page displayed by the widget is changed, the server can send a widget component update notification to the terminal, and the notification contains an identifier of the updated widget component, so as to inform the terminal which widget component needs to be updated.

[0148] Step S902, the terminal sends a data request of the widget component to the server.

[0149] After the terminal receives the widget component update notification, the terminal sends a data request of the widget component to be updated to the server, and the data request can contain an identifier of the widget component to be updated.

[0150] Step S903, the server obtains updated content data and configuration information of the widget component.

[0151] The server obtains the updated content data and configuration information of the corresponding widget component according to the data request of the terminal.

[0152] Step S904, the server returns the updated content data and configuration information of the widget component to the terminal.

[0153] Step S905, the terminal generates a display picture of the widget component according to the updated content data and configuration information.

[0154] In this step, the terminal generates a display picture of the widget component according to the updated content data and configuration information. The specific implementation manner of generating the display picture of the target widget component is the same as that in the foregoing embodiment, and details are referred to the related content in the foregoing embodiment, which will not be described herein again.

[0155] Step S906, the terminal updates the stored display picture and configuration information of the widget component.

[0156] ​The scheme of the embodiment is that when the publisher adds a service, modifies content, or modifies configuration information of a widget component, and the page displayed by the widget changes, the terminal can update the display picture and configuration information of the widget component in time without the need of publishing on each terminal, thereby reducing workload, shortening the time required for updating the widget component, and improving the efficiency of publishing and updating the widget component.

[0157] Figure 10 FIG. 1 is a structural schematic diagram of a widget component processing apparatus provided by an example embodiment of the present disclosure. The widget component processing apparatus provided by the embodiment of the present disclosure can execute the processing procedure performed by the terminal in the widget component processing method embodiment. As shown in FIG. 1, the widget component processing apparatus 100 includes a widget component display information acquisition module 1001 and a widget component display module 1002. Figure 10

[0158] Specifically, the widget component display information acquisition module 1001 is configured to acquire a display picture and a display size of a target widget component to be displayed in response to displaying the widget component.

[0159] The widget component display module 1002 is configured to create a first picture view of a corresponding size in a widget display area on a desktop according to the display size of the target widget component, and render the display picture of the target widget component into the first picture view.

[0160] The apparatus provided by the embodiment of the present disclosure can be specifically configured to execute the method performed by the terminal side in any of the above method embodiments, and the specific functions and technical effects achieved are not described herein again.

[0161] Figure 11 FIG. 1 is a structural schematic diagram of a widget component processing apparatus provided by an example embodiment of the present disclosure. The widget component processing apparatus provided by the embodiment of the present disclosure can execute the processing procedure performed by the terminal in the widget component processing method embodiment. As shown in FIG. 1, the widget component processing apparatus 100 includes a widget component display information acquisition module 1001 and a widget component display module 1002. Figure 11

[0162] Specifically, the widget component display information acquisition module 1001 is configured to acquire a display picture and a display size of a target widget component to be displayed in response to displaying the widget component.

[0163] The widget component display module 1002 is configured to create a first picture view of a corresponding size in a widget display area on a desktop according to the display size of the target widget component, and render the display picture of the target widget component into the first picture view.

[0164] ​​In an optional embodiment, the widget component display information obtaining module 111 comprises a display picture reading unit 1111 configured to read a display picture of the target widget component stored in response to the display of the widget component.

[0165] A display picture generating unit 1112 is configured to, if the display picture of the target widget component is not read, obtain content data and configuration information of the target widget component from a server, generate a web view of the target widget component according to the content data and the configuration information of the target widget component, and draw the web view of the target widget component into a picture of the same size to obtain the display picture of the target widget component.

[0166] In an optional embodiment, the widget component processing apparatus 110 further comprises a hot area setting module 113 configured to set a hot area and an event corresponding to the hot area on the display picture of the target widget component according to the hot area configuration information of the target widget component.

[0167] In an optional embodiment, the widget component display information obtaining module 111 further comprises a display picture compression storage unit 1113 configured to store the display picture of the target widget component after compression.

[0168] A display picture updating unit 1114 is configured to update the display picture of the target widget component stored when the content data of the target widget component is updated.

[0169] In an optional embodiment, the widget component display information obtaining module 111 further comprises a display picture format conversion unit 1115 configured to perform format conversion on the display picture of the target widget component according to the format information of the target widget component.

[0170] In an optional embodiment, the widget component display module 112 is further configured to render the display picture of the target widget component into the first picture view in a manner of width stretching and height self-adapting.

[0171] In an optional embodiment, the widget component processing apparatus 110 further comprises a hot area triggering module 114 configured to trigger an event corresponding to a clicked hot area in response to a click operation on any hot area on the display picture of the target widget component in the first picture view.

[0172] In an optional embodiment, the widget component processing apparatus 110 further comprises a widget component switching display module 115 configured to:

[0173] In response to a switching operation on a first widget component displayed in the widget display area, a widget component list containing information of a plurality of widget components is acquired from the server; the widget component list is displayed; in response to a selection operation on a second widget component in the widget component list, a display picture of the second widget component is acquired; the first picture view is hidden, and a second picture view of a corresponding size is created in the widget display area on the desktop according to the display size of the second widget component, and the display picture of the second widget component is rendered into the second picture view.

[0174] In an optional embodiment, the widget component processing apparatus 110 further includes an increase display widget component module 116, configured to:

[0175] In response to an operation of adding a new widget component to the widget display area, a widget component list containing information of a plurality of widget components is acquired from the server; the widget component list is rendered and displayed; in response to a selection operation on a third widget component in the widget component list, a display picture of the third widget component is acquired; a third picture view of a corresponding size is created in the widget display area on the desktop according to the display size of the third widget component, and the display picture of the third widget component is rendered into the third picture view.

[0176] The apparatus provided by the embodiments of the present disclosure can be specifically used to execute the method performed by the terminal side in any of the above method embodiments, and the specific functions and technical effects achieved are not described here again.

[0177] Figure 12 FIG. 1 is a structural schematic diagram of a widget component processing apparatus provided by another example embodiment of the present disclosure. The widget component processing apparatus provided by the embodiments of the present disclosure can execute the processing procedure performed by the server in the widget component processing method embodiments. As shown in the figure, the widget component processing apparatus 120 includes a widget component deployment module 121, a widget component configuration module 122, and a widget component data management module 123. Figure 12

[0178] Specifically, the widget component deployment module 121 is configured to receive at least one application widget component uploaded, and run the widget component.

[0179] The widget component configuration module 122 is configured to generate and store configuration information of the widget component according to a configuration operation on the widget component.

[0180] The widget component data management module 123 is configured to send content data and configuration information of a target widget component to the terminal in response to a data request of the target widget component by the terminal.

[0181] ​The configuration information includes a display size, the content data is used to generate a display picture of the target widget component, and the display picture is rendered into a picture view on the desktop to realize display of the target widget component.

[0182] Optionally, the processing apparatus of the widget component further includes a widget component list management module, configured to: in response to a widget component list request, acquire a widget component list, the widget component list including information of a plurality of widget components; render the widget component list, and send the rendered widget component list to the terminal.

[0183] Optionally, the processing apparatus of the widget component further includes a hot area event execution module, configured to: in response to a trigger request of the terminal triggering a target hot area corresponding event on the display picture of the target widget component, invoke the target widget component to execute the target hot area corresponding event, and send execution result data to the terminal.

[0184] The apparatus provided by the embodiments of the present disclosure can be specifically used to execute the method performed by the server in any of the above method embodiments, and the specific functions and technical effects achieved are not repeated here.

[0185] According to the embodiments of the present disclosure, the present disclosure further provides an electronic device, a readable storage medium and a computer program product.

[0186] According to the embodiments of the present disclosure, the present disclosure further provides a computer program product, which includes a computer program stored in a readable storage medium, at least one processor of an electronic device can read the computer program from the readable storage medium, and the at least one processor executes the computer program to make the electronic device execute the method performed by the terminal or the server in any of the above embodiments.

[0187] Figure 13 A schematic block diagram of an example electronic device 130 that can be used to implement embodiments of the present disclosure is shown. The electronic device is intended to represent various forms of digital computers, such as laptops, desktops, tablets, personal digital assistants, servers, blade servers, mainframes, and other appropriate computers. The electronic device can also represent various forms of mobile devices, such as personal digital assistants, cellular telephones, smartphones, wearable devices, and other similar computing devices. The components shown here, their connections and relationships, and their functions, are meant to be examples only, and are not meant to limit implementations of the present disclosure described and / or claimed in this document.

[0188] As Figure 13As shown, the device 130 includes a computing unit 131 that can perform various appropriate actions and processes in accordance with a computer program stored in a read-only memory (ROM) 132 or a computer program loaded from a storage unit 138 into a random access memory (RAM) 133. In the RAM 133, various programs and data required for the operation of the device 130 can also be stored. The computing unit 131, the ROM 132, and the RAM 133 are connected to each other through a bus 134. An input / output (I / O) interface 135 is also connected to the bus 134.

[0189] A plurality of components in the device 130 are connected to the I / O interface 135, including an input unit 136 such as a keyboard, a mouse, etc., an output unit 137 such as various types of displays, speakers, etc., a storage unit 138 such as a magnetic disk, an optical disk, etc., and a communication unit 139 such as a network card, a modem, a wireless communication transceiver, etc. The communication unit 139 allows the device 130 to exchange information / data with other devices through a computer network such as the Internet and / or various telecommunication networks.

[0190] The computing unit 131 can be various general and / or special-purpose processing components with processing and computing capabilities. Some examples of the computing unit 131 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various special-purpose artificial intelligence (AI) computing chips, various computing units running machine learning model algorithms, a digital signal processor (DSP), and any appropriate processor, controller, microcontroller, etc. The computing unit 131 performs various methods and processes described above, such as the method XXX. For example, in some embodiments, the method XXX can be implemented as a computer software program that is tangibly embodied in a machine-readable medium, such as the storage unit 138. In some embodiments, part or all of the computer program can be loaded and / or installed on the device 130 via the ROM 132 and / or the communication unit 139. When the computer program is loaded into the RAM 133 and executed by the computing unit 131, one or more steps of the method XXX described above can be performed. Alternatively, in other embodiments, the computing unit 131 can be configured to perform the method XXX by any other appropriate means, such as by means of firmware.

[0191] Various implementations of the systems and techniques described above can be realized in digital electronic circuitry, integrated circuitry, a field programmable gate array (FPGA), an application specific integrated circuit (ASIC), a system on a chip (SOC), a complex programmable logic device (CPLD), computer hardware, firmware, software, and / or combinations thereof. These various implementations can include implementation in one or more computer programs that are executable and / or interpretable on a programmable system including at least one programmable processor, which can be special or general purpose, coupled to receive data and instructions from, and to transmit data and instructions to, a storage system, at least one input device, and at least one output device.

[0192] Program code for carrying out methods of the present disclosure can be written in any combination of one or more programming languages. The program code can be provided to a processor or controller of a general purpose computer, special purpose computer, or other programmable data processing apparatus to produce a machine, such that the program code, when executed by the processor or controller, produces the functions / operations specified in the flowcharts and / or the block diagrams. The program code can be executed entirely on a machine, partially on a machine, partially on a machine as a stand-alone software package, partially on a machine and partially on a remote machine or entirely on a remote machine or server.

[0193] In the context of the present disclosure, a machine-readable medium can be a tangible medium that contains or stores a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can include but is not limited to an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of the machine-readable storage medium will include one or more lines of electrical connections, portable computer disks, hard disk drives, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or Flash memory), optical fibers, portable compact disc read-only memories (CD-ROMs), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0194] To provide for interaction with a user, the systems and techniques described here 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 a pointing device (e.g., a mouse or a trackball) by which the user can provide input to the computer. Other kinds of devices can be used to provide for interaction with a user as well; for example, 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, speech, or tactile input.

[0195] The systems and techniques described here can be implemented in a computing system that includes a back end component (e.g., as a data server), or that includes a middleware component (e.g., an application server), or that includes a front end component (e.g., a user computer having a graphical user interface or a Web browser through which a user can interact with an implementation of the systems and techniques described here), or any combination of such back end, middleware, or front end 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), and the Internet.

[0196] The computer system can include clients and servers. A client and server are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by virtue of computer programs running on the respective computers and having a client-server relationship to each other. A server can be a server, also known as cloud computing server or cloud host, which is a host product in the cloud computing service system, to solve the defects of large management difficulty and weak business scalability in traditional physical host and VPS (Virtual Private Server, or VPS for short). The server can also be a server of a distributed system, or a server combined with a blockchain.

[0197] It should be understood that various forms of flow shown above can be used, with steps re-ordered, added, or removed. For example, various steps recited in the present disclosure can be performed in parallel, in series, or in different orders, as long as the desired results of the technology disclosed in the present disclosure are achieved, which are not limited herein.

[0198] The above detailed description does not limit the scope of the disclosure. Various modifications, combinations, sub-combinations and alternatives can be made to the detailed description. Any modification, equivalent replacement and improvement etc. made within the spirit and principle of the disclosure shall be included in the scope of the disclosure.

Claims

1. A method for processing micro-components, comprising: In response to displaying a widget component, the display image and display size of the target widget component to be displayed are obtained, wherein the display image is generated based on the content data and configuration information of the target widget component in the server; Based on the display size of the target widget component, a first image view of corresponding size is created in the widget display area on the desktop. The first image view is used to be compatible with containers of different heights in different operating systems. The display image of the target widget component is rendered into the first image view.

2. The method according to claim 1, wherein, The step of obtaining a display image of the target widget component to be displayed in response to the display widget component includes: In response to displaying the widget component, read the stored display image of the target widget component; If the display image of the target widget component is not read, the content data and configuration information of the target widget component are obtained from the server, and a web page view of the target widget component is generated based on the content data and configuration information of the target widget component. The webpage view of the target widget component is drawn as an image of the same size to obtain the display image of the target widget component.

3. The method according to claim 2, further comprising: Based on the hot zone configuration information of the target micro-component, set the hot zone and the corresponding event on the display image of the target micro-component.

4. The method according to claim 2 or 3, after drawing the webpage view of the target widget component into an image of the same size to obtain the display image of the target widget component, it further includes: The display image of the target micro-component is compressed and stored; When the content data of the target widget component is updated, the stored display image of the target widget component is updated.

5. The method according to claim 4, further comprising, before compressing and storing the display image of the target micro-component: Based on the format information of the target widget component, the display image of the target widget component is converted into a different format.

6. The method according to any one of claims 1-3 and 5, wherein, The step of rendering the display image of the target widget component into the first image view includes: The display image of the target widget component is rendered into the first image view in a manner that fills the width and adapts to the height.

7. The method according to claim 3, further comprising: In response to a click operation on any hotspot on the display image of the target widget component in the first image view, an event corresponding to the clicked hotspot is triggered.

8. The method according to any one of claims 1-3 and 5, further comprising: In response to a switching operation on the first widget component displayed in the widget display area, a widget component list is obtained from the server, the widget component list containing information on multiple widget components; Display the list of the micro-components; In response to the selection operation of the second widget component in the widget component list, the display image of the second widget component is obtained; Hide the first image view, and create a second image view of the corresponding size in the widget display area on the desktop according to the display size of the second widget component, and render the display image of the second widget component into the second image view.

9. The method according to any one of claims 1-3 and 5, further comprising: In response to the operation of adding a new widget component to the widget display area, a widget component list is obtained from the server, the widget component list containing information about multiple widget components; Render and display the list of widget components; In response to the selection of a third widget component in the widget component list, a display image of the third widget component is obtained; Based on the display size of the third widget component, a third image view of corresponding size is created within the widget display area on the desktop, and the display image of the third widget component is rendered into the third image view.

10. A method for processing a micro-component, comprising: Receive at least one uploaded application widget component and run the widget component; Based on the configuration operations performed on the widget component, the configuration information of the widget component is generated and stored; In response to a terminal's data request for a target widget component, the content data and configuration information of the target widget component are sent to the terminal. The configuration information includes the display size, and the content data is used to generate a display image of the target widget component. When the display image is rendered into an image view on the desktop, the target widget component is displayed. The image view is used to be compatible with containers of different heights in different operating systems.

11. The method of claim 10, further comprising: In response to a widget component list request, a widget component list is obtained, which contains information about multiple widget components; Render the list of widget components and send the rendered list of widget components to the terminal.

12. The method of claim 10, further comprising: In response to a trigger request from the terminal to trigger an event corresponding to a target hotspot on the display image of the target widget component, the target widget component is invoked to execute the event corresponding to the target hotspot, and execution result data is sent to the terminal.

13. A processing apparatus for micro-components, comprising: The widget component display information acquisition module is used to acquire the display image and display size of the target widget component to be displayed in response to the display of the widget component; The widget component display module is used to create a first image view of a corresponding size in the widget display area on the desktop according to the display size of the target widget component, and render the display image of the target widget component into the first image view. The first image view is used to be compatible with containers of different heights in different operating systems. The display image is generated based on the content data and configuration information of the target widget component in the server.

14. The apparatus according to claim 13, wherein, The widget component display information acquisition module includes: The display image reading unit is used to read the stored display image of the target widget component in response to the display widget component; The display image generation unit is used to obtain the content data and configuration information of the target widget component from the server if the display image of the target widget component is not read, generate a web page view of the target widget component based on the content data and configuration information of the target widget component, and draw the web page view of the target widget component into an image of the same size to obtain the display image of the target widget component.

15. The apparatus of claim 14, further comprising: The hot zone setting module is used to: set hot zones and corresponding events on the display image of the target micro-component based on the hot zone configuration information of the target micro-component.

16. The apparatus according to claim 14 or 15, wherein, The micro-device component display information acquisition module further includes: The display image compression and storage unit is used to compress and store the display image of the target micro-component; The display image update unit is used to update the stored display image of the target widget component when the content data of the target widget component is updated.

17. The apparatus according to claim 16, wherein, The micro-device component display information acquisition module further includes: The display image format conversion unit is used to convert the display image of the target widget component according to the format information of the target widget component.

18. The apparatus according to any one of claims 13-15, 17, wherein, The widget component display module is also used for: The display image of the target widget component is rendered into the first image view in a manner that fills the width and adapts to the height.

19. The apparatus of claim 15, further comprising: The hotspot triggering module is used to trigger the event corresponding to the clicked hotspot in response to a click operation on any hotspot on the display image of the target widget component in the first image view.

20. The apparatus according to any one of claims 13-15, 17, further comprising: The widget component switching display module is used for: In response to a switching operation on the first widget component displayed in the widget display area, a widget component list is obtained from the server, the widget component list containing information on multiple widget components; Display the list of the micro-components; In response to the selection operation of the second widget component in the widget component list, the display image of the second widget component is obtained; Hide the first image view, and create a second image view of the corresponding size in the widget display area on the desktop according to the display size of the second widget component, and render the display image of the second widget component into the second image view.

21. The apparatus according to any one of claims 13-15, 17, further comprising: Add a widget component module for: In response to the operation of adding a new widget component to the widget display area, a widget component list is obtained from the server, the widget component list containing information about multiple widget components; Render and display the list of widget components; In response to the selection of a third widget component in the widget component list, a display image of the third widget component is obtained; Based on the display size of the third widget component, a third image view of corresponding size is created within the widget display area on the desktop, and the display image of the third widget component is rendered into the third image view.

22. A processing apparatus for micro-components, comprising: A widget component deployment module is used to receive at least one uploaded widget component of an application and run the widget component; The widget component configuration module is used to generate and store the configuration information of the widget component based on the configuration operation of the widget component; The widget component data management module is used to respond to the terminal's data request for the target widget component and send the content data and configuration information of the target widget component to the terminal; The configuration information includes the display size, and the content data is used to generate a display image of the target widget component. When the display image is rendered into an image view on the desktop, the target widget component is displayed. The image view is used to be compatible with containers of different heights in different operating systems.

23. The apparatus of claim 22, further comprising: The widget list management module is used for: In response to a widget component list request, a widget component list is obtained, which contains information about multiple widget components; Render the list of widget components and send the rendered list of widget components to the terminal.

24. The apparatus of claim 22, further comprising: The hotspot event execution module is used for: In response to a trigger request from the terminal to trigger an event corresponding to a target hotspot on the display image of the target widget component, the target widget component is invoked to execute the event corresponding to the target hotspot, and execution result data is sent to the terminal.

25. An electronic device, comprising: At least one processor; as well as A memory communicatively connected to the at least one processor; wherein, The memory stores instructions that can be executed by the at least one processor to enable the at least one processor to perform the method of any one of claims 1-12.

26. A non-transitory computer-readable storage medium storing computer instructions, wherein, The computer instructions are used to cause the computer to perform the method according to any one of claims 1-12.

27. A computer program product comprising a computer program that, when executed by a processor, implements the steps of the method according to any one of claims 1-12.

Citation Information

Patent Citations

  • Widget display method and device, equipment, storage medium and program product

    CN113127091A