Page processing method and device, storage medium and program product

Abstract

The embodiment of the invention provides a page processing method and device, a storage medium and a program product. In the embodiment of the invention, aiming at each information object, a plurality of image elements matched with the user demand are dynamically generated, and the pertinence of the information object is improved through the personalized image elements. Besides, the multiple image elements are borne through the container view assembly, the container view assembly is nested into the interactive view assembly, the user operation for any image element is detected through the interactive view assembly and transmitted to the container view assembly, and the container view assembly is controlled to conduct linkage adjustment on the multiple image elements; according to the method and the device, the plurality of image elements are enabled to change along with the second user operation, the user operation logic is simplified, the individual operation binding of the plurality of image elements is reduced, the maintainability of codes and the interaction experience of the user are improved, and the service conversion rate of the information object is favorably improved.

Description

Technical Field

[0001] This application relates to the field of Internet technologies, and in particular, to a page processing method, device, storage medium, and program product. Background Art

[0002] With the development of Internet technologies and the popularization of intelligent devices, life service platforms have become an indispensable part of people's daily lives. On life service platforms, merchants can post posts, and users can view the content of the posts to find services suitable for themselves. Currently, the content of the posts is standardized and unified, lacking pertinence, and users can only perform interactive operations on independent elements in the posts (such as text or background images, etc.) one by one to view detailed information, which has the problem of cumbersome operations and reduces the service conversion rate of the posts. Summary of the Invention

[0003] This application provides a page processing method, device, storage medium, and program product, so as to make the information objects (such as posts) provided by merchants targeted, simplify the interactive operations for image elements, and improve the conversion rate.

[0004] An embodiment of this application provides a page processing method, including: displaying a first page, where at least one information object is included on the first page, and each information object includes a to-be-filled area; in response to a first user operation of a target user on a first information object, generating a plurality of image elements according to the behavior data generated by the target user within a specified period, and filling the plurality of image elements into the to-be-filled area of the first information object to obtain a second information object; displaying the plurality of image elements included in the second information object on a second page, where the second page includes a container view component for carrying the plurality of image elements, and the container view component is nested in a first interactive view component, and the first interactive view component is used to detect a second user operation on the plurality of image elements; if the first interactive view component detects the second user operation, transmitting the interaction parameters of the second user operation to the container view component, and controlling the container view component to perform a linkage adjustment on the size and / or pose of the plurality of image elements according to the interaction parameters, so that the plurality of image elements change following the second user operation.

[0005] An embodiment of this application further provides an electronic device, including: a memory and a processor; the memory is used to store a computer program; the processor is coupled to the memory and is used to execute the computer program to implement the steps in the page processing method provided by the embodiment of this application.

[0006] An embodiment of the present application further provides a computer-readable storage medium storing a computer program, which, when executed by a processor, causes the processor to implement the steps in the page processing method provided by the embodiment of the present application.

[0007] An embodiment of the present application further provides a computer program product, including a computer program / instructions, which, when executed by a processor, causes the processor to implement the steps in the page processing method provided by the embodiment of the present application.

[0008] In the embodiment of the present application, for each information object, a plurality of image elements matching the user's needs are dynamically generated, and the pertinence of the information object is enhanced through the personalized image elements. In addition, a plurality of image elements are carried by a container view component, and the container view component is nested in an interactive view component. The interactive view component detects a user operation on any image element and passes it to the container view component, controlling the container view component to perform a linkage adjustment on the plurality of image elements, so that the plurality of image elements change following the second user operation, simplifying the user operation logic, reducing the separate operation bindings for the plurality of image elements, improving the maintainability of the code and the user's interaction experience, and helping to improve the service conversion rate of the information object. BRIEF DESCRIPTION OF THE DRAWINGS

[0009] The drawings described herein are used to provide a further understanding of the present application, and constitute a part of the present application. The schematic embodiments of the present application and their descriptions are used to explain the present application, and do not constitute an improper limitation to the present application. In the drawings:

[0010] Figure 1 is a schematic flowchart of a page processing method provided by an exemplary embodiment of the present application;

[0011] Figure 2 is a schematic diagram of a first page provided by an exemplary embodiment of the present application;

[0012] Figure 3 is a schematic diagram of a second page provided by an exemplary embodiment of the present application;

[0013] Figure 4 is a schematic diagram of a third page provided by an exemplary embodiment of the present application;

[0014] Figure 5 is a schematic structural diagram of an electronic device provided by another exemplary embodiment of the present application. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0015] To make the objectives, technical solutions, and advantages of this application clearer, the technical solutions of this application will be clearly and completely described below in conjunction with specific embodiments of this application and the corresponding drawings. Obviously, the described embodiments are only a part of the embodiments of this application, rather than all of the embodiments. All other embodiments obtained by those of ordinary skill in the art based on the embodiments in this application without creative efforts shall fall within the scope of protection of this application.

[0016] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data for analysis, stored data, displayed data, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties. Moreover, the collection, use, and processing of relevant data need to comply with relevant laws, regulations, and standards of relevant countries and regions, and corresponding operation entrances are provided for users to choose to authorize or reject.

[0017] The various models (including but not limited to language models or large models) involved in this application comply with relevant laws and standards.

[0018] Currently, for the posts published by merchants, users can only perform user operations on independent elements in the posts (such as text or background images, etc.) one by one, lacking the ability to perform user operations on the whole including multiple image elements. For example, for the common zoom effect of pictures, users zoom in or out of the image through a pinch gesture and change the position of the image through a drag gesture. In a complex page, for example, a view component includes multiple independent elements, and users have the need to perform user operations on the view component. However, users can only perform interaction operations on independent elements in the post (such as text or background images, etc.) one by one, which is a cumbersome operation and reduces the service conversion rate of the post.

[0019] In the embodiments of this application, for each information object, multiple image elements matching the user's needs are dynamically generated, and the pertinence of the information object is enhanced through personalized image elements. In addition, a container view component is used to carry multiple image elements, and the container view component is nested in an interactive view component. The interactive view component detects user operations on any image element and passes them to the container view component to control the container view component to perform linkage adjustment on multiple image elements, so that the multiple image elements change following the second user operation, simplifying the user operation logic, reducing the separate operation bindings for multiple image elements, improving the maintainability of the code and the user's interaction experience, and helping to improve the service conversion rate of the information object.

[0020] The following will detail a solution provided by the embodiments of this application in conjunction with the drawings.

[0021] Figure 1A schematic flowchart of a page processing method provided for an exemplary embodiment of the present application. As Figure 1 shown, the method includes:

[0022] 101. Display a first page, where the first page includes at least one information object, and each information object includes an area to be filled;

[0023] 102. In response to a first user operation of a target user on a first information object, generate a plurality of image elements according to the behavior data generated by the target user within a specified period, and fill the plurality of image elements into the area to be filled of the first information object to obtain a second information object;

[0024] 103. Display the plurality of image elements included in the second information object on a second page, where the second page includes a container view component for hosting the plurality of image elements, and the container view component is nested in a first interactive view component, and the first interactive view component is used to detect a second user operation on the plurality of image elements;

[0025] 104. If the first interactive view component detects a second user operation, pass the interaction parameters of the second user operation to the container view component, and control the container view component to perform a linkage adjustment on the size and / or pose of the plurality of image elements according to the interaction parameters, so that the plurality of image elements change following the second user operation.

[0026] In this embodiment, a life service platform is provided, and the life service platform can be implemented as an application (APPlicantion, APP) or a website. The service types that the life service platform can provide may include, but are not limited to: domestic service, house rental, recruitment and job seeking, second-hand trading, errand running and agency, and education and training, etc.

[0027] Among them, the first page may be a page provided by the life service platform for displaying service information provided by merchants, and the first page may be presented in the form of an information stream or a classified list. For example, the first page may be the home page of the life service platform, the classification page of the moving service, the local life service square, or the search result list page of the user, etc., which is not limited thereto. The first page includes at least one information object, and the information object is an independent service unit published by a merchant on the life service platform. For example, it can be presented in the form of a "post", and the information object may include service description information such as a service title, an image, and a price. Figure 2 Exemplarily show a first page, and take the first page including 3 information objects as an example for illustration, where the second information object is implemented as the first information object.

[0028] Among them, the information object includes the area to be filled, which is the blank part of the information object that needs to be dynamically loaded with data. The area to be filled is the core embodiment of the dynamic and personalized realization of the information object, which can achieve a balance between user experience, technical performance and service logic. Through reasonable design and technical implementation, the user interaction efficiency and platform conversion rate can be significantly improved.

[0029] The shape of the area to be filled is not limited. For example, the shape of the area to be filled may include but is not limited to: square, rectangle, circle, star, triangle, irregular image, etc., and there is no limitation on this. The number of areas to be filled is not limited. For example, there may be one or more areas, and there is no limitation on this.

[0030] In this embodiment, the target user can perform a user operation on any information object on the first page. For the sake of distinction and description, the target user performs a first user operation on the first information object on the first page as an example for description. The first user operation may include, but is not limited to, various interactive operations such as touch operation, gesture operation, voice operation, head movement operation, eye movement operation, etc.; wherein, the touch operation includes, but is not limited to, click operation, double-click operation, long press operation, slide operation, pinch operation or mouse hover operation, etc. The slide operation includes, but is not limited to, straight line slide, curve slide, etc.

[0031] Among them, the first page can generate multiple image elements in response to the first user operation of the target user on the first information object, according to the behavior data generated by the target user within the specified time period. The specified time period can be 1 day, 1 week, 1 month, 3 months or half a year, etc., which is not limited. The behavior data may include but is not limited to: page access data, search and screening behavior, content and interactive behavior, device environment information, and negative behavior information. For example, the page access data may be that the target user browsed 5 confinement nanny posts with an average stay time of 1.5 minutes; the search and screening behavior may be the search keywords "confinement meal preparation" and "night care", etc. Content and interactive behavior may be collecting 2 posts, submitting an appointment, liking or commenting on a post, etc. The device environment may be using an Android phone to access a life service platform in city A. Negative behavior may be a cancellation of payment behavior for post A.

[0032] Among them, an image element is a visual unit that can be independently configured and dynamically rendered in a user interface. Image elements can include, but are not limited to: basic visual units, composite visual units, dynamic visual units, and interactive visual units, etc. Basic visual units include, but are not limited to: text, images (such as background images or animated gifs, etc.), geometric figures, irregular figures, decorative figures, and irregular figures, etc.; composite visual units include, but are not limited to: cards, charts, and maps, etc.; dynamic visual units include, but are not limited to: animations, videos, and dynamic emoticons, etc.; interactive visual units include, but are not limited to: buttons, pop-up windows or floating layers, etc.

[0033] Among them, multiple image elements can be generated according to the behavior data generated by the target user within a specified period. The user behavior data can be dynamically analyzed to generate personalized image elements that match the user's needs, and the pertinence of the first information object can be enhanced through the personalized image elements.

[0034] In this embodiment, multiple image elements are filled into the area to be filled of the first information object to obtain a second information object. Among them, the implementation manner of filling is not limited. For example, multiple layout templates of the area to be filled can be preset, and different layout templates correspond to different layout information of the image elements and different numbers of image elements. The optimal template is automatically matched according to the number and size of the multiple image elements. Another example is that based on a pre-trained model, using the law of visual attraction, multiple image elements are filled into the area to be filled to obtain the layout information of the multiple image elements in the area to be filled.

[0035] In this embodiment, the multiple image elements included in the second information object are displayed on a second page. The second page includes a container view component for carrying the multiple image elements, and the container view component is nested in a first interactive view component. The first interactive view component is used to detect a second user operation on the multiple image elements. Figure 3 Exemplarily, a second page is shown. The second page includes multiple image elements. Taking 5 texts and 1 background image as an example for illustration. Among them, the 5 texts are respectively: Gold Medal Maternal and Infant Care Worker, Live-in Nanny, Can Be Returned at Any Time if Not Satisfied (Professional), Hospital Nurse / Gold Medal Baby Care Worker / Elderly Caretaker / Cleaning Service, and Professional Service Gold Medal Maternal and Infant Care Worker.

[0036] Among them, the container view component is a user interface (UI) component used to lay out multiple image elements for Cinderella. The container view component can be any UI component capable of laying out multiple image elements. For example, the container view component can include, but is not limited to: grid view or list view, etc. Among them, the layout attributes of the container view component (such as size, shape, or position on the second page, etc.) and the layout attributes of multiple image elements (such as size, shape, or position in the container view component, etc.) can be configured as needed. Image elements can be dynamically added to the container view component.

[0037] Among them, the container view component is nested in the first interactive view component. It can be considered that the first interactive view component is the parent component of the container view component. The first interactive view component is responsible for detecting a second user operation on any one of the image elements included in the container view component.

[0038] Among them, the second user operation can include, but is not limited to: zoom operation, drag operation, rotation operation, etc. The implementation method of the second user operation is not limited. For example, the second user operation can include, but is not limited to: interactive operations in various ways such as touch operation, gesture operation, voice operation, head movement operation, eye movement operation, etc.; among them, the touch operation includes, but is not limited to: click operation, double-click operation, long-press operation, slide operation, pinch operation, or mouse hover operation, etc. It should be noted that the second user operation can be a gesture operation by the user on the touch screen or a mouse operation, etc. For example, the second user operation can be a pinch gesture (handlePinch) or a drag gesture.

[0039] Among them, the target user can perform a second interactive operation on any one of the image elements. When the first interactive view component detects the second user operation, it passes the interaction parameters of the second user operation to the container view component, and controls the container view component to perform a linkage adjustment on the size and / or pose of multiple image elements according to the interaction parameters, so that multiple image elements change following the second user operation. Through the second interactive operation on any one of the image elements, the linkage adjustment of multiple image elements is realized, the operation is simple, the interaction efficiency is improved, and the service conversion rate of information objects is increased.

[0040] In the embodiments of the present application, for each information object, multiple image elements matching the user's needs are dynamically generated, and the pertinence of the information object is enhanced through personalized image elements. In addition, a container view component is used to carry multiple image elements, and the container view component is nested in an interactive view component. The interactive view component detects user operations on any of the image elements and passes them to the container view component to control the container view component to perform linkage adjustment on multiple image elements, so that the multiple image elements change following the second user operation, simplifying the user operation logic, reducing the separate operation bindings for multiple image elements, improving the maintainability of the code and the user's interaction experience, and helping to improve the service conversion rate of the information object.

[0041] In an alternative embodiment, the implementation manner of displaying multiple image elements included in the second information object on the second page is not limited. The following provides an implementation manner of displaying multiple image elements included in the second information object on the second page. The second information object is displayed on the third page, and the third page includes a second interactive view component for carrying multiple image elements. The second interactive view component is used to detect a third user operation on the multiple image elements; if the second interactive view component detects the third user operation, the multiple image elements are displayed on the second page.

[0042] Among them, the third user operation may include, but is not limited to, various interactive operations such as touch operations, gesture operations, voice operations, head movement operations, and eye movement operations; among them, touch operations include, but are not limited to, click operations, double-click operations, long-press operations, swipe operations, pinch operations, or mouse hover operations, etc.

[0043] Among them, the third page may be the detail page of the second information object. The third page includes: the name of the second information object, service content, price information, geographical location, contact information of the merchant, and multiple image elements. The display states of the multiple image elements on the third page and on the second page are different. The different display states may reflect at least one of the following aspects: size change, color and style conversion, and enhanced interactivity, etc.

[0044] For example, in order to accelerate the loading speed of multiple image elements, the multiple image elements may be displayed at a first resolution on the third page. In order to enable the user to view more details, the multiple image elements may be displayed at a second resolution on the second page, where the first resolution is lower than the second resolution.

[0045] For another example, multiple image elements on the third page may be in black and white or grayscale mode to provide a consistent visual experience or emphasize a certain emotional tone; on the second page, the multiple image elements become colored to increase vividness and attractiveness. For yet another example, the multiple image elements on the third page are displayed as static elements; the multiple image elements on the second page are displayed as interactive objects. For example, clicking on a certain image element can play a video, display more information, or trigger other dynamic effects, etc.

[0046] Exemplarily, Figure 4 Disclose a schematic diagram of a third page, which includes detailed information of a first information object. Additionally, the third page further includes: an area filled with multiple image elements, and this area corresponds to the area to be filled, that is, the multiple image elements are filled in the area to be filled.

[0047] In an alternative embodiment, the implementation manner of passing the interaction parameters of the second user operation to the container view component when the first interaction view component detects the second user operation is not limited. The following is an exemplary description. The second user operation can be implemented as a zoom operation or a drag operation. Create a first recognizer for detecting the zoom operation and a second recognizer for detecting the drag operation; associate the first recognizer and the second recognizer with the first interaction view component.

[0048] For example, if the second user operation is implemented as a zoom operation and the first recognizer detects the zoom operation, then the zoom ratio corresponding to the zoom operation is passed to the container view component.

[0049] For another example, if the second user operation is implemented as a drag operation and the second recognizer detects the drag operation, then the drag distance corresponding to the drag operation is passed to the container view component.

[0050] For yet another example, if the second user operation is implemented as a zoom operation and a drag operation, when the first recognizer detects the zoom operation, the zoom ratio corresponding to the zoom operation is passed to the container view component, and when the second recognizer detects the drag operation, the drag distance corresponding to the drag operation is passed to the container view component.

[0051] Among them, depending on the development platform of the life service platform, the first recognizer and the second recognizer are also different. For example, the development platform may include but is not limited to: Android, IOS, and World Wide Web. Depending on the second user operation, the implementation methods of the first recognizer and the second recognizer are also different. For example, if the second user operation is implemented as a gesture operation, the first recognizer and the second recognizer are respectively a zoom gesture recognizer and a drag gesture recognizer. For another example, if the second user operation is implemented as a mouse operation, the first recognizer and the second recognizer are respectively a mouse sliding recognizer and a mouse movement recognizer.

[0052] For example, when the second user operation is a gesture interaction operation, the first recognizer may be a zoom gesture recognizer (UIPinchGestureRecognizer), which may obtain the zoom ratio of the zoom operation. The second recognizer may be a drag gesture recognizer (UIPanGestureRecognizer), which may obtain the drag distance information.

[0053] Optionally, the implementation method of controlling the container view component to adjust the sizes or postures of multiple image elements in a linked manner according to the interaction parameters so that the multiple image elements follow the changes of the second user operation is not limited.

[0054] For example, when the second user operation is a zoom operation, the size of the container view component is adjusted based on the zoom ratio; according to the size of the container view component, combined with the relative layout information of the container view component and the multiple image elements, the sizes of the multiple image elements are adjusted.

[0055] For another example, when the second user operation is a drag operation, the center point position of the container view component is adjusted based on the drag position; according to the center point position of the container view component and combined with the relative layout information of the container view component and the multiple image elements, the posture of the multiple image elements is adjusted.

[0056] For another example, when the second user operation is a zoom operation and a drag operation, the size of the container view component is adjusted based on the zoom ratio, and the center point position of the container view component is adjusted based on the drag position; according to the center point position and size of the container view component and in combination with the relative layout information of the container view component and the multiple image elements, the posture of the multiple image elements is adjusted.

[0057] Among them, in the case of a zoom operation detected by the first recognizer, the zoom ratio (gesture.scale) of the zoom operation is used as a parameter to call the affine transformation zoom function (CGAffineTransformScale) to create a zoom transformation matrix. Based on this zoom transformation matrix, the transformation property information of the container view component is adjusted, thereby achieving the zoom effect for the container view component. In the case of a drag operation detected by the first recognizer, based on the distance information of the drag, the position of the center point (center) of the container view component is adjusted to dynamically update the position of the container view component. In this way, the user can directly perform overall zooming and dragging on the container view component through the second user operation (such as a gesture interaction operation), rather than just a single image element.

[0058] Further optionally, the container view component includes a plurality of user interface controls for hosting a plurality of image elements. The user interface controls are sub-views of the container view component, and their sizes and / or poses are defined relative to the container view component, that is, there is a relative pose relationship between each image element and the container view component; the plurality of image elements include at least one text information and a background image. Among them, different target users, different information objects, and different service types can correspond to different text information to provide personalized information for the target user specifically. Further, the plurality of user interface controls include: at least one text control for hosting at least one text information, and an image control for hosting the background image. The container view hosts the text control or the image control.

[0059] In an alternative embodiment, the implementation manner of presenting the first page is not limited. For example, the target user can perform a search operation on the search page provided by the life service platform. For example, the search page includes a search box, and the target user can enter a search term in the search box. The life service platform can respond to the search operation of the target user and present the first page. At least one information object included on the first page is adapted to the search term of the search operation, that is, it can be understood that at least one information object is the search result information obtained by searching based on the search term; a specific implementation manner of generating a plurality of image elements in response to the first user operation of the target user on the first information object according to the behavior data generated by the target user within a specified period includes: responding to the first user operation of the target user on the first information object, and generating a plurality of image elements according to the search term, the historical record information of the target user, and the description information and background image of the first information object.

[0060] Among them, the search term of the target user is used to indicate the service keywords required by the target user. For example, the search term is specifically input by the target user. For example, the search term includes but is not limited to: gold medal maternity nurses, live-in nannies, hospital caregivers, etc. The historical record information of the target user may include but is not limited to: historical search records, historical access records, historical browsing records, historical comment records, and historical favorite records, etc. The description information of the first information object may include but is not limited to: introduction information such as the name, function, and service content of the first information object. The background image of the first information object may be an image that can reflect the service information of the information object.

[0061] Optionally, the implementation manner of generating multiple image elements based on the search term, the historical record information of the target user, the description information and the background image of the first information object is not limited. For example, the search term, the historical record information of the target user, the description information and the background image of the first information object are input into a prompt template to obtain a prompt; the prompt includes task description information, and the task description information is used to indicate the task that the text generation model needs to complete; the prompt is input into the text generation model, and at least one text information is generated according to the task description information; at least one text information and the background image of the first information object are used as multiple image elements. For example, the text information may include but is not limited to: the current search term, historical search records, comment information, and variations of the above information, etc.

[0062] Among them, the prompt template may include: role, task description information, background, and requirements, etc. Among them, the role is the occupation or identity played by the text generation model, what personality traits this occupation has, or what special skills this identity has. For example, the role played by the text generation model is a text generator; the background refers to some context information required for the role to complete the task, so that the text generation model can better understand the task background and relevant details. For example, the description information for each service category, etc. The task description information refers to the specific task or goal completed by the role. For example ， Generate at least one text information adapted to the target user based on the input content. The limit refers to the specific requirements or restrictive conditions for the role to complete the task. For example, the content requirements of the output data and the time limit of the output data, etc. Among them, the content requirements may include but are not limited to: format requirements, output data type requirements, removing sensitive information, removing modal particles, etc.

[0063] Among them, the implementation manner of obtaining the prompt by inputting the search term, the historical record information of the target user, the description information of the first information object, and the background image into the prompt template is not limited. For example, the historical record information of the target user and the description information of the first information object can be added to the background information of the prompt template. For the search term and the background image of the first information object, a first blank prompt and a second blank prompt are respectively reserved in the prompt template; the search term is filled into the first blank prompt, and the background image of the first information object is filled into the second blank prompt.

[0064] Among them, the text generation model may include: large language model (LLM) or LLMs (Large Language Models), such as GLM (General Language Model) or a variant model of the above model, etc. The LLM includes: an encoder, a decoder, a self-attention layer, and a feed-forward neural network, etc. The encoder is used to understand the semantics of the input text. The decoder is used to generate the output text. The self-attention layer allows the words at each position to pay attention to the words at other positions in the sentence, so as to better capture the context information. The feed-forward neural network performs a non-linear transformation on the representation of each position. When required to generate text, the LLM can generate the next most likely word character by character from left to right according to the given prompt. Different sampling strategies, such as greedy search, beam search, or temperature-adjusted sampling, can be applied in this process to control the diversity of the generated text.

[0065] Regarding the Figure 1 The detailed implementation manners and beneficial effects of the steps in the method shown have been described in detail in the foregoing embodiments, and will not be elaborated herein.

[0066] It should be noted that the execution subject of each step of the method provided in the above embodiment can be the same device, or the method can also be executed by different devices as the execution subject. For example, the execution subject of steps 101 to 103 can be device A; for another example, the execution subject of steps 101 and 102 can be device A, and the execution subject of step 103 can be device B; and so on.

[0067] In addition, in some of the processes described in the above embodiments and the accompanying drawings, a plurality of operations appear in a specific order. However, it should be clearly understood that these operations may not be executed in the order in which they appear herein or may be executed in parallel. The operation numbers such as 101 and 102 are only used to distinguish different operations, and the numbers themselves do not represent any execution order. In addition, these processes may include more or fewer operations, and these operations may be executed in sequence or in parallel. It should be noted that the descriptions such as "first" and "second" in this article are used to distinguish different messages, devices, modules, etc., and do not represent a sequence, nor do they limit that "first" and "second" are of different types.

[0068] Figure 5 FIG. is a schematic structural diagram of an electronic device provided by an exemplary embodiment of the present application. As Figure 5 shown, the device includes: a memory 54 and a processor 55.

[0069] The memory 54 is used to store computer programs and can be configured to store various other data to support operations on the electronic device. Examples of such data include instructions for any application program or method for operating on the electronic device.

[0070] The processor 55 is coupled to the memory 54 and is used to execute the computer program in the memory 54 for: displaying a first page, where the first page includes at least one information object, and each information object includes an area to be filled; in response to a first user operation of a target user on a first information object, generating a plurality of image elements according to the behavior data generated by the target user within a specified period, and filling the plurality of image elements into the area to be filled of the first information object to obtain a second information object; displaying the plurality of image elements included in the second information object on a second page, where the second page includes a container view component for carrying the plurality of image elements, and the container view component is nested in a first interactive view component, and the first interactive view component is used to detect a second user operation on the plurality of image elements; if the first interactive view component detects the second user operation, passing the interaction parameters of the second user operation to the container view component, and controlling the container view component to perform a linkage adjustment on the size and / or pose of the plurality of image elements according to the interaction parameters, so that the plurality of image elements change following the second user operation.

[0071] In an optional embodiment, when the processor 55 displays the plurality of image elements included in the second information object on the second page, it is specifically used for: displaying the second information object on a third page, where the third page includes a second interactive view component for carrying the plurality of image elements, and the second interactive view component is used to detect a third user operation on the plurality of image elements; if the second interactive view component detects the third user operation, displaying the plurality of image elements on the second page.

[0072] In an optional embodiment, the second user operation includes a zoom operation and / or a drag operation. If the first interactive view component detects the second user operation, the processor 55, when passing the interaction parameters of the second user operation to the container view component, is specifically used to: create a first identifier for detecting a zoom operation and a second identifier for detecting a drag operation; associate the first identifier and the second identifier with the first interactive view component; if the first identifier detects a zoom operation, pass the zoom ratio corresponding to the zoom operation to the container view component; and / or, if the second identifier detects a drag operation, pass the drag distance corresponding to the drag operation to the container view component.

[0073] Optionally, when the processor 55 controls the container view component to make linkage adjustments to the sizes or postures of multiple image elements according to the interaction parameters so that the multiple image elements follow the changes in the second user operation, it is specifically used to: adjust the size of the container view component based on the zoom ratio; adjust the sizes of the multiple image elements according to the size of the container view component in combination with the relative layout information of the container view component and the multiple image elements; and / or adjust the center point position of the container view component based on the dragging position; adjust the postures of the multiple image elements according to the center point position of the container view component in combination with the relative layout information of the container view component and the multiple image elements.

[0074] Further optionally, the container view component includes multiple user interface controls for carrying multiple image elements, the user interface controls serve as subviews of the container view component, and their sizes and / or postures are defined relative to the container view component; the multiple image elements include at least one text information and a background image, at least one text information is adapted to the service description information of the first information object, and different target users correspond to different text information; the multiple user interface controls include: at least one text control for carrying at least one text information, and an image control for carrying a background image.

[0075] In an optional embodiment, when displaying the first page, the processor 55 is specifically used to: in response to a search operation of the target user, display the first page, wherein at least one information object included on the first page is adapted to the search term of the search operation; when the processor 55 generates multiple image elements in response to a first user operation of the target user on the first information object, according to the behavior data generated by the target user within a specified time period, the processor 55 is specifically used to: in response to the first user operation of the target user on the first information object, generate multiple image elements according to the search term, the historical record information of the target user, and the description information and background image of the first information object.

[0076] Optionally, when generating multiple image elements according to the search term, the historical record information of the target user, and the description information and background image of the first information object, the processor 55 is specifically configured to: input the search term, the historical record information of the target user, the description information of the first information object, and the background image into a prompt template to obtain a prompt; the prompt includes task description information for indicating the task that the text generation model needs to complete; input the prompt into the text generation model, and generate at least one text message according to the task description information; use the at least one text message and the background image of the first information object as multiple image elements.

[0077] Regarding the Figure 5 detailed implementation manners and beneficial effects of each step in the device shown have been described in detail in the foregoing embodiments, and will not be elaborated herein.

[0078] Further, as Figure 5 shown, the electronic device further includes: other components such as a communication component 56, a display 57, a power supply component 58, and an audio component 59. Figure 5 Only some components are schematically shown, and it does not mean that the electronic device only includes Figure 5 the components shown. Additionally, Figure 5 the components within the dashed box in Figure 5 are optional components, rather than essential components, and can be determined according to the product form of the electronic device. The electronic device in this embodiment can be implemented as a desktop computer, a laptop computer, a smart phone, or an IOT (Internet of Things) device, as well as a smart wearable device (such as a smart watch, a smart bracelet), etc., or can also be a server-side device such as a conventional server, a cloud server, or a server array. If the electronic device in this embodiment is implemented as a terminal device such as a desktop computer, a laptop computer, or a smart phone, it can include Figure 5 the components within the dashed box in

[0079] Correspondingly, the embodiment of the present application further provides a computer-readable storage medium storing a computer program, and when the computer program is executed, it can implement each step executable by the electronic device in the above Figure 1 shown method embodiment.

[0080] Correspondingly, the embodiment of the present application further provides a computer program product, including a computer program / instructions, and when the computer program / instructions are executed by a processor, the processor is caused to implement each step executable by the electronic device in the above Figure 1 shown method embodiment.

[0081] The above-mentioned memory can be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disk or optical disk.

[0082] The above-mentioned communication component is configured to facilitate communication, in a wired or wireless manner, between the device where the communication component is located and other devices. The device where the communication component is located can access a wireless network based on a communication standard, such as WiFi, 2G, 3G, 4G / LTE, 5G and other mobile communication networks, or a combination thereof. In an exemplary embodiment, the communication component receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component further includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology and other technologies.

[0083] The above-mentioned display includes a screen, and the screen can include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen can be implemented as a touch screen to receive input signals from a user. The touch panel includes one or more touch sensors to sense touches, swipes and gestures on the touch panel. The touch sensors can not only sense the boundaries of touch or swipe actions, but also detect the duration and pressure associated with the touch or swipe operation.

[0084] The above-mentioned power supply component provides power for various components of the device where the power supply component is located. The power supply component can include a power management system, one or more power supplies, and other components associated with generating, managing and distributing power for the device where the power supply component is located.

[0085] The above audio component can be configured to output and / or input audio signals. For example, the audio component includes a microphone (Microphone, MIC). When the device where the audio component is located is in an operating mode, such as a call mode, a recording mode, and a voice recognition mode, the microphone is configured to receive external audio signals. The received audio signals can be further stored in a memory or sent via a communication component. In some embodiments, the audio component further includes a speaker for outputting audio signals.

[0086] Those skilled in the art should understand that the embodiments of the present application can be provided as a method, a system, or a computer program product. Therefore, the present application can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Moreover, the present application can take the form of a computer program product implemented on one or more computer-readable storage media (including but not limited to disk memories, compact disc read-only memories (CD-ROMs), optical memories, etc.) containing computer-usable program code.

[0087] The present application is described with reference to the flowcharts and / or block diagrams of methods, devices (systems), and computer program products according to the embodiments of the present application. It should be understood that each flow and / or block in the flowchart and / or block diagram, and the combination of flows and / or blocks in the flowchart and / or block diagram, can be implemented by computer program instructions. These computer program instructions can be provided to the processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing devices to generate a machine, such that the instructions executed by the processor of the computer or other programmable data processing devices generate means for implementing the functions specified in Figure 1 one flow or multiple flows and / or blocks Figure 1 one block or multiple blocks.

[0088] These computer program instructions can also be stored in a computer-readable memory that can direct a computer or other programmable data processing device to work in a specific manner, such that the instructions stored in the computer-readable memory generate a manufactured article including instruction means that implement the functions specified in Figure 1 one flow or multiple flows and / or blocks Figure 1 one block or multiple blocks.

[0089] These computer program instructions can also be loaded onto a computer or other programmable data processing device, such that a series of operation steps are executed on the computer or other programmable device to generate a computer-implemented process. Thus, the instructions executed on the computer or other programmable device provide means for implementing the functions specified in Figure 1One or more processes and / or boxes Figure 1 Steps of the functions specified in one box or more boxes.

[0090] In a typical configuration, a computing device includes one or more processors (Central Processing Unit, CPU), an input / output interface, a network interface, and memory.

[0091] The memory may include non-permanent memory in the computer-readable medium, in the form of random access memory (Random Access Memory, RAM) and / or non-volatile memory such as read-only memory (ROM) or flash RAM. The memory is an example of a computer-readable medium.

[0092] Computer-readable media includes permanent and non-permanent, removable and non-removable media that can store information by any method or technology. The information can be computer-readable instructions, data structures, program modules, or other data. Examples of computer storage media include, but are not limited to, phase change random access memory (Phase-change Random Access Memory, PRAM), static random access memory (SRAM), dynamic random access memory (Dynamic Random Access Memory, DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technologies, compact disc read-only memory (CD-ROM), digital versatile disc (Digital Video Disc, DVD) or other optical storage, magnetic cassette tapes, magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, computer-readable media does not include transitory computer-readable media such as modulated data signals and carrier waves.

[0093] It should also be noted that the term "comprising", "including" or any other variant thereof is intended to cover non-exclusive inclusion, such that a process, method, commodity or device comprising a series of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such process, method, commodity or device. Without further limitation, an element defined by the statement "comprising an..." does not exclude the presence of additional identical elements in the process, method, commodity or device comprising the element.

[0094] The above are only embodiments of the present application and are not intended to limit the present application. For those skilled in the art, various changes and modifications can be made to the present application. Any modification, equivalent replacement, improvement, etc. made within the spirit and principle of the present application shall be included within the scope of the claims of the present application.

Claims

1. A page processing method, characterized in that: include: Displaying a first page, wherein the first page includes at least one information object, each of which includes an area to be filled; In response to a first user operation of a target user on a first information object, generating a plurality of image elements according to behavior data generated by the target user within a specified period of time, and filling the plurality of image elements into a to-be-filled area of ​​the first information object to obtain a second information object; Displaying multiple image elements included in the second information object on a second page, wherein the second page includes a container view component for carrying the multiple image elements, the container view component is nested in a first interactive view component, and the first interactive view component is used to detect a second user operation on the multiple image elements; If the first interactive view component detects the second user operation, the interaction parameters of the second user operation are passed to the container view component, and the container view component is controlled to adjust the size and / or posture of the multiple image elements in a linked manner according to the interaction parameters, so that the multiple image elements follow the changes of the second user operation.

2. The method according to claim 1, characterized in that Displaying the plurality of image elements included in the second information object on the second page includes: Displaying the second information object on a third page, wherein the third page includes a second interactive view component for carrying the plurality of image elements, and the second interactive view component is used to detect a third user operation on the plurality of image elements; If the second interactive view component detects the third user operation, the multiple image elements are displayed on the second page.

3. The method according to claim 1, characterized in that The second user operation includes a zoom operation and / or a drag operation. If the first interactive view component detects the second user operation, passing the interaction parameter of the second user operation to the container view component includes: Create a first recognizer for detecting a zoom operation and a second recognizer for detecting a drag operation; associating the first identifier and the second identifier to the first interactive view component; If the first identifier detects a zoom operation, the zoom ratio corresponding to the zoom operation is passed to the container view component; and / or, If the second identifier detects a drag operation, the drag distance corresponding to the drag operation is passed to the container view component.

4. The method according to claim 3, characterized in that Controlling the container view component to adjust the sizes or postures of the multiple image elements in a linked manner according to the interaction parameter so that the multiple image elements change with the second user operation, including: Based on the scaling ratio, adjusting the size of the container view component; and adjusting the size of the multiple image elements according to the size of the container view component and in combination with relative layout information of the container view component and the multiple image elements; and / or, Based on the dragging position, the center point position of the container view component is adjusted; according to the center point position of the container view component and in combination with the relative layout information of the container view component and the multiple image elements, the posture of the multiple image elements is adjusted.

5. The method according to claim 4, characterized in that The container view component includes a plurality of user interface controls for carrying the plurality of image elements, the user interface controls being subviews of the container view component, and their sizes and / or postures being defined relative to the container view component; The multiple image elements include at least one text information and a background image, the at least one text information is adapted to the service description information of the first information object, and different target users correspond to different text information; the multiple user interface controls include: at least one text control for carrying the at least one text information, and an image control for carrying the background image.

6. The method according to any one of claims 1 to 5, characterized in that: Display the first page, including: In response to a search operation of a target user, displaying a first page, wherein at least one information object included on the first page is adapted to a search term of the search operation; In response to a first user operation of a target user on a first information object, multiple image elements are generated according to behavior data generated by the target user within a specified time period, including: In response to a first user operation of a target user on a first information object, a plurality of image elements are generated according to the search term, the historical record information of the target user, and the description information and background image of the first information object.

7. The method according to claim 6, characterized in that Generate multiple image elements according to the search term, the historical record information of the target user, and the description information and background image of the first information object, including: Inputting the search term, the historical record information of the target user, the description information of the first information object and the background image into a prompt word template to obtain a prompt word; the prompt word includes task description information, which is used to indicate the task that the text generation model needs to complete; Inputting the prompt word into a text generation model, and generating at least one text information according to the task description information; The at least one text information and the background image of the first information object are used as a plurality of image elements.

8. An electronic device, characterized in that: include: Memory and processor; The memory is used to store a computer program; the processor is coupled to the memory and is used to execute the computer program to implement the steps in the method according to any one of claims 1 to 7.

9. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the processor is caused to implement the steps in the method according to any one of claims 1 to 7.

10. A computer program product comprising a computer program / instructions, characterized in that When the computer program / instructions are executed by a processor, the processor is caused to implement the steps in the method of any one of claims 1-7.

Images