CN115801777A - Widget component processing method, device, equipment, storage medium and program product - Google Patents

Widget component processing method, device, equipment, storage medium and program product Download PDF

Info

Publication number
CN115801777A
CN115801777A CN202211386197.8A CN202211386197A CN115801777A CN 115801777 A CN115801777 A CN 115801777A CN 202211386197 A CN202211386197 A CN 202211386197A CN 115801777 A CN115801777 A CN 115801777A
Authority
CN
China
Prior art keywords
widget
widget component
component
display
target
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202211386197.8A
Other languages
Chinese (zh)
Inventor
刘艳丽
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Baidu Netcom Science and Technology Co Ltd
Original Assignee
Beijing Baidu Netcom Science and Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Baidu Netcom Science and Technology Co Ltd filed Critical Beijing Baidu Netcom Science and Technology Co Ltd
Priority to CN202211386197.8A priority Critical patent/CN115801777A/en
Publication of CN115801777A publication Critical patent/CN115801777A/en
Pending legal-status Critical Current

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

The disclosure provides a processing method, a processing device, equipment, a storage medium and a program product of a widget component, and relates to the technical field of computers, in particular to the fields of intelligent terminals, cloud computing, software applications, embedded systems and the like. The specific implementation scheme is as follows: the widget components of the respective applications are deployed on the server, and the respective widget components are configured. The terminal acquires the content data and the configuration information of the file assembly from the server, generates a display picture corresponding to the widget assembly, renders the display picture to a picture view created in a widget display area on the desktop, and displays the application widget assembly. The terminal provides the picture view container, is compatible with containers with different heights in different operating systems, does not need to respectively develop widget components with different operating system versions, only needs to update the widget components on the server when the display content of the widget changes by application updating, does not need to send the widget on terminals with different operating systems, and improves the efficiency of sending and updating the widget components.

Description

Widget component processing method, device, equipment, storage medium and program product
Technical Field
The present disclosure relates to the field of intelligent terminals, cloud computing, software applications, embedded systems, and the like in computer technologies, and in particular, to a method, an apparatus, a device, a storage medium, and a program product for processing a widget component.
Background
The wide popularization of mobile terminals makes people more convenient to live. The mobile terminal can realize a plurality of applications which are frequently used in life, such as functional applications of date clock, weather, news, health, sports and the like, and social applications of facebook and the like, and the applications are required to be frequently used. Therefore, it is desirable to obtain information of these applications more quickly and conveniently when using a mobile terminal.
The widget can basically meet the requirements of people, is a small component on a display desktop of the mobile terminal, and can display commonly used application information such as date, clock, weather and the like on the desktop of the mobile terminal in the form of an H5 page card. The user can check the application information on the desktop through the displayed widget component, and quickly open the corresponding application. Generally, widget components with different operating system (such as iOS, android, etc.) versions need to be developed separately for one application to run on terminals with different operating systems.
Disclosure of Invention
The disclosure provides a processing method, a device, equipment, a storage medium and a program product of a widget component.
According to a first aspect of the present disclosure, there is provided a method for processing a widget assembly, including:
responding to the display widget component, and acquiring a display picture and a display size of a target widget component to be displayed; according to the display size of the target widget component, creating a first picture view with a corresponding size in a widget display area on the desktop; rendering a display picture of the target widget component into the first picture view.
According to a second aspect of the present disclosure, there is provided a method for processing a widget assembly, including:
receiving the uploaded widget component of at least one application, and running the widget component; generating and storing configuration information of the widget component according to the configuration operation of the widget component; responding to a data request of a terminal to a target widget component, and sending content data and configuration information of the target widget component to the terminal; the configuration information comprises a display size, the content data is used for generating a display picture of the target widget component, and the display picture realizes the display of the target widget component when being rendered into a picture view on a desktop.
According to a third aspect of the present disclosure, there is provided a processing apparatus of a widget assembly, including:
the widget component display information acquisition module is used for responding to the display widget component and acquiring a display picture and a display size of a target widget component to be displayed;
and the widget component display module is used for creating a first picture view with a corresponding size in a 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 first picture view.
According to a fourth aspect of the present disclosure, there is provided a processing apparatus of a widget assembly, comprising:
the widget component deployment module is used for receiving the uploaded widget components of at least one application and running the widget components;
the widget component configuration module is used for generating and storing configuration information of the widget component according to configuration operation of the widget component;
the widget component data management module is used for responding to a data request of a terminal to a target widget component and sending content data and configuration information of the target widget component to the terminal;
the configuration information comprises a display size, the content data is used for generating a display picture of the target widget component, and the display picture realizes the display of the target widget component when being rendered into a picture view on a desktop.
According to a fifth aspect of the present disclosure, there is provided an electronic device comprising:
at least one processor; and a memory communicatively coupled to the at least one processor; wherein the memory stores instructions executable by the at least one processor to enable the at least one processor to perform the method of the first or second aspect.
According to a sixth aspect of the present disclosure, there is provided a non-transitory computer readable storage medium having stored thereon computer instructions for causing the computer to perform the method of the first or second aspect.
According to a seventh aspect of the present disclosure, there is provided a computer program product comprising: a computer program, stored in a readable storage medium, from which at least one processor of an electronic device can read the computer program, execution of the computer program by the at least one processor causing the electronic device to perform the method of the first or second aspect.
It should be understood that the statements in this section do not necessarily identify key or critical features of the embodiments of the present disclosure, nor do they limit the scope of the present disclosure. Other features of the present disclosure will become apparent from the following description.
Drawings
The drawings are included to provide a better understanding of the present solution and are not to be construed as limiting the present disclosure. Wherein:
fig. 1 is a schematic diagram of a network architecture on which the present disclosure is based;
FIG. 2 is a flowchart of a processing method of a widget component provided by an exemplary embodiment of the present disclosure;
FIG. 3 is a flowchart of a processing method of a widget component provided by another exemplary embodiment of the present disclosure;
fig. 4 is a schematic diagram of data flow of a widget according to another exemplary embodiment of the present disclosure;
FIG. 5 is a flowchart of a method for switching display widget components according to an exemplary embodiment of the present disclosure;
FIG. 6 is a flowchart of a method for augmenting displayed widget components provided by an exemplary embodiment of the present disclosure;
FIG. 7 is a flowchart of a processing method of a widget component according to an exemplary embodiment of the present disclosure;
FIG. 8 is an interaction flow diagram for obtaining a list of widget components provided by an exemplary embodiment of the present disclosure;
FIG. 9 is an interaction flow diagram of an update widget component provided by an exemplary embodiment of the present disclosure;
fig. 10 is a schematic structural diagram of a processing device of a widget assembly according to an exemplary embodiment of the present disclosure;
fig. 11 is a schematic structural diagram of a processing device of a widget assembly according to another exemplary embodiment of the present disclosure;
fig. 12 is a schematic structural diagram of a processing device of a widget assembly according to another exemplary embodiment of the present disclosure;
fig. 13 is a block diagram of an electronic device for implementing a processing method of a widget assembly according to an embodiment of the present disclosure.
Detailed Description
Exemplary embodiments of the present disclosure are described below with reference to the accompanying drawings, in which various details of the embodiments of the disclosure are included to assist understanding, and which are to be considered as merely exemplary. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope and spirit of the present disclosure. Also, descriptions of well-known functions and constructions are omitted in the following description for clarity and conciseness.
Hot zone: is an interactive part (commonly called a clickable place) in a display page, and an event is triggered after interaction, wherein the event can be link skipping, submission or a pop-up dialog box and the like.
A widget assembly: i.e. widget component, is a small component on the display desktop of the mobile terminal. In this disclosure, a target widget component refers to a widget component to be displayed, also referred to as a target widget component. The display page of the widget component is called a widget page or widget page.
The widget is a small component on a display desktop of the mobile terminal, and can display information of common applications, such as a date clock, weather, a microblog and the like, on the desktop of the mobile terminal in the form of an H5 page card. Generally, one application needs to develop widget components of different operating system (such as iOS, android, etc.) versions respectively so as to run on terminals of different operating systems. When the newly added service or the modified content is applied, and the content needing to be displayed through the widget changes, the widget components of each operating system version need to be redeveloped, so that the workload is large, and the period is long.
The present disclosure provides a processing method, an apparatus, a device, a storage medium, and a program product for a widget component, which are applied to an intelligent terminal, cloud computing, software application, an embedded system, and the like in the field of computer technology, so as to improve the efficiency of publishing and updating the widget component.
In the scheme provided by the disclosure, the widget component of each application runs on the server, and version sending at each terminal is not needed. The terminal can acquire the content data and the configuration information of the widget component from the 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 (ImageView) created in a widget display area on the desktop, and achieve display of the widget component applied. Therefore, the ImageView container is provided on the terminal (iOS or android), the container can be compatible with containers with different heights in different operating systems such as iOS and android (android), the size of the container has no perception to a developer, so that widget components of different operating system versions do not need to be developed respectively for the same application, when new services or modified contents are applied, the contents displayed by the widget components are changed, the widget components on the server only need to be updated, version publishing on each terminal is not needed, the workload is reduced, the time for updating the widget components is shortened, and the publishing and updating efficiency of the widget components is improved.
Fig. 1 is a schematic diagram of a network architecture based on the present disclosure, as shown in fig. 1, the network architecture includes a server, and one or more terminals capable of being communicatively connected with the server.
The server may be a device with computing capability, such as a server cluster deployed in the cloud. The server runs a widget component with one or more applications. The widget components of different applications correspond to different service types and are used for realizing different service logics. The server runs the widget component to execute the corresponding business logic and generate the content data of the widget component. The widget components may be uploaded by the publisher of the widget component for each application.
Through a visual page provided by the server, a publisher of the widget component can configure the widget component to configure parameters such as a URL (Uniform Resource Locator), a background color, a display size, and the like of the widget component, and can also perform grid division on the displayed widget page (display picture), configure one or more grid areas as a hot area, and configure an event corresponding to the hot area. The server stores configuration information of each widget component.
The terminal can be a mobile terminal such as a smart phone and a tablet personal computer, the terminal can acquire 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 the configuration information of the widget component, and render the display picture into a picture view created in a widget display area on a desktop to achieve display of the widget component.
The following describes the technical solutions of the present disclosure and how to solve the above technical problems in specific embodiments. The following several specific embodiments may be combined with each other, and details of the same or similar concepts or processes may not be repeated in some embodiments. Embodiments of the present disclosure will be described below with reference to the accompanying drawings.
Fig. 2 is a flowchart of a processing method of a widget component according to an exemplary embodiment of the present disclosure. The execution subject of the method provided by this embodiment is the terminal, and specifically, the execution subject may be a mobile terminal such as a smart phone and a tablet computer. As shown in fig. 2, the method comprises the following specific steps:
step S201, in response to the display widget component, acquiring a display picture and a display size of the target widget component to be displayed.
In practical application, when a user opens a desktop including a widget display area on a terminal, 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 used as target widget components to obtain a display picture and a display size of the target widget components to be displayed.
Wherein, different widget components correspond to applications of different service types. The configuration information of the widget component at least comprises a widget component identifier, a display size, and an application identifier/service type identifier. The configuration information may also include background color, formatting information (e.g., border rounding), etc. of the widget page of the widget component.
Optionally, the terminal may generate a display picture for acquiring the target widget component to be displayed in advance according to the content data and the configuration information of the target widget component acquired from the server, and store the display picture and the configuration information of the target widget component in the 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.
Optionally, for any widget component, when the widget component is displayed for the first time, the content data and the configuration information of the target widget component are acquired from the server, a display picture for acquiring the target widget component to be displayed is generated, and the display size of the widget component is acquired 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 displayed for the first time), the display picture and the display size of the target widget component are directly read from the local storage space.
Optionally, when the target widget component is displayed each time, the content data and the configuration information of the target widget component acquired from the server side may generate a display picture for acquiring the target widget component to be displayed, and acquire the display size of the widget component from the configuration information.
Step S202, according to the display size of the target widget component, a first picture view with a corresponding size is created in a widget display area on the desktop.
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 a widget display area on the desktop.
The position and size of the widget display area on the desktop can be configured and adjusted according to the terminal of the practical application, and are not specifically limited herein.
And step S203, rendering the display picture of the target widget component into a first picture view.
Rendering the display picture of each target widget component to the corresponding first picture view on the desktop to form a widget page (namely, a widget page) of the target widget component, so that the content data of the target widget component is displayed on the desktop.
In the embodiment, when the display of the widget component is realized, a picture view (ImageView) container is provided on the terminal, the container can be compatible with containers with different heights in different operating systems such as iOS (internet operating system) and android (android), the size of the container is not sensitive to developers, the widget component can be supported to be deployed on the server, widget components with different operating system versions do not need to be respectively developed for the same application, when the application adds new services or modifies contents, and the contents needing to pass through the widget component are changed, only the widget component on the server needs to be updated, the widget component does not need to be published on each terminal, the workload is reduced, the time for updating the widget component is shortened, and the publishing and updating efficiency of the widget component is improved.
Fig. 3 is a flowchart of a processing method of a widget component according to another exemplary embodiment of the present disclosure. On the basis of the above embodiment, in this embodiment, a web page view of a target widget component is generated according to content data and configuration information of the target widget component by acquiring the content data and the configuration information of the target widget component from a server; and drawing the webpage view of the target widget component into pictures with the same size to obtain a display picture of the target widget component so as to generate the display picture of the target widget component.
As shown in fig. 3, the method comprises the following specific steps:
step S301, responding to the display widget component, reading the stored display picture and display size of the target widget component.
In practical application, when a user opens a desktop including a widget display area on a terminal, 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. And the terminal reads the display picture and the display size of the target widget component from the local storage space.
If the display picture and the display size of the target widget component are read, the steps S305 to S306 are directly executed to display the target widget component on the desktop, so that the display efficiency of the widget component can be remarkably improved.
If the display picture and the display size of the target widget component are not read, which indicates that the target widget component is displayed for the first time, the steps S302 to S304 are executed, the content data and the configuration information of the target widget component are obtained from the server, the display picture of the target widget component is generated, the display size in the configuration information is obtained, and then the steps S305 to S306 are executed, and the target widget component is displayed on the desktop.
Step S302, if the display picture of the target widget component is not read, acquiring the content data and the configuration information of the target widget component from the server, and generating the webpage view of the target widget component according to the content data and the configuration information of the target widget component.
For example, the terminal may send a data acquisition request of the target widget component to the server, where the request carries an identifier of the target widget component (e.g., a widget component ID, or a corresponding service type, or a corresponding application identifier, etc.). And the server acquires the content data and the configuration information of the target widget component based on the request of the terminal and returns the content data and the configuration information to the terminal.
Wherein the configuration information of the target widget component at least comprises a display size. The content data of the target widget component may 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 (front end for short), and content data of the target widget component can be obtained.
Further, the terminal creates a webpage view with a corresponding size according to the display size (e.g. 360dp 180dp) of the target widget component, and informs the kernel of the size of the webpage view through an Application Programming Interface (API); and loading the URL of the target widget component and the corresponding content data parameter by the front end to acquire the content data of the target widget component, and rendering the content data into the webpage view to acquire the webpage view of the target widget component.
Step S303, drawing the webpage view of the target widget component into pictures with the same size to obtain a display picture of the target widget component.
After the webpage view of the target widget component is rendered at the front end, the pictures with the same size are generated according to the size of the webpage view, and the webpage view of the target widget component is drawn on the pictures to obtain the display pictures of the target widget component.
Optionally, after the display picture of the target widget component is generated, format conversion may be performed on the display picture of the target widget component according to format information of the target widget component, so that the finally displayed widget component has a uniform format.
By way of example, assuming that the widget components displayed on the desktop are all rounded, the display picture of the target widget component may be uniformly rounded.
And S304, compressing and storing the display picture of the target widget component, and storing the configuration information of the target widget component, wherein the configuration information comprises the display size.
In this embodiment, the display picture of the target widget component is compressed and then stored, so that the storage space of the terminal can be saved.
Illustratively, the display picture of the target widget component may be compressed into a PNG, JPG, or the like format.
Step S305, according to the display size of the target widget component, creating a first picture view with a corresponding size in a widget display area on the desktop.
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 a widget display area on the desktop.
The position and size of the widget display area on the desktop may be configured and adjusted according to a terminal of an actual application, which is not specifically limited herein.
And S306, rendering the display picture of the target widget component into a first picture view.
In the step, the display picture of the target widget component is rendered into the corresponding first picture view on the desktop, so that the content data of the target widget component is displayed on the desktop.
Optionally, a display picture of the target widget component may be rendered into the first picture view in a width-full, height-adaptive manner, while the height of the picture view (ImageView) is automatically adjusted so that the picture view (ImageView) is consistent with the aspect ratio of the display picture.
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 a new service is applied or the content is modified, the content data displayed by the widget can be updated to the displayed widget page in time without redeveloping the widget components of each operating system version, and the rapid iterative update of the widget page is realized.
In an alternative embodiment, hot zones and corresponding events may be configured on the displayed widget page.
Specifically, the hotspot configuration may be performed on the widget page of the widget component on the server side, and hotspot configuration information of the widget component may be saved.
The terminal can obtain hot area configuration information of the target widget component from the server, and configures a hot area and events corresponding to the hot area on a display screen of the target widget component according to the hot area configuration information, so that a widget page of the target widget component displayed on a desktop contains one or more hot areas, and when a user performs triggering operation on any one of the hot areas, the terminal triggers execution of the event corresponding to the hot area, thereby realizing corresponding functions of the target widget component.
Specifically, the triggering operation on the hot zone may be a clicking operation, and in response to a clicking operation on any one of the hot zones on the display image of the target widget component in the first image view, an event corresponding to the clicked hot zone is triggered, so as to implement a corresponding function of the target widget component.
The loading of the picture is monitored through the front end, the terminal of the iOS system needs to monitor the execution of the resize event, the terminal of the iOS system additionally needs to monitor a visible viewport (viewport), and a developer only needs to use an img element in H5 in the template to carry the picture. When the interaction logic is set, the developer only needs to transmit the dom node id and the schema of the content area. In addition, the conversion of the Dom hot area and the widget component identification can be realized, and the corresponding widget component can be determined based on the hot area.
In this embodiment, through an aggregated view such as GridView, a widget page may be divided into a plurality of grid regions (for example, divided into 6 × 12 equally-divided grids), so that one or more grid regions are set as click hot zones, different click events are configured according to different click hot zones, and interaction is performed through GridView.
In the embodiment of the disclosure, the general architecture of the widget comprises a widget front end and a service (server) end, wherein the service end is divided into a widget middle platform and a service rear end, and the widget middle platform is responsible for data management at the framework side of the widget and data transmission at the service side; the service back end needs to provide the data structure of the widget content. As shown in fig. 4, data flow of the widget itself is that the service back end provides widget content to the widget middle station, and the widget middle station transparently transmits the widget content to the widget front end. The data structure of widget content for different traffic types may be different. In addition, in addition to the widget itself, the widget portal also needs participation of the back end of the service. And transmitting data required by displaying the widget component through the interface, and splicing the required data to the URL by the back end. And the widget front end acquires the data issued by the service rear end from the URL, and a developer does not sense the widget data on a widget page.
Fig. 5 is a flowchart of a method for switching display widget components according to an exemplary embodiment of the present disclosure. On the basis of any of the foregoing embodiments, in this embodiment, for a widget component (denoted as a first widget component) displayed in a widget display area on a desktop, switching of any one displayed first widget component to another second widget component is supported, so as to implement switching of widget components of different service types (different applications). As shown in fig. 5, the method comprises the following specific steps:
step S501, in response to a switching operation on a first widget displayed in the widget display area, acquiring a widget list from a server, where the widget list includes information of multiple widget components.
Wherein, the widget component list comprises information of one or more widget components which 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, and is not limited in particular here. For example, it may be configured to allow switching to any other widget component.
The widget component list includes content data, configuration information, and the like of the widget component.
For example, the terminal may send a request for obtaining a widget component list to the server, where the request may carry an identifier of the first widget component. And the server responds to the request of the terminal, acquires the switchable widget component list, renders the widget component list and returns the rendered widget component list to the terminal. And the terminal receives the widget component list sent by the server.
And step S502, displaying a widget component list.
And the terminal displays the widget component list on the desktop in a row so that the user can select a second widget component to be switched to.
Step S503, in response to the operation of selecting the second widget component in the widget component list, acquiring a display picture of the second widget component.
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 of the above method embodiments, and refer to the relevant contents in the above method embodiments specifically, and details are not described here.
Step S504, the first picture view is hidden, a second picture view with a corresponding size is created in a widget display area on the desktop according to the display size of the second widget, and the display picture of the second widget is rendered into the second picture view.
And after the display picture of the second widget component is acquired, switching the first widget component displayed on the desktop into the second widget component.
Specifically, the first picture view is hidden, and the first widget component is not displayed on the desktop any more; and according to the display size of the second widget component, creating a second picture view with a corresponding size in the widget display area on the desktop, and rendering the display picture of the second widget component into the second picture view so as to display the second widget component on the desktop.
In this step, a second picture view with 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 consistent with a specific implementation manner in which a target picture view with 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 in the above method embodiment, and specific reference is made to relevant contents in the above method embodiment, which is not described herein again.
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 a switching function of the displayed widget components.
FIG. 6 is a flowchart of a method for adding displayed widget components according to an exemplary embodiment of the present disclosure. On the basis of any of the above embodiments, in this embodiment, it is supported to add a new widget component into the widget display area on the desktop, and to simultaneously display a plurality of widget components of different service types (different applications). As shown in fig. 6, the method comprises the following specific steps:
step S601, in response to an operation of adding a new widget to the widget display area, acquiring a widget component list from the server, where the widget component list includes information of a plurality of widget components.
The operation of adding a new widget may be a click operation on a "new" widget in the widget display area, or a long-press operation on a blank area (area not containing the widget) in the widget display area, and the like, and may be specifically configured and adjusted according to actual needs, which is not specifically limited herein.
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, and is not limited in particular here. For example, it may be configured to allow switching to any other widget component.
The widget component list includes content data, configuration information, and the like of the widget component.
For example, the terminal may send a request for obtaining the widget component list to the server, where the request may carry an identifier of the terminal. And 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. And the terminal receives the widget component list sent by the server.
And step S602, displaying a widget component list.
And the terminal displays the widget component list on the upper row of the desktop for the user to select a second widget component to be switched to.
In this step, when the terminal displays the widget component list, only the widget components that are not displayed may be displayed in the list according to the currently displayed widget components, so that the user may conveniently select the widget components that may be added.
Step S603, in response to the operation of selecting the third widget component in the widget component list, acquiring a display picture of the third widget component.
In this step, the display picture of the third widget component is obtained, which is the same as the specific process of obtaining the display picture of the target widget component in any of the above method embodiments, for specific reference to the relevant contents in the above method embodiments, and details are not repeated here.
Step S604, according to the display size of the third widget, creating a third picture view with a corresponding size in the widget display area on the desktop, and rendering the display picture of the third widget into the third picture view.
In this step, a third picture view with a corresponding size is created in the widget display area on the desktop according to the display size of the third widget component, and a display picture of the third widget component is rendered into the third picture view, which is consistent with a specific implementation manner in which a target picture view with a corresponding size is created in the widget display area on the desktop according to the display size of the target widget component and a display picture of the target widget component is rendered into the target picture view in the above method embodiment.
In this embodiment, it is supported that a widget component of a required service type is newly added in a widget display area on a desktop, and a plurality of widget components (widget pages) of different service types (different applications) can be displayed at the same time.
In addition, for the displayed widget components in the widget display area on the desktop, the deletion of any displayed widget component is also supported. And hiding the fourth widget component in response to a deletion operation of the fourth widget component in the widget display area. Optionally, the stored display picture and configuration information of the fourth widget component may be deleted synchronously.
Fig. 7 is a flowchart of a processing method of a widget component according to an exemplary embodiment of the present disclosure. The execution subject of the method provided by the embodiment is the server. As shown in fig. 7, the method comprises the following specific steps:
and S701, receiving the uploaded widget component of at least one application, and operating the widget component.
In this embodiment, widget components of respective service types (different applications) are deployed on a server. The server is provided with one or more widget components of the application. The widget components of different applications correspond to different service types and are used for realizing different service logics. The server runs the widget component to execute the corresponding business logic and generate the content data of the widget component. The widget components may be uploaded by the publisher of the widget component for each application. A publisher of a widget component may upload a widget component of one or more applications (business types) to a server.
Step S702, generating and storing configuration information of the widget component according to the configuration operation of the widget component.
In this embodiment, at the server side, through the visual page provided by the server, the publisher of the widget component may configure the widget component to configure parameters such as a URL (Uniform Resource Locator), a background color, and a display size of the widget component. The server stores configuration information of each widget component.
Step S703, responding to the data request of the terminal to the target widget component, and sending the content data and the configuration information of the target widget component to the terminal. The configuration information comprises a display size, the content data is used for generating a display picture of the target widget component, and the display of the target widget component is achieved when the display picture is rendered into a picture view on the desktop.
Based on a data request of the terminal to the target widget component, the server operates the corresponding target widget component to acquire content data to be displayed, acquires configuration information of the target widget component, and returns the content data and the configuration information of the target widget component to the terminal.
In this embodiment, the widget components of each application are run on the server, and the server provides content data and configuration information of the widget component to the terminal, so that the terminal generates a display picture corresponding to the widget component according to the content data and the configuration information of the widget component, renders the display picture into a picture view (ImageView) created in a widget display area on the desktop, and displays the widget component of the application. Therefore, the ImageView container is provided on the terminal (iOS or android), the terminal can be compatible with containers with different heights in different operating systems such as iOS and android (android), the size of the container does not have perception on a developer, the widget component runs on the server, and is not required to be published at each terminal, so that widget components with different operating system versions are not required to be developed respectively aiming at the same application. When newly-added service or modified content is applied, the widget component on the server only needs to be updated when the content displayed by the widget changes, edition sending on each terminal is not needed, the workload is reduced, the time for updating the widget component is shortened, and the edition sending and updating efficiency of the widget component is improved.
Furthermore, through a visual page provided by the server, a widget page (display picture) of the widget component can be subjected to grid division, one or more grid areas are configured as hot areas, and events corresponding to the hot areas are configured.
Generally, when configuring a hot area of a widget page of a widget component and a corresponding event, a virtual widget page may be divided into grids according to a display size of the widget component, one or more grid areas are configured as the hot area, an event corresponding to the hot area is configured, and a server stores hot area configuration information instead of storing a specific widget page.
And step one, responding to a triggering request of a terminal for triggering a target widget component to display a target hot area corresponding event on the image, calling the target widget component to execute the target hot area corresponding event, and sending execution result data to the terminal, thereby realizing an interactive function of a display page (widget page) of the widget component.
Further, the server is also used for providing the existing widget component list to the terminal.
Specifically, a widget component list is obtained in response to a widget component list request sent by a terminal, wherein the widget component list comprises information of a plurality of widget components; and rendering the widget component list, and sending the rendered widget component list to the terminal so as to support the switching of the widget components of different service types and the function of newly adding the displayed widget components.
Illustratively, when a switching operation of a first widget component displayed in a widget display area occurs on a terminal, the terminal needs to display a widget component list on a desktop, and at this time, the terminal sends a widget component list request to a server, where the request includes an identifier of the first widget component. And the server acquires a widget component list which does not contain the first widget component according to the widget component list request, and returns the widget component list to the terminal after rendering.
Illustratively, when an operation of adding a new widget to the widget display area occurs on the terminal, the terminal needs to display a widget list on the desktop, and at this time, the terminal sends a widget list request to the server. And the server acquires the widget component list according to the widget component list request, and returns the widget component list to the terminal after rendering.
FIG. 8 is an interaction flow diagram for obtaining a widget component list provided by an exemplary embodiment of the present disclosure. In this embodiment, the server side includes a component center and a back end, and the component center is used to implement configuration of the widget component. As shown in fig. 8, the process of the terminal obtaining the widget component list from the server is as follows:
step S801, the user triggers an operation of adding/switching a widget.
And S802, the terminal sends a widget component list acquisition request to a component center of the server.
If the switching operation of the first widget component displayed in the widget display area is performed, the request may carry identification information of the first widget component.
And step S803, the component center pulls the widget component list from the back end.
The widget component list includes information of one or more switchable widget components, and the information of each widget component includes a widget component identifier, an application identifier/service type identifier, and the like, so that a user can select the widget component based on the information of the widget component. In addition, the information of the widget component in the widget component list may further include configuration information, content data, and the like.
And step S804, the back end returns the widget component list to the component center.
And step S805, rendering the widget component list by the component center.
And step S806, returning the rendered widget component list to the terminal by the component center.
The embodiment provides a process that a terminal acquires a widget component list from a server based on a web front-end framework, data required by a widget component is transmitted and displayed through an interface, and the back end splices the required data to a URL. The front end acquires data issued by the rear end from the URL, and a developer does not sense widget data on a widget page.
FIG. 9 is an interaction flow diagram of updating a widget component provided by an exemplary embodiment of the present disclosure. As shown in fig. 9, when any widget component is updated, the process of updating the display picture of the widget component by the terminal is as follows:
step S901, the widget component updates the notification.
When a publisher changes a page displayed by the widget due to application addition of new services, content modification, or configuration information modification of the widget, the server may send a widget update notification to the terminal, where the notification includes an identifier of the updated widget to notify the terminal of which widget components need to be updated.
And step S902, the terminal sends a data request of the widget component to the server.
After receiving the widget component update notification, the terminal sends a data request of the widget component to be updated to the server, where the data request may include an identifier of the widget component to be updated.
Step S903, the server obtains the updated content data and configuration information of the widget.
And the server acquires the updated content data and configuration information of the corresponding widget component according to the data request of the terminal.
And step S904, the server returns the updated content number and configuration information of the widget component to the terminal.
And step S905, the terminal generates a display picture of the widget component according to the updated content number and the configuration information.
In this step, the terminal generates a display picture of the widget component according to the updated content data and the configuration information, which is the same as the specific implementation manner of generating the display picture of the target widget component in the foregoing embodiment, and refer to the related contents in the foregoing embodiment specifically, which is not described herein again.
And step S906, the terminal updates the stored display pictures and configuration information of the widget component.
According to the scheme of the embodiment, when a publisher adds new services to the application, modifies contents or modifies configuration information of the widget components, and the page displayed by the widget is changed, the terminal can update the display pictures and the configuration information of the widget components in time only by updating the widget components on the server, edition sending on each terminal is not needed, the workload is reduced, the time for updating the widget components is shortened, and the edition sending and updating efficiency of the widget components is improved.
Fig. 10 is a schematic structural diagram of a processing device of a widget assembly according to an example embodiment of the present disclosure. The processing device of the widget component provided by the embodiment of the disclosure can execute the processing flow executed by the terminal in the processing method of the widget component. As shown in fig. 10, the processing apparatus 100 of the widget assembly includes: a widget component display information acquisition module 1001 and a widget component display module 1002.
Specifically, the widget component display information obtaining module 1001 is configured to obtain, in response to a display widget component, a display picture and a display size of a target widget component to be displayed.
The widget component display module 1002 is configured to create a first picture view with a corresponding size in a widget display area on the desktop according to a display size of a target widget component, and render a display picture of the target widget component into the first picture view.
The apparatus provided in the embodiments of the present disclosure may be specifically configured to execute the method executed by the terminal side in any of the above method embodiments, and specific functions and technical effects achieved are not described herein again.
Fig. 11 is a schematic structural diagram of a processing device of a widget assembly according to an example embodiment of the present disclosure. The processing device of the widget component provided by the embodiment of the disclosure can execute the processing flow executed by the terminal in the processing method of the widget component. As shown in fig. 11, the processing device 110 of the widget assembly includes: a widget component display information acquisition module 111 and a widget component display module 112.
Specifically, the widget component display information obtaining module 111 is configured to obtain, in response to a display widget component, a display picture and a display size of a target widget component to be displayed.
The widget component display module 112 is configured to create a first picture view with a corresponding size in a widget display area on the desktop according to a display size of the target widget component, and render a display picture of the target widget component into the first picture view.
In an optional embodiment, the widget component display information obtaining module 111 includes: a display picture reading unit 1111, configured to read a stored display picture of the target widget component in response to the display widget component.
A display picture generating unit 1112, configured to obtain content data and configuration information of the target widget from the server if the display picture of the target widget is not read, and generate a web page view of the target widget according to the content data and the configuration information of the target widget; and drawing the webpage view of the target widget component into pictures with the same size to obtain a display picture of the target widget component.
In an alternative embodiment, the processing device 110 of the widget assembly further comprises: the hot zone setting module 113 is configured to set a hot zone and an event corresponding to the hot zone on the display screen of the target widget component according to the hot zone configuration information of the target widget component.
In an optional embodiment, the widget component display information obtaining module 111 further includes: and the display image compression storage unit 1113 is configured to compress and store the display image of the target widget component.
And the display picture update sheet 1114 is used for updating the stored display picture of the target widget component when the content data of the target widget component is updated.
In an optional embodiment, the widget component display information obtaining module 111 further includes: and the display picture format conversion unit 1115 is configured to perform format conversion on the display picture of the target widget according to the format information of the target widget.
In an alternative embodiment, the widget component display module 112 is further configured to: and rendering the display picture of the target widget component into a first picture view in a width full and height self-adaptive mode.
In an alternative embodiment, the processing device 110 of the widget assembly further comprises: and the hot zone triggering module 114 is configured to trigger an event corresponding to the clicked hot zone in response to a click operation on any hot zone on the display image of the target widget component in the first image view.
In an optional embodiment, the processing device 110 of the widget assembly further comprises: widget component switching display module 115 for:
responding to a switching operation of a first widget component displayed in a widget display area, and acquiring a widget component list from a server, wherein the widget component list comprises information of a plurality of widget components; displaying a widget component list; responding to the selected operation of a second widget component in the widget component list, and acquiring a display picture of the second widget component; hiding the first picture view, creating a second picture view with a corresponding size in a widget display area on the desktop according to the display size of the second widget component, and rendering the display picture of the second widget component into the second picture view.
In an optional embodiment, the processing device 110 of the widget assembly further comprises: add display widget component module 116 for:
in response to an operation of adding a new widget component to the widget display area, acquiring a widget component list from a server, wherein the widget component list contains information of a plurality of widget components; rendering and displaying a widget component list; responding to the selected operation of a third widget component in the widget component list, and acquiring a display picture of the third widget component; and according to the display size of the third widget component, creating a third picture view with a corresponding size in the widget display area on the desktop, and rendering the display picture of the third widget component into the third picture view.
The apparatus provided in the embodiments of the present disclosure may be specifically configured to execute the method executed by the terminal side in any of the above method embodiments, and specific functions and technical effects achieved are not described herein again.
Fig. 12 is a schematic structural diagram of a processing device of a widget assembly according to another exemplary embodiment of the present disclosure. The processing device of the widget component provided by the embodiment of the disclosure can execute the processing flow executed by the server in the processing method of the widget component. As shown in fig. 12, the processing device 120 of the widget assembly includes: a widget component deployment module 121, a widget component configuration module 122, and a widget component data management module 123.
Specifically, the widget component deployment module 121 is configured to receive the uploaded widget component of the at least one application and execute the widget component.
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.
The widget component data management module 123 is configured to send content data and configuration information of the target widget component to the terminal in response to a data request from the terminal to the target widget component.
The configuration information comprises a display size, the content data is used for generating a display picture of the target widget component, and the display of the target widget component is achieved when the display picture is rendered into a picture view on the desktop.
Optionally, the processing apparatus of the widget component may further include a widget component list management module, configured to: responding to a request of the widget component list, and acquiring the widget component list, wherein the widget component list comprises information of a plurality of widget components; and rendering the widget component list, and sending the rendered widget component list to the terminal.
Optionally, the processing apparatus of the widget component may further include a hot zone event execution module configured to: and responding to a trigger request of the terminal for triggering the target widget component to display the corresponding event of the target hot area on the picture, calling the target widget component to execute the corresponding event of the target hot area, and sending execution result data to the terminal.
The apparatus provided in the embodiments of the present disclosure may be specifically configured to execute the method executed by the server in any one of the method embodiments, and specific functions and technical effects achieved are not described herein again.
The present disclosure also provides an electronic device, a readable storage medium, and a computer program product according to embodiments of the present disclosure.
According to an embodiment of the present disclosure, the present disclosure also provides a computer program product comprising: a computer program, stored in a readable storage medium, from which at least one processor of the electronic device can read the computer program, the at least one processor executing the computer program causing the electronic device to perform the method performed by the terminal or the server in any of the embodiments described above.
FIG. 13 shows a schematic block diagram of an example electronic device 130 that may be used to implement embodiments of the present disclosure. Electronic devices are intended to represent various forms of digital computers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other appropriate computers. The electronic device may also represent various forms of mobile devices, such as personal digital processing, cellular phones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are meant to be examples only, and are not meant to limit implementations of the disclosure described and/or claimed herein.
As shown in fig. 13, the apparatus 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 RAM133, various programs and data necessary for the operation of the device 130 can also be stored. The calculation unit 131, ROM 132, and RAM133 are connected to each other via a bus 134. An input/output (I/O) interface 135 is also connected to bus 134.
Various components in the device 130 are connected to the I/O interface 135, including: an input unit 136 such as a keyboard, a mouse, or the like; an output unit 137 such as various types of displays, speakers, and the like; a storage unit 138 such as a magnetic disk, optical disk, or the like; and a communication unit 139 such as a network card, modem, 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.
The computing unit 131 may be a variety of general purpose and/or special purpose processing components having 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 dedicated Artificial Intelligence (AI) computing chips, various computing units running machine learning model algorithms, a Digital Signal Processor (DSP), and any suitable processor, controller, microcontroller, and so forth. Computing unit 131 performs the various methods and processes described above, such as method XXX. For example, in some embodiments, method XXX may be implemented as a computer software program tangibly embodied on a machine-readable medium, such as storage unit 138. In some embodiments, part or all of the computer program may be loaded onto and/or installed onto device 130 via ROM 132 and/or communications unit 139. When loaded into RAM133 and executed by computing unit 131, the computer program may perform one or more of the steps of method XXX described above. Alternatively, in other embodiments, computing unit 131 may be configured to perform method XXX by any other suitable means (e.g., by way of firmware).
Various implementations of the systems and techniques described here above may be implemented in digital electronic circuitry, integrated circuitry, field Programmable Gate Arrays (FPGAs), application Specific Integrated Circuits (ASICs), application Specific Standard Products (ASSPs), system on a chip (SOCs), complex Programmable Logic Devices (CPLDs), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include: implemented in one or more computer programs that are executable and/or interpretable on a programmable system including at least one programmable processor, which may be special or general purpose, receiving data and instructions from, and transmitting data and instructions to, a storage system, at least one input device, and at least one output device.
Program code for implementing the methods of the present disclosure may be written in any combination of one or more programming languages. These program codes may be provided to a processor or controller of a general purpose computer, special purpose computer, or other programmable data processing apparatus, such that the program codes, when executed by the processor or controller, cause the functions/operations specified in the flowchart and/or block diagram to be performed. The program code may execute entirely on the machine, partly on the machine, as a stand-alone software package partly on the machine and partly on a remote machine or entirely on the remote machine or server.
In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
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 a user; and a keyboard and a pointing device (e.g., a mouse or a trackball) by which a user may provide input to the computer. Other kinds of devices may also be used to provide for interaction with a user; 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 may be received in any form, including acoustic, speech, or tactile input.
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: local Area Networks (LANs), wide Area Networks (WANs), and the Internet.
The computer system may 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. The Server may be a Server, which is also called a cloud computing Server or a cloud host, and is a host product in a cloud computing service system, so as to solve the defects of high management difficulty and weak service extensibility in a conventional physical host and VPS service ("Virtual Private Server", or "VPS" for short). The server may also be a server of a distributed system, or a server incorporating a blockchain.
It should be understood that various forms of the flows shown above may be used, with steps reordered, added, or deleted. For example, the steps described in the present disclosure may be executed in parallel, sequentially, or in different orders, as long as the desired results of the technical solutions disclosed in the present disclosure can be achieved, and the present disclosure is not limited herein.
The above detailed description should not be construed as limiting the scope of the disclosure. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions may be made, depending on design requirements and other factors. Any modification, equivalent replacement, and improvement made within the spirit and principle of the present disclosure should be included in the scope of protection of the present disclosure.

Claims (27)

1. A method of processing a widget assembly, comprising:
responding to the display widget component, and acquiring a display picture and a display size of a target widget component to be displayed;
according to the display size of the target widget component, creating a first picture view with a corresponding size in a widget display area on the desktop;
rendering a display picture of the target widget component into the first picture view.
2. The method of claim 1, wherein said obtaining a display picture of a target widget component to be displayed in response to displaying the widget component comprises:
reading a stored display picture of the target widget component in response to a display widget component;
if the display picture of the target widget component is not read, acquiring the content data and the configuration information of the target widget component from a server, and generating a webpage view of the target widget component according to the content data and the configuration information of the target widget component;
and drawing the webpage view of the target widget component into pictures with the same size to obtain a display picture of the target widget component.
3. The method of claim 2, further comprising:
and setting a hot area and an event corresponding to the hot area on a display picture of the target widget component according to the hot area configuration information of the target widget component.
4. The method of claim 2 or 3, after the rendering the web page view of the target widget component into the picture with the same size and obtaining the display picture of the target widget component, further comprising:
compressing and storing the display picture of the target widget component;
and when the content data of the target widget component is updated, updating the stored display picture of the target widget component.
5. The method of claim 4, before compressing and storing the display picture of the target widget component, further comprising:
and carrying out format conversion on the display picture of the target widget component according to the format information of the target widget component.
6. The method of any of claims 1-5, wherein said rendering a display picture of the target widget component into the first picture view comprises:
rendering a display picture of the target widget component into the first picture view in a width-bracketing, height-adaptive manner.
7. The method according to any one of claims 3-5, further comprising:
and triggering an event corresponding to the clicked hot area in response to the clicking operation of any hot area on the display image of the target widget component in the first image view.
8. The method according to any one of claims 1-7, further including:
responding to a switching operation of a first widget component displayed in the widget display area, and acquiring a widget component list from a server, wherein the widget component list comprises information of a plurality of widget components;
displaying the widget component list;
responding to the selected operation of a second widget component in the widget component list, and acquiring a display picture of the second widget component;
hiding the first picture view, creating a second picture view with a corresponding size in a widget display area on the desktop according to the display size of the second widget component, and rendering the display picture of the second widget component into the second picture view.
9. The method according to any one of claims 1-8, further comprising:
in response to the operation of adding a new widget component to the widget display area, acquiring a widget component list from a server, wherein the widget component list contains information of a plurality of widget components;
rendering and displaying the widget component list;
responding to the selected operation of a third widget component in the widget component list, and acquiring a display picture of the third widget component;
and according to the display size of the third widget component, creating a third picture view with a corresponding size in a widget display area on the desktop, and rendering the display picture of the third widget component into the third picture view.
10. A method of processing a widget assembly, comprising:
receiving the uploaded widget component of at least one application, and running the widget component;
generating and storing configuration information of the widget component according to the configuration operation of the widget component;
responding to a data request of a terminal to a target widget component, and sending content data and configuration information of the target widget component to the terminal;
the configuration information comprises a display size, the content data is used for generating a display picture of the target widget component, and the display picture realizes the display of the target widget component when being rendered into a picture view on a desktop.
11. The method of claim 10, further comprising:
responding to a widget component list request, and acquiring a widget component list which comprises information of a plurality of widget components;
and rendering the widget component list, and sending the rendered widget component list to a terminal.
12. The method of claim 10, further comprising:
and in response to a triggering request of the target widget component for triggering a corresponding event of a target hot area on a display picture of the target widget component, calling the target widget component to execute the corresponding event of the target hot area, and sending execution result data to the terminal.
13. A processing apparatus for a widget assembly, comprising:
the widget component display information acquisition module is used for responding to the display widget component and acquiring a display picture and a display size of a target widget component to be displayed;
and the widget component display module is used for creating a first picture view with a corresponding size in a 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 first picture view.
14. The apparatus of claim 13, wherein the widget component display information acquisition module comprises:
the display picture reading unit is used for responding to the display widget component and reading the stored display picture of the target widget component;
the display picture generating unit is used for acquiring the content data and the configuration information of the target widget component from a server if the display picture of the target widget component is not read, and generating a webpage view of the target widget component according to the content data and the configuration information of the target widget component; and drawing the webpage view of the target widget component into pictures with the same size to obtain a display picture of the target widget component.
15. The apparatus of claim 14, further comprising:
a hot zone setting module to: and setting a hot zone and an event corresponding to the hot zone on a display picture of the target widget component according to the hot zone configuration information of the target widget component.
16. The apparatus of claim 14 or 15, wherein the widget component displays an information acquisition module, further comprising:
the display picture compression storage unit is used for compressing and storing the display picture of the target widget component;
and the display picture updating unit is used for updating the stored display picture of the target widget component when the content data of the target widget component is updated.
17. The apparatus of claim 16, wherein the widget component displays an information acquisition module, further comprising:
and the display picture format conversion unit is used for carrying out format conversion on the display picture of the target widget component according to the format information of the target widget component.
18. The apparatus of any of claims 13-17, wherein the widget component display module is further to:
rendering a display picture of the target widget component into the first picture view in a width-bracketing, height-adaptive manner.
19. The apparatus of any of claims 15-17, further comprising:
and the hot zone triggering module is used for responding to the clicking operation of any hot zone on the display image of the target widget component in the first image view and triggering an event corresponding to the clicked hot zone.
20. The apparatus of any of claims 13-19, further comprising:
the widget component switching display module is used for:
responding to a switching operation of a first widget component displayed in the widget display area, and acquiring a widget component list from a server, wherein the widget component list comprises information of a plurality of widget components;
displaying the widget component list;
responding to the selected operation of a second widget component in the widget component list, and acquiring a display picture of the second widget component;
hiding the first picture view, creating a second picture view with a corresponding size in a widget display area on the desktop according to the display size of the second widget component, and rendering the display picture of the second widget component into the second picture view.
21. The apparatus of any of claims 13-20, further comprising:
adding a display widget component module for:
in response to an operation of adding a new widget component to the widget display area, acquiring a widget component list from a server, wherein the widget component list contains information of a plurality of widget components;
rendering and displaying the widget component list;
responding to the selected operation of a third widget component in the widget component list, and acquiring a display picture of the third widget component;
and according to the display size of the third widget component, creating a third picture view with a corresponding size in a widget display area on the desktop, and rendering the display picture of the third widget component into the third picture view.
22. A processing apparatus for a widget assembly, comprising:
the widget component deployment module is used for receiving the uploaded widget components of at least one application and running the widget components;
the widget component configuration module is used for generating and storing configuration information of the widget component according to configuration operation of the widget component;
the widget component data management module is used for responding to a data request of a terminal to a target widget component and sending content data and configuration information of the target widget component to the terminal;
the configuration information comprises a display size, the content data is used for generating a display picture of the target widget component, and the display picture realizes the display of the target widget component when being rendered into a picture view on a desktop.
23. The apparatus of claim 22, further comprising:
a widget component list management module to:
responding to a request of a widget component list, and acquiring the widget component list, wherein the widget component list comprises information of a plurality of widget components;
and rendering the widget component list, and sending the rendered widget component list to the terminal.
24. The apparatus of claim 22, further comprising:
a hot zone event execution module to:
and in response to a triggering request of the target widget component for triggering a corresponding event of a target hot area on a display picture of the target widget component, calling the target widget component to execute the corresponding event of the target hot area, and sending execution result data to the terminal.
25. An electronic device, comprising:
at least one processor; and
a memory communicatively coupled to the at least one processor; wherein, the first and the second end of the pipe are connected with each other,
the memory stores instructions executable 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 having stored thereon computer instructions for causing the computer to perform the method of any one of claims 1-12.
27. A computer program product comprising a computer program which, when executed by a processor, carries out the steps of the method of any one of claims 1 to 12.
CN202211386197.8A 2022-11-07 2022-11-07 Widget component processing method, device, equipment, storage medium and program product Pending CN115801777A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211386197.8A CN115801777A (en) 2022-11-07 2022-11-07 Widget component processing method, device, equipment, storage medium and program product

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202211386197.8A CN115801777A (en) 2022-11-07 2022-11-07 Widget component processing method, device, equipment, storage medium and program product

Publications (1)

Publication Number Publication Date
CN115801777A true CN115801777A (en) 2023-03-14

Family

ID=85435862

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202211386197.8A Pending CN115801777A (en) 2022-11-07 2022-11-07 Widget component processing method, device, equipment, storage medium and program product

Country Status (1)

Country Link
CN (1) CN115801777A (en)

Similar Documents

Publication Publication Date Title
US11144711B2 (en) Webpage rendering method, device, electronic apparatus and storage medium
KR102185864B1 (en) Server-side rendering method and system of native content for presentation
CN110704136B (en) Method for rendering applet components, client, electronic device and storage medium
US9582600B1 (en) Cloud browser DOM-based client
CN109725901A (en) Development approach, device, equipment and the computer storage medium of front-end code
JP2015529878A (en) Providing access to remote applications via a web client
US20150220496A1 (en) Dynamic sprite based theme switching
US9740791B1 (en) Browser as a service
CN107247544A (en) Use interaction figure picture optimization software application user interface capabilities
CN115309470B (en) Method, device, equipment and storage medium for loading widget
CN111294395A (en) Terminal page transmission method, device, medium and electronic equipment
CN110675465A (en) Method and apparatus for generating image
CN113505302A (en) Method, device and system for supporting dynamic acquisition of buried point data and electronic equipment
JP7369229B2 (en) How to change the skin of the mini program page, devices and electronic devices
CN114218890A (en) Page rendering method and device, electronic equipment and storage medium
CN113536755A (en) Method, device, electronic equipment, storage medium and product for generating poster
CN112486482A (en) Page display method and device
CN113378346A (en) Method and device for model simulation
CN110647327A (en) Method and device for dynamic control of user interface based on card
CN115643468A (en) Poster generation method and device, electronic equipment and storage medium
CN115934076A (en) Cross-platform client micro-service providing device and method and electronic equipment
CN115801777A (en) Widget component processing method, device, equipment, storage medium and program product
CN116775174A (en) Processing method, device, equipment and medium based on user interface frame
JP2015179350A (en) Content converter and method and communication system
CN112947918A (en) Data display method and device

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination