Component editing method and device, equipment and medium

Abstract

The embodiment of the invention discloses a component editing method and device, equipment and a medium, and is applied to the technical field of Internet. The method comprises the steps of displaying a first object page of a target object; in response to an editing trigger operation for the first object page, displaying a second object page, and displaying the component area and an editable identification element associated with the component area on the second object page; in response to an editing trigger operation for the component area, displaying a component editing page, and displaying at least one business component on the component editing page; and in response to an editing confirmation operation for a target business component in the at least one business component, displaying the first object page, and displaying the target business component in a component area of the first object page. By adopting the embodiment of the invention, the component display and editing flexibility on the personal homepage can be improved.

Description

Technical Field

[0001] This application relates to the field of Internet technologies, specifically to the field of data display technologies, and particularly to a component editing method, apparatus, device, and medium. Background Art

[0002] Currently, business components can be displayed on a user's home page, and these business components can be used to display business data of a certain business that the user has executed (for example, a live broadcast component can be displayed on the home page, and the user's live broadcast can be shown on this live broadcast component; or a user's store component can be displayed on the home page). Among them, existing business components do not support users to perform custom editing, and the component display method is relatively fixed, unable to meet the personalized needs of users. For example, if a user executes a certain business, the corresponding business component will be displayed on the home page. In this way, when the user executes too many businesses, a large number of business components may be displayed on the home page, making the business display on the home page too messy and the user experience poor. Therefore, how to improve the flexibility of component display and editing on the personal home page is an urgent problem to be solved. Summary of the Invention

[0003] Embodiments of this application provide a component editing method, apparatus, device, and medium, which can achieve personalized customization of components on an object page to improve the flexibility of component display and editing on the personal home page.

[0004] On the one hand, embodiments of this application provide a component editing method, which includes:

[0005] Display a first object page of a target object; wherein, the first object page includes a component area, and the component area is used to display business components of the target object;

[0006] In response to an editing trigger operation on the first object page, display a second object page, and display a component area and an editable identification element associated with the component area on the second object page; the second object page is the first object page in an editing mode;

[0007] In response to an editing trigger operation on the component area, display a component editing page, and display at least one business component on the component editing page;

[0008] In response to an editing confirmation operation on a target business component among the at least one business component, display the first object page, and display the target business component in the component area of the first object page.

[0009] On the one hand, embodiments of this application provide a component editing apparatus, which includes:

[0010] A page display module, configured to display a first object page of a target object; wherein, the first object page includes a component area, and the component area is configured to display business components of the target object;

[0011] A component editing module, configured to display a second object page in response to an edit trigger operation on the first object page, and display a component area and an editable identification element associated with the component area on the second object page; the second object page is the first object page in an edit mode;

[0012] The component editing module is further configured to display a component editing page in response to an edit trigger operation on the component area, and display at least one business component on the component editing page;

[0013] The component editing module is further configured to display the first object page in response to an edit confirmation operation on a target business component among at least one business component, and display the target business component in the component area of the first object page.

[0014] On the one hand, an embodiment of the present application provides an electronic device, which includes a processor and a memory. Among them, the memory is used to store a computer program, and the computer program includes program instructions. The processor is configured to call the program instructions to execute some or all of the steps in the above method.

[0015] On the one hand, an embodiment of the present application provides a computer-readable storage medium, which stores a computer program, and the computer program includes program instructions. When the program instructions are executed by a processor, they are used to execute some or all of the steps in the above method.

[0016] Correspondingly, according to one aspect of the present application, a computer program product or a computer program is provided. The computer program product or the computer program includes computer instructions, and when the computer instructions are executed by a processor, some or all of the steps in the above method can be implemented.

[0017] In the embodiments of the present application, a second object page can be displayed through an editing trigger operation on the first object page of the target object. The second object page is the first object page in an editing mode. A component area and an editable identification element associated with the component area can be displayed on the second object page, indicating that component editing can be performed on the business components in the component area. For example, through an editing trigger operation on the component area, a component editing page can be displayed, and at least one business component can be displayed on the component editing page. The at least one business component can be used to edit the business components in the component area. In response to an editing confirmation operation for a target business component among the at least one business components, when the first object page is displayed, the target business component confirmed through editing by the target object can be displayed in the component area of the first object page. This can enable the target object to edit the business components by itself and display them on the component area, achieving personalized customization of the components on the object page, so as to improve the flexibility of component display and editing on the object page, as well as the user experience of viewing and editing business components. In addition, it can be directly triggering the editing of the business components in the component area on the editable second object page, achieving what you see is what you get for business component editing, and enabling more intuitive and convenient viewing and editing of business components. BRIEF DESCRIPTION OF THE DRAWINGS

[0018] To more clearly illustrate the technical solutions of the embodiments of the present application, the following will briefly introduce the drawings required for the description of the embodiments. Obviously, the drawings in the following description are some embodiments of the present application. For those of ordinary skill in the art, other drawings can be obtained based on these drawings without creative efforts.

[0019] Figure 1 FIG. [ID] is a schematic diagram of a network architecture provided by an embodiment of the present application;

[0020] Figures 2a - 2b FIG. [ID] is a schematic diagram of a component display scenario provided by an embodiment of the present application;

[0021] Figure 3 FIG. [ID] is a schematic flowchart of a component editing method provided by an embodiment of the present application;

[0022] Figures 4a - 4c FIG. [ID] is a schematic diagram of a second object page provided by an embodiment of the present application;

[0023] Figures 4d - 4e FIG. [ID] is a schematic diagram of a trigger scenario for component editing provided by an embodiment of the present application;

[0024] Figures 5a - 5d FIG. [ID] is a schematic diagram of a scenario for editing components provided by an embodiment of the present application;

[0025] Figure 6Schematic flowchart of another component editing method provided by an embodiment of the present application;

[0026] Figures 7a - 7j Schematic diagram of an editing scenario of a service component provided by an embodiment of the present application;

[0027] Figure 8 Schematic flowchart of yet another component editing method provided by an embodiment of the present application;

[0028] Figures 9a - 9h Schematic diagram of a guiding scenario for adding a component provided by an embodiment of the present application;

[0029] Figure 10 Schematic interaction flowchart of a component editing method provided by an embodiment of the present application;

[0030] Figures 11a - 11b Schematic interaction flowchart of a component display provided by an embodiment of the present application;

[0031] Figure 12 Schematic structural diagram of a component editing device provided by an embodiment of the present application;

[0032] Figure 13 Schematic structural diagram of an electronic device provided by an embodiment of the present application. Detailed implementation manners

[0033] The component editing method proposed in the embodiments of the present application is implemented on an electronic device, which can be a server or a terminal. Among them, the server can be an independent physical server, a server cluster or a distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, and big data and artificial intelligence platforms. The terminal can be a smart phone, a tablet computer, a notebook computer, a desktop computer, etc., but is not limited thereto.

[0034] Among them, in the description of the embodiments of the present application, the object page involved refers to the object home page of the target object. For example, the target object can be an account (user), a virtual object (intelligent agent, such as a robot, etc.). Taking an account as an example, the object home page is the account home page of the account, which can be used to display relevant account information of the account, relevant published content (such as published content, liked or collected published content, etc.), and business components confirmed by editing.

[0035] Among them, the object page is divided into the primary state and the guest state. When a user views their own object page, the object page is in the primary state. When a user views the object page of another account, the object page is in the guest state. Among them, the user can edit and display business components on their own object page, and the business components edited and displayed on the object page in the primary state can also be viewed on the object page in the guest state, that is, other users can view the business components customized by the user on the object page of the current user.

[0036] Among them, the published content involved can refer to notes (such as including text and images), short videos, medium-length videos, etc. pre-published by users on the content platform. Or, it can also be live broadcasts, moments (a short content for instant sharing and presence), evaluations of products or any type of point of interest (such as locations, music, etc.) or media data (such as movies, music), comments in notes, bullet screens, topic discussions, points of interest (such as group chats, live broadcasts, etc.), routes (such as cycling routes, strategy routes, etc.). The specific content information included in the published content applicable to different scenarios can be adjusted accordingly, and the content information in the published content can be determined by the publisher (such as the target object) itself. The specific type of the published content is not limited here.

[0037] Among them, the business components involved are components used to display business data related to the business. For example, the business component can be an evaluation display component, and the corresponding business is the evaluation publishing business. If a user performs a business behavior related to this business component (such as publishing an evaluation of an object (such as a location, movie, music, etc.)), at this time, the published evaluation can be displayed through the evaluation display component. Another example is that the business component can be a live broadcast display component, and the corresponding business is the live broadcast business. If a user performs a business behavior related to this business component (such as publishing a live broadcast preview), at this time, the published preview can be displayed through the live broadcast display component. The business components and the business behaviors related to the business components can be specifically set by business personnel.

[0038] Among them, the business components can vary according to the object type of the target object. For example, the target object can be divided into ordinary accounts and professional accounts (such as merchant accounts in the e-commerce field, certified official accounts, etc., taking merchant accounts as an example here), or virtual objects, etc. The business components that can be viewed by the object type of professional accounts can be more than those that can be viewed by the object type of ordinary accounts. The specific business components viewed by different object types can be specifically set by business personnel.

[0039] Among them, the business components on the first object page can be used to trigger the viewing of detailed business data. For example, triggering the evaluation display component can view all the evaluations released by the current user. Another example is that triggering the live broadcast display component can view all the live broadcast previews and live broadcast replays released by the current user, and so on. The information displayed after triggering the business component is not limited here and can be determined according to the business corresponding to the specific business component.

[0040] Among them, the term "in response to" involved indicates the state where the corresponding event occurs or the condition is satisfied. The execution timing of the subsequent actions executed in response to the event or condition and the time when the event occurs or the condition is established are not necessarily strongly correlated. For example, "in response to XX operation, execute the target step" means that when the "XX operation" is detected, it triggers the execution of the target step.

[0041] For example, in some cases, the subsequent actions can be immediately executed when the event occurs or the condition is satisfied; in other cases, the subsequent actions can be executed after a period of time after the event occurs or the condition is satisfied, that is, there can be an intermediate process between the corresponding event or condition and the subsequent actions executed.

[0042] Among them, the term "trigger operation" involved means an operation performed on a certain piece of information (such as a control), and through this operation, corresponding instructions can be sent to the electronic device to trigger the electronic device to execute the next task. The next tasks triggered by performing different trigger operations on different information can all be preset. The trigger operation can be contact operations such as clicking, double-clicking, long-pressing, and swiping, or other preset event operations, or can be other non-contact operations (such as voice instruction operations, etc.). In some cases, the trigger operation can also be executed by the electronic device based on a set program. It is not limited here.

[0043] Among them, a schematic diagram of a network architecture proposed by the component editing method can be as Figure 1 shown. The network architecture can include a server 100 (the number of servers is not limited) and a cluster of terminal devices (the number of terminal devices is not limited, such as terminal devices 200a, 200b,..., 200n). Among them, there can be a communication connection between the servers. At the same time, the server can have a communication connection with any terminal device so that the server can perform data interaction with the terminal device through this communication connection. Among them, the above communication connection is not limited to the connection method and can be directly or indirectly connected through a wired communication method, or can be directly or indirectly connected through a wireless communication method, or can be through other methods, and this application does not limit it here. In addition, it can be understood that the electronic device involved in the embodiments of this application can be Figure 1 the terminal device shown, or can also beFigure 1 The server shown in the figure.

[0044] It should be understood that Figure 1 Each terminal device in the terminal device cluster shown in the figure can be installed with an application client for component editing. Among them, the application client can be any type of client, such as a social client, an instant messaging client (for example, a meeting client), an entertainment client (for example, a live broadcast client), a multimedia client (for example, a video client), an information client (for example, a news information client), a shopping client, a multimedia client, etc., which have functions of displaying data information such as text, images, audio, and video. The specific type of the application client is not limited here.

[0045] For example, an application client refers to a client that can instantaneously send and receive Internet messages and has information functions, etc. Specifically, when the application client on the terminal device of the target object (such as the target account) (such as Figure 1 the terminal device 200a shown in the figure) accesses the first object page (account page) of the target account, it enters the second object page by triggering the page editing entry on the first object page, and triggers the component area on the second object page to display the component editing page. At least one business component displayed on the component editing page and the information displayed on each business component (such as business data related to the business component) can be obtained by the server based on the object basic data of the target account (that is, indicating the object type of the target account) and / or the historical behavior data of the target account (such as relevant business data can be obtained).

[0046] Optionally, the above-mentioned terminal device and server can be logically divided. Therefore, when referring to the terminal device and the server below, they can be the same device or different devices physically.

[0047] For ease of understanding, further, please refer to Figures 2a - 2b , Figures 2a - 2b which is a schematic diagram of a component display scenario provided by an embodiment of the present application. Among them, in Figure 2a , the client of the target object (such as the target account) can access the object page of the target account (the first object page 20a, which is in the main state at this time). A component area 21a can be displayed on the first object page, and the component area can be used to display the business components of the target account, such as an instant display component for displaying the released moments, or an evaluation display component for displaying the released evaluations, etc.

[0048] Among them, the target account can perform component editing on the business components in the component area on the first object page. For example, a page editing entry 21b can be displayed on the first object page, and by triggering this page component editing entry, the second object page 22a can be entered. The second object page is the first object page in the editing mode, that is, the information displayed on the first object page can be edited through the second object page.

[0049] Among them, the component area 21a is displayed on the second object page, and an editable identification element 22b associated with the component area is displayed. The editable identification element is used to indicate the editable attribute of the component area. For example, it indicates that the component area is in the editing mode at this time, and the business components in the component area can be edited. Among them, the editable identification element can be text and / or visual elements. For example, it refers to the area border that highlights the border of the component area, or it can also be the component editing entry displayed for the component area, or it can also be prompt text such as "double-click to edit the component".

[0050] Among them, the component area or the component editing entry can be triggered to enter the component editing page 22c where the business components on the component area can be component-edited.

[0051] Among them, in Figure 2b the component editing page 22c can display at least one business component. For example, the component editing page 22c can include a preview area 23a and an addition area 23b. At least one business component of the component editing page 22c includes the components displayed in the preview area 23a and the addition area 23b. The preview area can be used to preview the business components that can be displayed on the first object page. For example, at this time, the business components in the component area on the first object page before entering the component editing page can be displayed.

[0052] Among them, the addition area can display the business components that can be added to the preview area, that is, the component editing operation performed in the addition area can be an operation to add any business component to the preview area.

[0053] Optionally, the target account can also perform component editing operations on the business components in the preview area (such as deleting any business component, or moving any business component, etc.).

[0054] Therefore, an edit confirmation operation for the target business component among at least one business component can be performed on the component editing page. The target business component can be the business component to be displayed on the first object page after editing. For example, the component editing operation is an operation to trigger a specified business component 24a to add the specified business component 24a to the preview area.

[0055] In some embodiments, in response to adding a specified business component 24a, the specified business component 24a can be moved to the first or last position in the preview area.

[0056] Alternatively, it can also be that in response to deleting a specified business component in the preview area, the specified business component can be removed from the preview area or moved to the addition area. Alternatively, it can also be that in response to moving a specified business component in the preview area, the position of the specified business component is moved in the preview area (such as moving from the first position to the last position in the preview area).

[0057] Among them, relevant business data is displayed on the business components added to the preview area, that is, only the business components with business data in the addition area can be added to the preview area.

[0058] In this way, after confirming the business components in the preview area, they can be displayed as target business components in the component area. For example, it is possible to enter the first object page 21a, and display the target business component 24a determined in the preview area in the component area displayed on the first object page (such as a group chat display component for displaying the created group chat, or an instant display component for displaying the published instant, etc.). This can display the edited and confirmed business components to the current account and other objects on the first object page, achieving what you see is what you get. That is to say, what is edited on the component editing page is what is displayed on the first object page after confirmation.

[0059] Therefore, by displaying business components for carrying business data on one's own object page, it is convenient for other accounts to better understand the target account when viewing the object page of the target account. At the same time, for the business components displayed on the object page, the target account can also enter the component editing page through the object page in the editing mode to perform personalized customization on the component editing page, improving the interactivity, editing flexibility, display richness, intuitive nature of component editing, and the user experience of viewing and editing business components.

[0060] Among them, in the specific implementation of this application, when it comes to scenarios such as obtaining relevant data such as user information, such as obtaining user information (such as business data involved, etc.), user permission or consent is required. That is, when the embodiments of this application are applied to specific products or technologies, the collection, use, and processing of relevant user data comply with relevant laws, regulations, and standards in the relevant region. For example, a prompt message can be sent in the form of an interactive page to prompt specifically what data will be collected or obtained. Specifically, the types, contents, etc. of these data can be prompted to the user through a list or the like. Only after receiving a confirmation operation or instruction to allow data collection on the interactive page will further data collection, processing, etc. be carried out.

[0061] Among them, the above scenarios are only used as examples and do not constitute limitations on the application scenarios of the technical solutions provided by the embodiments of the present application. The technical solutions of the present application can also be applied to other scenarios. For example, as is known to those of ordinary skill in the art, with the evolution of the system architecture and the emergence of new business scenarios, the technical solutions provided by the embodiments of the present application are equally applicable to similar technical problems.

[0062] Based on the above description, an embodiment of the present application proposes a component editing method, which can be executed by the above-mentioned electronic device, specifically Figure 1 the terminal device shown. Please refer to Figure 3 , Figure 3 which is a schematic flowchart of a component editing method provided by an embodiment of the present application. As Figure 3 shown, the process of the component editing method of the embodiment of the present application may include the following:

[0063] S101. Display a first object page of a target object.

[0064] Among them, the target object can enter its own object page (the first object page, which is in the main state at this time). At this time, a component area can be displayed on the first object page, and this component area can be used to display business components or not display any business components.

[0065] Among them, relevant object information of the target object, and / or relevant published content (such as published content by the target object itself, or liked or collected published content, etc.) can also be displayed on the first object page.

[0066] Among them, one business can correspond to one or more business components. One business component can be used to display one or more pieces of business data corresponding to the business (such as business data obtained after performing relevant business actions, such as comments on locations, created group chats, published live broadcast previews, etc.). Here, the component type of the business component and the business data displayed by the business component are not limited, and can be specifically configured by business personnel or set by users themselves.

[0067] S102. In response to an editing trigger operation on the first object page, display a second object page, and display a component area and an editable identification element associated with the component area on the second object page.

[0068] Among them, the second object page is the first object page in the editing mode. That is, relevant information on the first object page can be edited on the second object page.

[0069] Alternatively, it can also be a component editing entry displayed for the component area, which enables the user to perceive that the component area can be edited. Herein, the display position of the component editing entry can be outside the component area or within the component area, which is not limited herein.

[0070] Among them, displaying the second object page can be to add an overlay on the component area in the first object page, so as to distinguish and display the component area and other areas through the overlay; the other areas are the non-editable areas on the first object page.

[0071] In some embodiments, the editable area (such as the component area) and the non-editable area can be distinguished and displayed through an overlay (a mask layer that blocks the first object page), that is, different display effects are achieved for the editable area and the non-editable area through the overlay. For example, different display effects are reflected through transparency. For example, the editable area is clearly displayed (such as set to a first transparency), and the non-editable area is blurred (such as set to a second transparency, where the second transparency is different from the first transparency and can be set by business personnel), so that the user can intuitively perceive the editable part on the first object page.

[0072] Among them, the first object page with an overlay added is the second object page.

[0073] For example, when the second object page displays a component area in the editing mode, an editable identification element can be displayed to indicate that the business components in the component area can be edited. Among them, the editable identification element can refer to a visual element of the area style of the component area (such as highlighting the area edge of the component area, such as adding a dotted border, or changing the area filling color of the component area, etc.).

[0074] Optionally, the editable identification element can be added on the component area and viewed through the overlay, or directly added to the range of the component area in the overlay.

[0075] For example, as Figures 4a - 4c shown, Figures 4a - 4c is a schematic diagram of a second object page provided by an embodiment of the present application; among them, in Figure 4a , the first object page 40a can display a page editing entry 41a. When the page editing entry is triggered to enter the second object page 40b in the case where the first object page does not include a component area, an initial component area (initial component area 41b) can be added to the first object page first, and then an overlay is added on the first object page to obtain the second object page 40b (that is, added on the component area in the first object page).

[0076] Among them, on the overlay layer, for the coverage area where the component area is located, it is displayed with a first transparency; for the coverage area where other areas are located, it is displayed with a second transparency.

[0077] Optionally, the first object page may also include an initial component area (that is, no business components are displayed in the component area, and the initial component area can be displayed to indicate to the user to edit the business components). Optionally, triggering the initial component area at this time can directly enter the component editing page. Among them, when triggering the page editing entry, the second object page 40b can also be entered.

[0078] Among them, the first object page includes one or more object information areas. One object information area is used to display one or more object information of the target object. For example, object avatar, object name, object introduction, object label, the attention data of the object, and the interaction data of the object, etc.

[0079] Among them, one object information area can display one type of object information. Or one object information area can display all object information.

[0080] Among them, at this time, the object information can also be edited on the second object page. That is, the object information area can belong to the editable area.

[0081] Therefore, one or more object information areas and editable identification elements associated with the one or more object information areas can be displayed on the second object page. Among them, in the second object page 40b, taking one object information area 42a as an example (including all object information).

[0082] Optionally, the display manner of the associated editable identification element can be the same as the above relevant description. For example, it can refer to the visual element of the area style of the object information area (such as the highlighting of the area border or area filling color for the object information area).

[0083] Or, it can also be the information editing entry 42b displayed for the object information area, so that the user can perceive that the object information in the object information area can be edited. Optionally, when triggering the information editing entry or the object information area, editing and display can be directly performed on the object information area, such as modifying the object name, object introduction, etc., or entering the information editing page, and editing the object information displayed in the object information area on this information editing page.

[0084] Among them, the object information area in the editing mode can be directly viewed on the second object page, and the object information can be edited through the object information area. After the editing confirmation is performed on the second object page, it is possible to directly enter the first object page, which can display the object information after the editing confirmation. Since the display effect of the edited object information on the first object page can be directly viewed when editing through the second object page (that is, what is edited on the second object page is what is displayed on the first object page after confirmation), what you see is what you get is realized. Compared with entering the configured editing page through the data editing entry on the personal homepage (the first object page) (such as displaying the editing columns of each object information in sequence in a list), editing information through the object information area on the second object page that is the same as the first object page can more intuitively and conveniently view the display effect after the object information is edited, improving the flexibility of object information editing and the user experience of viewing and editing object information.

[0085] Optionally, in Figure 4b it, the display of the second object page can also be that in the first object page, an editable identification element is added to the business component in the component area; the first object page with the editable identification element added is the second object page.

[0086] Among them, the editable identification element can be the above-mentioned related identification elements. If the business component can be directly edited in the component area, it can also include a component editing identification displayed on the business component (such as an identification used to indicate that the business component can be removed). Optionally, at this time, it can also be to trigger the editing of the component area by triggering the component area (long press).

[0087] Optionally, at this time, the editable identification element can also be a specified editing identification in the component area (such as an addition identification used to indicate adding a business component, and by triggering this addition identification, it is possible to enter the component editing page).

[0088] At this time, the position of the business component can also be directly edited in the component area. For example, dragging the business component to change the display position. Optionally, at this time, the business component can also present a specified special effect (such as a jitter special effect).

[0089] Optionally, at this time, the second object page can be the first object page with an overlay added, or the first object page without an overlay added. For example, when long pressing the component area, only the editing of the component area can be triggered, and at this time, the second object page 43a can not have an overlay added. Or, when adding an overlay, only the component area can be highlighted, that is, the editable area is the component area.

[0090] Among them, a confirmation control and a cancellation control can also be displayed on the component area of the second object page 43a. Confirm the current editing by triggering the confirmation control (or directly trigger the area outside the component area to exit the editing mode), or trigger the cancellation control to cancel the current editing.

[0091] For another example, when triggering the page editing entry, the second object page 43b is the first object page with an overlay added, and it can represent the editing of all editable areas in the first object page (such as Figure 4c ).

[0092] For example, when an overlay is added, the editable areas can include the component area and the object information area. At this time, the component area and the object information area can be displayed with a first transparency, the non-editable areas can be blurred and displayed with a second transparency, and editable identification elements for each area in the editable areas can be added on the overlay.

[0093] Among them, here, taking the object information areas as multiple examples, for example, one object information area corresponds to one object information, and all these multiple object information areas enter the editing mode on the second object page. That is, the editable areas on the second object page show a differentiated display effect compared with the non-editable areas (the editable areas are displayed differently from the non-editable areas).

[0094] Optionally, the editable identification elements displayed on the object information area in the editing mode can include not only the area border (such as the highlighted area border 43c), but also the text information for prompting that editing can be performed (such as the text information indicating that the object avatar can be edited, the text information for changing the page background, etc.).

[0095] Optionally, the first object page 43d can also include a content area. The content area 44a is used to display the published content associated with the target object and / or the display status 44b of the published content. For example, for the published content of interacting with the target object (such as the favorited published content), the corresponding display status (such as the public status or the non-public status, or the status of only viewable by followers, etc.) can be displayed. At this time, the display status can be edited. Therefore, the editable area includes the area where the display status is located.

[0096] Therefore, when triggering the page editing entry and entering the second object page 43b, when the content area is displayed on the second object page, the display status of the published content and the editable identification elements associated with the display status are displayed on the content area.

[0097] For example, the editable identification element can be a regional style (such as highlighting) of the area where the display state is located, a state editing entry, or other visual or textual elements. Among them, in the area where the display state is located, in addition to displaying the identification corresponding to the display state, state text can also be displayed.

[0098] Among them, by triggering the area where the display state is located or the state editing entry, the display state 44b can be switched, for example, from the hidden state to the public state.

[0099] Optionally, the editing operation on the second object page can be automatically saved and synchronized on the first object page, or a confirmation control can be displayed on the second object page. By triggering the confirmation control, the current editing information can be confirmed, and then synchronized on the first object page.

[0100] Among them, triggering any object information area can edit the information on that object information area. For example, it can be directly on the second object page (such as modifying the object name), or in a new information editing page for editing (such as modifying the object avatar).

[0101] S103. In response to an editing trigger operation for the component area, display a component editing page and display at least one business component on the component editing page.

[0102] Optionally, the target object can perform an editing trigger operation on the component area to trigger the editing operation of the business component in the component area, that is, enter the component editing page. For example, trigger the component area or the component editing entry.

[0103] Optionally, the at least one business component includes at least one of the following: a business component for displaying specified business data published by the target object, a business component for social interaction via the target object, and a business component for transactions via the target object.

[0104] Among them, the business component can include various rich types of components. For example, it can be a business component for displaying the release information related to the target object. For example, a business component for displaying the evaluation released by the target object, a component for the released moment, and so on.

[0105] Again, it can include a business component for social interaction initiated by the target object. For example, a business component related to live streaming (the live stream initiated by the target object can be viewed by other users). Again, a business component related to activities (the activities initiated or participated in by the target object can also be participated in by other users after viewing). Again, a business component related to group chats (the group chats created or joined by the target object can be joined by other users).

[0106] For another example, it may include business components that can conduct transactions with the target object. For instance, business components related to a store (other users can enter the target object's store to conduct transactions). For another example, business components related to an offline store (other users can view the target object's offline store to view the corresponding object details page or navigate to the corresponding offline store).

[0107] In other words, at least one business component is used to assist various business behaviors of the target object and / or display various business data of the target object. For example, it can be used to assist the target object or other objects in performing relevant business behaviors. Or, it is used to display the business data published by the target object (or the business data obtained from performing business behaviors).

[0108] Therefore, the at least one business component includes at least one of the following: a business component associated with the published content of the target object (such as used to display moments, routes, live broadcasts, evaluations, etc. published by the target object), a business component associated with the virtual character or virtual resources of the target object (such as the target object has a virtual character like an electronic pet, or virtual resources generated by the target object in relevant games, which can be displayed on relevant business components), or it can be a social-related business component (such as the business components associated with the activities participated in or created by the target object, the topics participated in or created by the target object, the group chats participated in or created by the target object mentioned above), or it can be a transaction-related business component (such as the business components associated with the goods or stores of the target object mentioned above), a business component associated with the programs or applications accessed by the target object (such as the target object is associated with a mini-program or a third-party platform, and relevant information can be displayed and accessed by the business component).

[0109] Among them, due to business development, there can be more types of the above-mentioned business components. No limitation is made on the business components here. It is specifically determined according to the actual scenario.

[0110] For example, as Figures 4d - 4e shown Figures 4d - 4e is a schematic diagram of a trigger scenario for component editing provided by an embodiment of the present application; among them, in Figure 4d , the component editing page 45a may include at least one business component. The at least one business component is a business component that can be edited into the component area of the first object page and is obtained through the object basic data of the target object. The object basic data is used to indicate the object type of the target object.

[0111] Among them, the component editing page includes a preview area and an addition area; the preview area is used to preview the business components that have been edited, and the business components in the preview area are determined as target business components to be displayed in the component area after confirmation (that is, the preview area is used to preview the target business components to be displayed in the component area); the addition area is used to display the business components to be added to the preview area.

[0112] Among them, when entering the component editing page, the business components in the component area of the first object page can be previewed in the preview area. After performing component editing operations, the edited business components can be previewed. The edited business components are displayed in the component area after confirmation and are the target business components.

[0113] For example, the component editing page 45a can be a new page independent of the first object page (the second object page). At this time, the preview area 45b on the component editing page and the component area on the first object page (the second object page) can be different areas, and the component editing page can include an addition area 45c. At least one business component related to the object type of the target object can be displayed on the addition area 45c, such as the business components configured for the object type of the target object.

[0114] Among them, the business components can be sequentially displayed in a list form on the component editing page. By triggering a certain business component, different styles of the business component can be viewed (for example, the corresponding number of styles can also be displayed on the component editing page, such as there are 4 styles for the business components related to live broadcast). At this time, the business components of the specified style can be selected and added to the preview area. One business component can correspond to one or more styles, such as obtained from the size style and content style of the business component. For specific examples, refer to the relevant descriptions in the following embodiments.

[0115] Among them, if the object type of the target account indicates that the target object (the target account) is a general account, the services that can be triggered by this general account can be services related to live broadcasts (such as releasing live broadcast previews, conducting live broadcasts, etc. At this time, the corresponding service components can display service data related to live broadcasts, such as live broadcast previews, live broadcast replays, etc. Triggering this service component can view specific live broadcast data, such as live broadcast previews, generated live broadcast replays, etc.), services related to moments (such as releasing moments, etc. At this time, the corresponding service components can display the latest released moments. Triggering this service component can view the released moments, etc.), group chats (such as creating group chats, joining group chats, etc. At this time, the corresponding service components can display the latest created group chat or the latest joined group chat. Triggering this service component can view all group chats of this target account, etc.), topics (such as creating topics, joining topics, etc. At this time, the corresponding service components can display the latest created topic or the latest joined topic. Triggering this service component can view all topics participated in by this target account and the information published, etc.), evaluations (such as publishing evaluations, etc. At this time, the corresponding service components can display the latest published evaluations. Triggering this service component can view all evaluations published by this target account, etc.). Among them, the data displayed on different service components and the data displayed after triggering can be determined according to the specific type of the service component.

[0116] Alternatively, the component editing page 46a can be a second object page with a component editing floating layer 46b displayed. For example, when triggering the component editing entry, the component editing floating layer 46b is displayed on the second object page. This component editing floating layer can be used to display service components (such as an addition area) to be added to the preview area. And at this time, the preview area 46c is floatingly displayed on the second object page. This preview area can be located above the component editing floating layer. At this time, the preview area can be the component area on this second object page or a different area.

[0117] Among them, taking the component editing page 46a as an example, the service components displayed in the addition area can be service components related to the object type. For example, service components configured for general accounts or service components configured for professional accounts.

[0118] For example, the service components configured for professional accounts can include components 471a specifically configured for professional accounts and service components 471b configured for general accounts. Optionally, in addition, more component addition prompt information 471c can be provided on the addition area, which can be used to view and add more service components for component expansion.

[0119] Among them, if the component 471a is a business component corresponding to a component service that can be triggered by a professional account. For example, it can be a service related to a store (such as applying for a store, uploading new products in the store, etc. At this time, the corresponding business component can display business data related to the store, such as the sales situation of products in the store, products to be uploaded, etc. Triggering this business component can jump to the corresponding store details page), a service related to an offline store (such as binding an offline store, marketing activities released by the offline store, etc. At this time, the corresponding business component can display business data related to the offline store, such as the address of the offline store, etc. Triggering this business component can jump to view the corresponding store list), a service related to a small program (such as opening a small program, etc. At this time, the corresponding business component can display business data related to the small program, such as the relevant information of the small program. Triggering this business component can jump to the corresponding small program).

[0120] Optionally, when the target object is a virtual object, the business component can include a component related to group chat, a component related to intelligent Q&A (such as triggering this component to initiate a Q&A with the virtual object, etc.). This is not limited here.

[0121] Among them, in Figure 4e the addition area of the component editing page 47a can also display business components that can be directly added, and a component addition identifier 47b can be displayed on this business component. The business component can be added to the preview area by triggering this component addition identifier or the business component.

[0122] Optionally, if the business component has multiple styles, the current style of the business component can also be switched by long pressing the business component. Or trigger the business component to enter the style selection page for the business component, and select the specified business component on the style selection page to add it to the preview area (the addition method can be the same as adding business components in the above list form).

[0123] Optionally, when there is no business component displayed in the preview area of the component editing page 48a, a component addition prompt message 48b can be displayed to indicate that the user can add business components in the addition area. Optionally, all business components can be displayed in the addition area, or business components not displayed in the preview area can be displayed.

[0124] Among them, when the target object is a professional account, not only business components for basic accounts but also business components for professional accounts can be displayed on the component editing page 49a.

[0125] S104. In response to an edit confirmation operation for a target business component among at least one business component, display a first object page and display the target business component in the component area of the first object page.

[0126] Among them, the first object page includes a component area for displaying business components that are subject to editing confirmation via the target account. The component editing page includes a preview area for previewing the business components to be displayed in the component area, and an addition area for displaying the business components to be added to the preview area.

[0127] Among them, the component editing operations on the component editing page include at least one of the following: a moving operation on the business component in the preview area, a deleting operation on the business component in the preview area, and an adding operation for adding the business component in the addition area to the preview area.

[0128] Therefore, in response to a removal operation on the first business component in the preview area, the first business component can be removed from the preview area (i.e., the first business component is deleted), or moved from the preview area to the addition area (in this case, it means that the first business component becomes a business component to be added).

[0129] Alternatively, in response to an adding operation on the second business component in the addition area, the second business component can be added to the preview area (i.e., the second business component is added), or moved from the addition area to the preview area (in this case, it means that the second business component becomes an added business component).

[0130] Alternatively, in response to a moving operation on the specified business component in the preview area, the specified business component can be moved to a specified position in the preview area. For example, by dragging any business component in the specified business component to change the position of the business component.

[0131] Optionally, when performing the editing confirmation operation, it is possible to return to the corresponding object page, and the target business component is displayed in the component area of the object page. Optionally, the object page returned to at this time can be the second object page, and the target business component that has been confirmed is displayed in the component area of the second object page at this time. Or, the object page returned to is the first object page, and the target business component that has been confirmed is directly displayed on the component area.

[0132] For example, as Figures 5a - 5d shown, Figures 5a - 5d is a schematic diagram of a scenario for editing components provided by an embodiment of the present application; among them, in Figure 5a , the preview area on the component editing page 50a (such as the component editing page 46a exemplified Figure 4d ) can preview business components (such as business component 51a, business component 51b), and at this time each business component can be associated with a component deletion control (such as business component 51a corresponding to component deletion control 52a). Among them, by triggering the component deletion control 52a, the corresponding business component 51a can be deleted in the preview area.

[0133] Or, inFigure 5b In [description], on the component editing page 50b (such as Figure 4e the exemplified component editing page 47a), by triggering the component deletion control (component removal control) of the service component 51c, at this time, the service component 51c can be moved from the preview area to the addition area.

[0134] Optionally, in Figure 5c it is possible to move the corresponding service component by dragging the service component in the preview area on the component editing page 50a. For example, by dragging the service component 51a behind the service component 51b, the movement and order change of the service component can be achieved.

[0135] Optionally, it is also possible to add service components in the addition area. The specific operation process can refer to the relevant description of the following embodiments.

[0136] Among them, in Figure 5d at this time, the edited service components (such as service component 51b, service component 51a, etc.) can be displayed in the preview area of the component editing page 50a. A confirmation control 52a for the preview area can be displayed on the component editing page. By triggering the confirmation control, it can be confirmed that the service component in the preview area is the target service component, and the target service component can be displayed in the component area on the object page 53a. For example, the preview area can be directly used as the component area for display (when used as the component area, the service components in it cannot be edited), or the service components in the component area can be updated to the target service component.

[0137] In the embodiments of the present application, by triggering an editing operation on the first object page of the target object, a second object page can be displayed. The second object page is the first object page in the editing mode. A component area and an editable identification element associated with the component area can be displayed on the second object page, indicating that the service components in the component area can be component-edited. For example, by triggering an editing operation on the component area, a component editing page can be displayed, and at least one service component can be displayed on the component editing page. The at least one service component can edit the service components in the component area. In response to an editing confirmation operation for the target service component in the at least one service component, when the first object page is displayed, the target service component confirmed through editing by the target object can be displayed in the component area of the first object page. This can achieve that the target object can edit the service components by itself and display them on the component area, realizing the personalized customization of the components on the object page, so as to improve the flexibility of component display and editing on the object page. In addition, it is possible to directly trigger the editing of the service components in the component area on the editable second object page, realizing what you see is what you get for the editing of the service components, and it is possible to view and edit the service components more intuitively and conveniently.

[0138] Based on the above description, an embodiment of the present application proposes a component editing method, which can be executed by the above-mentioned electronic device, specifically Figure 1 the terminal device shown. Please refer to Figure 6 , Figure 6 which is a schematic flowchart of a component editing method provided by an embodiment of the present application. As Figure 6 shown, the process of the component editing method in the embodiment of the present application may include the following:

[0139] S201. Display a first object page of a target object.

[0140] S202. In response to an editing trigger operation on the first object page, display a second object page, and display a component area and an editable identification element associated with the component area on the second object page. The specific implementation manners of steps S201 - S202 may refer to the relevant descriptions in the above embodiments and will not be elaborated here.

[0141] S203. Display business components to be added to the preview area in an addition area on the component editing page.

[0142] Optionally, the business components in the addition area may include, in addition to the business components mentioned in the above embodiments (i.e., all or some of the business components configured for the object type of the target object, such as the business components that have not been added to the preview area among all business components), recommended business components.

[0143] For example, the addition area includes a recommendation area. Among them, recommended business components to be recommended can be displayed in the recommendation area; the recommended business components are obtained based on the historical behavior data and / or object basic data of the target object.

[0144] Among them, the addition area includes a first area (recommendation area) and a second area, and the second area displays business components that match the object type.

[0145] Among them, the recommended business components in the recommendation area can be obtained through historical behavior data and / or object basic data. The business components on the second area, such as the professional number component (i.e., a component that can only be used by professional accounts) and the basic component (i.e., a component that can be used by all accounts) in the component editing page 46a shown above, are business components configured for the object type. Figure 4d

[0146] ​Among them, the way to display a business component (in the preview area or the addition area) can be that a business component is associated with a size style and / or a content style, and when the business component is displayed according to the size style, the business data associated with the business component is displayed on the business component according to the content style, and the business data is obtained based on the business behavior related to the business component performed by the target object.

[0147] Optionally, a business component can have one or more size styles (such as small size, standard size, large size, etc.). Different size styles correspond to different content styles. The content style is used to indicate the business data and layout that should be displayed on the business component (such as the layout of text and images. Specifically, for components related to group chats, the business data that the content style can display includes the name and avatar of the group chat, and indicates the display position of the group chat name and the display position of the avatar).

[0148] It can be understood that a size style and a content style corresponding to the size style can obtain a style of the business component (component style). Therefore, a business component can have one or more styles, and is used to add business components that can select different styles.

[0149] For example, for business components related to group chats, when the size style is small size, the corresponding content style indicates that the business data to be displayed can include the group chat name and the group chat avatar. Another example is that when the size style is standard size, the corresponding content style indicates that the business data to be displayed can include the group chat name, the group chat avatar, and the group chat introduction. Among them, the size styles and corresponding content styles owned by different business components can be set according to specific scenarios and types.

[0150] Among them, the size style / or the content style is a preset style, or specified by the target object, or determined based on the business data.

[0151] For example, a business component corresponds to only one size style and content style. Or, the style of a business component is obtained from multiple size styles and content styles (for example, a size style and a content style corresponding to the size style can obtain a style of the business component). At this time, the user can view multiple styles and specify a business component corresponding to one style to be added to the preview area (or displayed in the addition area). For example, the business component has multiple size styles, and a corresponding content style is configured for each size style.

[0152] Or, it can also be a more adaptable style determined according to the business data. For example, when the business data related to the live broadcast only includes the live broadcast preview, a business component corresponding to Style One is more adaptable. Another example is that when the business data related to the live broadcast includes the live broadcast replay, a business component corresponding to Style Two is more adaptable. There is no limitation here.

[0153] Optionally, when a business component is not associated with another business component, the business component can be displayed in its initial style. For example, when the business component is displayed in the addition area, business execution prompt information is displayed on the business component. This business-specified prompt information is used to indicate that the user can perform relevant business actions to obtain corresponding business data, so that the business data can be displayed on the business component.

[0154] Among them, the historical behavior data may include historical component addition data. This historical component addition data is used to determine the historical business components added by the target object. The recommended components can be obtained from the historical business components. For example, obtain the business components historically added by the target object as the recommended components; or use the business components that were historically added but not displayed in the component area as the recommended components.

[0155] For example, obtain the specified number of latest added historical business components, and obtain the business components that are not displayed on the object page from the specified number of historical business components as the recommended components.

[0156] And / or, the historical behavior data may also include historical business data. The historical business data is used to determine the associated business related to the target account (i.e., the business corresponding to the historical business data). The recommended components can also be obtained from the business components corresponding to the associated component business. The associated business may refer to a business with corresponding business data (when a business generates business data for the target account, it can indicate that the target account has triggered the business, that is, the target account is related to the business).

[0157] Among them, a specified number of businesses that are the latest triggered and not displayed in the component area can be obtained from the associated businesses according to the generation time of the historical business data (i.e., the trigger time of the associated business), and the business components corresponding to the specified number of businesses are used as the recommended components. That is, business components corresponding to the recently triggered businesses can be recommended to the target account to facilitate the quick addition of business components.

[0158] For example, when the target account publishes a comment on a location, at this time, the business related to the comment is the associated business, and the business component used to display the comment is the business component corresponding to the associated business, and the publication time of the comment is the trigger time for the business related to the comment.

[0159] For example, when the target account publishes a live broadcast preview, at this time, the business related to the live broadcast is the associated business, and the business component used to display the live broadcast information is the business component corresponding to the associated business, and the publication time of the live broadcast preview is the trigger time for the business related to the live broadcast.

[0160] Alternatively, the recommendation component can also be based on a specified number of business components with the most clicks determined from historical behavior data. For example, the historical data can include historical component click data. Based on the historical component click data of online users, the number of clicks on all business components when online users view the first object page of other users can be counted (which can be regarded as the degree of interest of online users in each business component), and the corresponding recommendation components can be determined according to the number of clicks. For example, select a specified number of business components with the most total clicks from the business components that match the object type of the target account (indicated by the object basic data) as the recommendation components; or it can be further select business components that are not displayed in the component area and have business data as the recommendation components from them.

[0161] Optionally, when obtaining business components as recommendation components from historical business components and / or business components corresponding to associated businesses, it can also be determined according to the above-mentioned number of clicks. The determination method of the recommendation components is not limited here, and it can be specifically configured by business personnel.

[0162] Optionally, the recommendation component can also include business components determined by the object type indicated by the object basic data. For example, when the object type is the target object type, the recommendation component is obtained from the business components that match the target object type.

[0163] For example, when the object type indicates that the target object is a professional account, business components related to the professional account (such as store-related components, offline store-related components) can be preferentially recommended. For example, when the object type indicates that the target object is a virtual object, business components related to the virtual object (such as business components related to intelligent question answering) can be preferentially recommended.

[0164] For example, obtain business components that are not displayed in the component area from the business components exclusive to the professional account as the recommendation components (and have business data at this time). Or, use the business component with the highest number of clicks in the business components exclusive to the professional account as the recommendation component; or, further select business components that are not displayed in the component area and have business data from them as the recommendation components. The determination method of the recommendation components is not limited here, and it can be specifically configured by business personnel.

[0165] Optionally, when displaying the recommendation components determined by the object type, the recommendation source of the components can also be displayed. For example, the source indicates that it is recommended based on the professional account. This is not limited here.

[0166] Alternatively, the recommendation component may include components obtained from historical business components and / or business components corresponding to associated businesses. Optionally, when displaying the recommendation component, the source of the component recommendation may also be indicated. For example, the source is indicated as a component that has been added historically, or as a component corresponding to the business component triggered most recently (i.e., the business component corresponding to the most recently used business component). This is not limited herein.

[0167] Among them, since the recommendation component has at least one style (obtained from the content style and the size style), it can be displayed according to the target style when the recommendation component is displayed. Optionally, the component style (target style) corresponding to the displayed recommendation component may be determined from at least one style associated with the recommendation component based on the business data of the target account related to the recommendation component.

[0168] For example, different component styles correspond to different size styles, and different size styles can display different amounts of content. The appropriate style can be selected as the target style according to the data volume of the business data. For example, if the target account has posted a live preview, the business data includes the live preview at this time, and the business component corresponding to component style a can be selected to display the live preview. Another example is that if the target account has not only posted a live preview but also associated with the live replay of a historical live broadcast, the business data includes the live preview and the live replay at this time, and the business component corresponding to component style b with a component size larger than component style a can be selected to display the relevant information of the live preview and the live replay (such as the live time of the latest live replay, etc.). That is, the business component can display all or part of the relevant business data.

[0169] Another example is that the business component related to comments can display the latest published comments. For example, when the latest published comment is only text, the business component corresponding to component style c can be selected to display the text-type comment. Another example is that the latest published comment includes text and images, and the business component corresponding to component style d with a component size larger than component style c can be selected to display the text and images in the comment.

[0170] That is to say, for the recommendation component, there is no need for the user to select the component style by himself, but the appropriate style can be adaptively selected according to the corresponding business data for the selection of the business component, improving the convenience and flexibility of component editing. It can be understood that the logic and method for determining the adapted style based on the business data for different business components may be different. For example, it can be automatically determined by an intelligent model or configured by business personnel. This is not limited herein.

[0171] S204. In response to a component addition operation for the second business component in the addition area, add the second business component to the preview area on the component editing page.

[0172] Among them, the component editing page includes a preview area for previewing business components to be displayed in the component area, and an addition area for displaying business components to be added to the preview area. The business components to be added include recommended business components in the first area and business components matching the object type in the second area. At this time, a specified second business component can be selected from the addition area and added to the preview area.

[0173] For example, the operation of adding a component for the second business component can be to display the first target business component in the preview area in response to a trigger operation on the first target business component in the recommended business components. For example, a click operation on the first target business component, or an operation of dragging the first target business component to any position in the preview area.

[0174] It can be understood that if the first target business component already exists in the preview area (and the displayed style is different), then the business component in the preview area can be replaced. For example, replacing at the original position, or deleting the existing first target business component and adding the first target business component again.

[0175] And / or, in response to a trigger operation on the second target business component in the second area, add the second target business component to the preview area (the same as the first target business component).

[0176] Or, it can be to display at least one style associated with the second target business component, and in response to a selection operation on the target style (target component style) in the at least one style, display the second target business component corresponding to the target style in the preview area. That is, it is possible to select and add the business component corresponding to the target style to the preview area.

[0177] S205. In response to a confirmation operation on the business component in the preview area, when the business component in the preview area is determined as the target business component, display the first object page and display the target business component in the component area of the first object page.

[0178] Among them, the business component in the preview area is displayed as the target business component on the first object page in response to the confirmation operation.

[0179] For example, as Figures 7a - 7j shown, Figures 7a - 7j is a schematic diagram of an editing scenario of a business component provided by an embodiment of the present application; among them, in Figure 7a , the business component may include a title area and a content area. The title area can be used to display a component title, a component icon, etc., and the content area can be used to display corresponding business data, etc.

[0180] Among them, a business component can be associated with one or more styles (i.e., different size styles and content styles). Taking the business components related to the store as an example, for component style one, it corresponds to one size style. In the title area, the component name and icon of the business component can be displayed. In the content area, the product image of any product in the store can be displayed according to the corresponding content style. Or, component style two corresponds to another size style. In the content area, the product image of any product and store-related information (such as the favorable comment rate, new product information, etc.) can be displayed according to the corresponding content style. Or, component style three corresponds to another size style. In the content area, the product images of more products and store-related information (such as the favorable comment rate, sales information, etc.) can be displayed according to the corresponding content style.

[0181] Among them, in Figure 7b In the addition area of the component editing page 70a corresponding to a regular account, the first area 71a and the second area 71b can be displayed. The first area 71a can display the recommended business components, and the second area 71b can display the business components matching the regular account (displayed in the form of a list).

[0182] Or, in the addition area of the component editing page 70b corresponding to a professional account, the first area 71c and the second area 71d can be displayed. The first area 71c can display the recommended business components (such as the business components in the basic small components and the business components in the professional account small components), and the second area 71d can display the business components matching the professional account.

[0183] Or, in the addition area of the component editing page 70c corresponding to a professional account, the first area 71e can be displayed. The first area 71e can display the recommended business components.

[0184] Among them, in Figure 7c Taking the component editing page 70c as an example, by triggering the business component 72a in the recommendation area, the business component 72a can be added to the preview area. At this time, the business component 72a may not be displayed in the recommendation area.

[0185] Among them, in Figure 7d Taking the component editing page 70c as an example, by triggering the business component 72b in the second area, the business component 72b can be added to the preview area. At this time, the business component 72b may not be displayed in the recommendation area. Optionally, for the above-mentioned business components, if there are multiple styles for the business component, by triggering the business component 72b (such as long pressing), different styles of the business component 72b can be switched.

[0186] Among them, in Figure 7eIn this case, taking the component editing page 70a as an example, by triggering the component name "Group Chat" of the business component 73a in the first area, at least one style associated with the business component 73a and the addition control 73b for the current style can be displayed. For example, enter the target addition area for the business component 73a, and display the business components corresponding to at least one style in the target addition area.

[0187] It can be understood that the corresponding business data can be previewed on the displayed style (the business data and display methods corresponding to different styles are different). In this way, through the triggering operation on the addition control 73b, the business component 73a corresponding to the current component style (the selected target component style) can be directly added to the preview area.

[0188] Optionally, when triggering the recommended business component or the business component in the second area on the component editing page (such as the component editing page 70c), the corresponding target addition area can also be entered to select and add business components of different styles.

[0189] Among them, in Figure 7f In the component editing page 70a, if the business component corresponding to the current component style has been added to the preview area, the addition control changes to an added control. Among them, more styles of business components can be viewed through a style switching operation (such as a sliding operation), and at this time, the addition control for the currently unadded style is displayed. By triggering the addition control, the business component 74b corresponding to the current style (the selected target component style) can be directly added to the preview area (wherein, the originally displayed business component 74a is removed). This can improve the display richness of the business components.

[0190] Among them, the display methods of different styles of business components for business data can be set by business personnel or configured by users themselves. For example, for the business component used to display evaluations, the default method set by business personnel can be to display the latest evaluations, and users can configure the display of the business component on the component editing page (such as selecting to display specified evaluations), which is not limited here.

[0191] Optionally, the business data displayed by the business components on the object page and the component editing page will be automatically updated. For example, the business component used to display evaluations shows the latest evaluations, and when new evaluations are generated, the evaluations displayed on this business component will be automatically updated.

[0192] Among them, in Figure 7g In the component editing page 70a, there can be a limit on the number of added business components in the preview area. If the number of added business components reaches the upper limit, when adding a business component again, an upper limit prompt message 75a can be displayed.

[0193] Optionally, when some business components do not have business data, it may not be possible to add such business components. At this time, a prompt message indicating that addition is not possible can be displayed on the component editing page (for example, for group chat related services, not having business data can mean that the target account has not created or joined any group chats, and at this time, "There are no group chats yet" can be displayed), and a trigger control corresponding to the component service of the business component can be displayed for quickly triggering the component service to generate business data. For example, for group chat related services, the trigger control 75b can be a control used to indicate creating or joining a group chat. Another example is that for live broadcast related services, the trigger control can be a control used to initiate a live broadcast, etc. This is not limited here.

[0194] For example, in Figure 7h , if the second business component is not associated with business data, a business execution prompt message for the second business component is displayed, and in response to a trigger operation on the business execution prompt message, a business execution page for the second business component is displayed; the business execution page is used to instruct the target object to perform a business behavior related to the second business component to obtain business data.

[0195] For example, the business component 76a in the component editing page 70c is a business component related to group chat. At this time, the target object has not created any group chats, that is, there is no associated business data. A prompt message can be displayed on the business component 76a to indicate the absence of business data, such as "There are no group chats yet, waiting to be created".

[0196] Among them, when selecting to add the business component 76a, a business execution prompt message 76b can be displayed, which is used to instruct the target object to create a group chat (or join any group chat). By performing a confirmation operation on the business execution prompt message, the corresponding group chat creation page (business execution page) can be entered.

[0197] Optionally, after creating a group chat through the group chat creation page, return to the component editing page. The group chat created can be automatically synchronized on the business component 76a on this component editing page, and the business component 76a can be automatically added to the preview area.

[0198] Optionally, for example, if the business component is a live broadcast related component, then the business execution page can be a page for creating a live broadcast. This is not limited here. The business behavior to be performed can be determined based on the specific type of the business component.

[0199] Or, in Figure 7i , if the second business component is associated with business data and the display status of the business data is in an unpublished state, a business configuration prompt message for the second business component is displayed, and in response to a trigger operation on the business configuration prompt message, a business configuration page for the second business component is displayed; the business configuration page is used to configure the display status of the business data to a public state.

[0200] For example, the business component 76a in the component editing page 70c is a business component related to group chat. At this time, the target object creates or joins a group chat, but the group chat is in a private state (that is, other users cannot view the group chat created or joined by themselves).

[0201] Among them, relevant business data can be displayed on the business component 76a. However, when selecting and adding the business component 76a, business configuration prompt information 76c can be displayed. This business configuration prompt information is used to instruct the target object to modify the display status configuration of the business data. Through the confirmation operation of the business configuration prompt information, the corresponding group chat management page (business configuration page) can be entered.

[0202] Optionally, through the group chat management page, all group chats created or joined by oneself and the display status of each group chat can be viewed. At this time, the display status of any group chat can be modified, such as configured to be in a public state. At this time, return to the component editing page, and the business component 76a on this component editing page can automatically synchronously display the group chats that can be publicly viewed, and add the business component 76a to the preview area.

[0203] Optionally, for example, if the business component is an evaluation-related component, then the business execution page can be a page for configuring the display status of the evaluation. This is not limited here.

[0204] Among them, in Figure 7j , the component area can include multiple business components. Among them, if the business components displayed on the component area are some of the multiple business components, in response to the component switching operation for the component area, more business components among the multiple business components are switched and displayed on the component area. For example, by sliding operation (such as horizontal sliding operation) on the component area to view other business components.

[0205] For example, in the component editing surface 77a, when only some business components are displayed in the component area, a component viewing identification element 77b can be displayed in the component area. This component viewing identification element can be a paging indicator. For example, when there are multiple business components in the component area, multiple pages are required to display and view. For example, one paging corresponds to one identification element in the paging indicator.

[0206] Therefore, the paging where the currently displayed business component is located can be indicated in the paging indicator (such as highlighted, for example, the currently displayed paging is filled with a specified color). Among them, through the component switching operation, the business components corresponding to other pagings can be switched and displayed.

[0207] Therefore, the component area includes multiple service components displayed via multiple paging. At this time, if some of the multiple service components are displayed via the current page in the component area, in response to a component switching operation for the component area, switch to the next page in the component area to display other partial service components among the multiple service components via the next page.

[0208] Optionally, the display of the identification element in the paging indicator will also be switched at this time. That is, based on the currently displayed page, switch the highlighted identification element 77c.

[0209] Optionally, for the preview area, the display and viewing of service components are the same.

[0210] In the embodiments of the present application, a second object page can be displayed through an edit trigger operation on the first object page. The second object page is the first object page in the edit mode, and the service components in the component area can be component-edited. For example, through an edit trigger operation for the component area, a component edit page is displayed, and at least one service component editable in the component area is displayed on the component edit page. For example, a second service component of at least one service component can be added to the preview area, and in response to an edit confirmation operation for the target service component, the target service component confirmed by the target object through editing can be displayed in the component area of the first object page. This can enable the target object to edit the service component by itself and display it on the component area, realizing personalized customization of the components on the object page, so as to improve the flexibility of component display and editing on the object page. In addition, it can be directly triggering the editing of the service components in the component area on the editable second object page, realizing what you see is what you get for the service component editing, and enabling more intuitive and convenient viewing and editing of the service components.

[0211] Based on the above description, the embodiments of the present application propose a component editing method, which can be executed by the above-mentioned electronic device, specifically Figure 1 the terminal device shown. Please refer to Figure 8 , Figure 8 which is a schematic flowchart of a component editing method provided by the embodiments of the present application. As Figure 8 shown, the process of the component editing method in the embodiments of the present application can include the following:

[0212] S301. Display the target page.

[0213] S302. In response to any one of performing a reference service behavior, generating reference service data, and modifying the display state of the reference service data on the target page, display component processing prompt information for the reference service component associated with the reference service behavior or the reference service data.

[0214] Among them, the target page can be the first object page of the target object, or the page for the target object to perform a reference business operation, or the page for displaying the reference business data of the target object (such as related processing can be performed on the reference business data, such as modifying the display status, etc.).

[0215] Among them, the component processing prompt information is used to indicate adding a reference business component (the first reference business component) to the component area, or to indicate removing or hiding a reference business component (the second reference business component) from the component area. This can guide users to quickly add or remove business components, improving the efficiency and flexibility of adding or removing business components.

[0216] Among them, when performing a reference business operation on the target page, the component processing prompt information is displayed to indicate whether to perform the reference business operation, and when it is determined to perform the reference business operation, the reference business components related to the reference business operation are processed.

[0217] For example, if the reference business operation is to delete reference business data, the component processing prompt information can be displayed during deletion to indicate whether to confirm the deletion of the reference business data, and when the deletion is confirmed, the reference business component will be removed from the first object page.

[0218] Another example is that when reference business data is generated on the target page, the component processing prompt information can be displayed to indicate whether to process the reference business components related to the reference business data.

[0219] Among them, the target page is the group chat creation page. When the group chat is created through the group chat creation operation on the group chat creation page and completed, the generated reference business data is the group chat page of the group chat. At this time, the component processing prompt information can be displayed when first entering the group chat page to indicate that the user adds the business components related to the group chat to the first object page.

[0220] Another example is that the target page can be the point of interest details page of a point of interest. When the evaluation release operation on the point of interest details page is completed and the evaluation is released, the generated reference business data can be the released evaluation. At this time, the component processing prompt information can be displayed on the point of interest details page to indicate that the user adds the business components related to the evaluation to the first object page.

[0221] Among them, the target page is the page for displaying reference business data, and the display status of the reference business data can be set on the target page. For example, when the display status of the reference business data is modified to the hidden status, the component processing prompt information can be displayed to indicate whether to confirm hiding the reference business data, and when the hiding is confirmed, the reference business component will be removed from the first object page.

[0222] For example, if the target page is a group chat management page for displaying the created or joined group chats, the display status of the group chat can be set on the group chat management page. For example, when setting the last group chat in the public state to the hidden state, a component processing prompt message can be displayed to indicate whether to confirm hiding the group chat. And when confirming the hiding, the group chat-related components will be removed from the first object page.

[0223] S303. Process the reference business component or the reference business data associated with the reference business component based on the component processing prompt message.

[0224] For example, directly process the reference business component by triggering the component processing prompt message, or enter the component editing page to process the reference business component on the component editing page (such as adding a reference business component).

[0225] Alternatively, the reference business data can also be processed through the component processing prompt message, such as deleting, hiding, or generating the reference business data.

[0226] For example, as Figures 9a - 9h shown, Figures 9a - 9h is a schematic diagram of the guiding scenario for adding components provided by an embodiment of the present application; among them, in Figure 9a , the target page can be the first object page. For example, when the target page is the first object page and the first object page is entered within a preset time period after the target object triggers the service corresponding to the reference business component, a component processing prompt message for the reference business component (such as an addition prompt message for indicating adding the reference business component to the component area) can be displayed on the first object page.

[0227] For example, when the target account triggers a service to generate new business data (i.e., business data that can update the display data on the reference business component) and the corresponding reference business component is not displayed on the first object page, the user can be guided to add the reference business component on the first object page to view the generated business data at this time.

[0228] Among them, it can be guided when entering the first object page for the first time after triggering the component service, or when entering the first object page within a preset time period (such as one hour). Alternatively, it can also be guided when entering the first object page for the first time when generating business data by triggering the service when there is no business data before. There is no limitation here.

[0229] For example, when the user posts a new evaluation and enters the first object page 90a, if it is detected that the business component 91a related to the evaluation is not added to the first object page, an addition prompt message 91b for the business component related to the evaluation can be displayed, and the addition prompt message is used to indicate adding the business component related to the evaluation.

[0230] Among them, by triggering the addition of prompt information, the component editing page 90b can be entered, and at least one style associated with the service component 91a related to evaluation can be displayed on this component editing page, so as to add the service component 91a related to evaluation to the preview area.

[0231] Alternatively, enter the component editing page 90c, and at this time, the service component 91a related to evaluation has been directly added to the preview area.

[0232] Among them, in Figure 9b , it can also be that when the target page is the first object page and no service component is displayed on the first object page, a prompt message for adding a reference service component is displayed on the first object page; the reference service component is a component among at least one service component.

[0233] For example, randomly select a service component from at least one service component as the reference service component (or the service component with the most click times, or the historical service component added by the user last time, etc.).

[0234] Therefore, when no service component is added to the first object page 92a, the user can be guided to add through the prompt message for adding. For example, select the service component 93a related to group chat and display the prompt message 93b for adding the service component related to group chat. By triggering the prompt message for adding, the component editing page 92b can be entered, and at least one style associated with the service component related to group chat can be displayed on this component editing page, so as to add the service component related to group chat to the preview area. Alternatively, when entering the component editing page, the service component 93a has been added to the preview area.

[0235] For example, in Figure 9c , taking the component service as the service related to evaluation as an example, the target page can be the point-of-interest details page 96a of the point of interest. For example, when the target page is the point-of-interest details page of the point of interest and a target evaluation is published through the point-of-interest details page, determine the reference service component as the evaluation display component 97a, and display the prompt message for adding the evaluation display component on the point-of-interest details page, such as displaying the prompt floating layer 97b for adding, and displaying the prompt message for adding on this prompt floating layer. At this time, this evaluation display component is used to display the target evaluation.

[0236] Among them, it can be that the prompt message for adding is displayed when it is detected that the evaluation display component is not added to the first object page. Or the prompt message for adding is displayed when publishing an evaluation to generate the corresponding service data related to the service related to evaluation for the first time.

[0237] Among them, by triggering the addition of a prompt message, the component editing page 96b can be entered. At this time, the evaluation display component 97a can be preferentially displayed in the second area of the component editing page. Or, the evaluation display component 97a can be preferentially displayed in the first area as a recommended business component. Or it can also be that in the component editing page, at least one style associated with the business component related to the evaluation is displayed, so as to facilitate adding the business component related to the evaluation in the preview area.

[0238] For another example, taking the component business as a business related to group chat as an example, when creating a group chat or joining a group chat, a prompt message for adding the corresponding business component can be displayed on the corresponding page. For example, when the group chat creation page is displayed, and when a group chat is successfully created through the group chat creation control on the group chat creation page, a prompt message for adding can be displayed. This prompt message for adding is used to indicate adding the business component related to the group chat on the first object page.

[0239] Optionally, in Figure 9d , a component display switch 920b can be displayed on the group chat creation page 920a. If this component display switch 920b is turned on, it means that if the group chat related component is not displayed on the first object page, it can be automatically added. Among them, if the component display switch is not turned on, a prompt message for adding can be displayed.

[0240] For example, the prompt message for adding can be displayed when creating a group chat for the first time, or it can be displayed every time a group chat is created (if the business component related to the group chat is not added to the first object page at this time).

[0241] Among them, the prompt message for adding can be used to indicate that after confirmation by the target object, the business component related to the group chat is automatically added to the first object page. Or it can be used to indicate that it can be manually added by the target object (for example, when confirming the prompt message for adding, enter the component editing page to add the business component related to the group chat). Or, when the business component related to the group chat is automatically added through the prompt message for adding, if the number of business components on the first object page has reached the upper limit, the target object can be prompted to enter the component editing page to manually add business components.

[0242] Or, when the component display switch is in the on state, a prompt message for adding 920c can also be displayed. For example, when the component display switch is turned on for the first time, the prompt message for adding is displayed.

[0243] Optionally, for the situation where the number of business components has reached the upper limit, the prompt message for adding 920d can be as Figure 9eAs shown. In addition, when the group chat is successfully created, the group chat page 920e will be entered. If the business components related to the group chat are added to the first object page at this time, then when entering the group chat page for the first time, an addition prompt message 920f will be displayed, and the component editing page can be entered by triggering the addition prompt message 920f to add business components related to the group chat.

[0244] Optionally, for adding a group chat, the method of displaying the corresponding addition prompt message is the same.

[0245] Or, taking the component business as an example of an instant-related business, it can be that when publishing an instant, an addition prompt message for the corresponding business component is displayed on the corresponding page. There is no limitation here.

[0246] Among them, in Figure 9f For the business components in the preview area of the component editing page 97a, the component styles of the business components can be directly switched in the preview area through a style switching operation. For example, by performing a long-press operation on the business component 98a, the current component style of the business component 98a is switched to another component style among the at least one associated component styles.

[0247] Or, through a style switching operation, enter the target addition area for the business component 98a, and display the component style currently displayed by the business component 98a in the target addition area 98b. Other component styles corresponding to the business components can be viewed and added by switching in the target component addition area, so that users can better add and change different component styles of the same business component.

[0248] For example, as in Figure 9g The component processing prompt message can also be a prompt message (delete prompt message) for indicating removing or hiding the reference business component from the component area. Among them, the reference business component removed from the component area will be added to the addition area in the component editing page.

[0249] Among them, when deleting all business data, a delete prompt message can be displayed to indicate whether to delete the business data or whether to confirm the deletion of the business component.

[0250] Or, it can also be that when all business data changes from the public state to the private state (that is, no business data can be displayed on the business component), a delete prompt message can be displayed to indicate whether to set the business data to the private state or whether to confirm hiding the business data.

[0251] Among them, when the reference business component meets the hiding condition, hiding the reference business component will still display the business component in the addition area of the component editing page, but when the reference business component does not meet the hiding condition, it can be automatically displayed in the component area.

[0252] For example, on the group chat management page 921a, all group chats created or joined by the target object can be displayed, as well as the display status of each group chat. For example, the display status 921c of the group chat 921b is indicated as the public status.

[0253] Among them, by triggering the display status 921c to switch to the hidden status, before the switch, a deletion prompt message 921d can be displayed. This deletion prompt message is used to indicate whether the user wants to hide the group chat and the business components related to the group chat. For example, if the "Let me think" control in the deletion prompt message is triggered, the hidden configuration of the group chat is cancelled. Another example is that if the "Confirm" control in the deletion prompt message is triggered, it is confirmed to hide the group chat. At this time, the business components related to the group chat on the first object page can be hidden or directly removed.

[0254] Optionally, when deleting business data, such as deleting a published evaluation, when deleting the last evaluation, a deletion prompt message can also be displayed, used to indicate whether to confirm the deletion of the evaluation, and when deleting the evaluation, the business components related to the evaluation are hidden or removed.

[0255] For example, as Figure 9h shown, optionally, user A can edit business components on the first object page when in the main state. At this time, when user B views the first object page of user A in the guest state, user B can also view the business components edited and confirmed by user A, that is, the display of the business components in the main and guest states is consistent.

[0256] In the embodiments of the present application, the reference business components or the associated business data can be quickly processed through the component processing prompt information for the reference business components on the target page. For example, adding reference business components or removing business components can be used to achieve personalized customization of components on the object page, which can improve the flexibility and convenience of component display and editing on the object page.

[0257] Based on the above description, the embodiments of the present application propose a component editing method, which can be executed by the above-mentioned electronic device, specifically Figure 1 the terminal device and the server shown. Please refer to Figure 10 , Figure 10 which is an interaction process schematic diagram of a component editing method provided by the embodiments of the present application. As Figure 10 shown, the process of the component editing method in the embodiments of the present application can include the following:

[0258] S401. The terminal device displays the first object page of the target object, and in response to an editing trigger operation on the first object page, displays a second object page.

[0259] Among them, the first object page may include a component area, which can be used to display business components that have been edited and confirmed via the target account, or not display any business components (in addition, it can also display addition prompt information for reference business components).

[0260] Among them, the second object page is the first object page in the editing mode. The second object page may include a component editing entry. It can be understood that when the first object page is displayed, a request can be sent to the server to display the business components on the first object page and the business data currently displayed on the business components.

[0261] The terminal device can display according to the size style and content style of the business components.

[0262] S402. In response to a trigger operation on the component editing entry on the second object page, the terminal device sends a component acquisition request to the server.

[0263] S403. The server determines the business components related to the target object based on the object basic data of the target object, and obtains the business components that have not been added to the component area from the business components related to the target object as the addable business components.

[0264] Among them, the server can determine the object type of the target object based on the object basic object and obtain all the business components configured for the object type. Among them, the business components that are not displayed in the component area are obtained from all the business components (such as the business components that the user has not selected to add or the hidden business components).

[0265] S404. The server obtains the recommended business components recommended for addition to the target object based on the historical behavior data and object basic data of the target object.

[0266] Among them, the server can obtain the recommended business components recommended for addition to the target object based on the historical behavior data and / or object basic data of the target object. Among them, the recommended business components are business components with associated business data. The specific method for determining the recommended business components can refer to the relevant description in the above embodiments.

[0267] Among them, when determining the recommended business components, it can be a preset style or a determined adapted style. For example, an adapted style can be selected from the configured style selection strategy according to the relevant business data, or intelligently selected through an intelligent model. Specifically, it can refer to the relevant description in the above embodiments.

[0268] S405. The server obtains the business data used to be displayed on the addable business components and the business data used to be displayed on the recommended business components from the historical behavior data of the target object.

[0269] Among them, for the business components that can be added, there are business components with associated business data and business components without associated business data.

[0270] Optionally, if the business components that can be added are directly displayed on the component editing page, the style of the business component can be a preset style or can also be determined based on the associated business data. At this time, the business data to be displayed can be obtained according to the determined content style.

[0271] Or, when all the styles of the business component need to be displayed, the business data corresponding to each style is obtained in sequence.

[0272] Among them, the business data displayed on the business components that can be added can be obtained (such as obtained according to the content style). In addition, for the business components without associated business data, the prompt information displayed in such business components can be obtained to indicate the absence of business data.

[0273] Optionally, when the business components that can be added are displayed in the form of a list, the list information of the business components also needs to be obtained so that the terminal device can display the business component list (such as the number of styles included, etc.).

[0274] In addition, for the recommended business components, the way to obtain business data is the same as that of the business components that can be added.

[0275] S406. The server determines the business components that can be added and the recommended business components as at least one business component to be displayed in the addition area.

[0276] S407. The server returns the business components to be displayed in the addition area and the business data related to the business components to be displayed in the addition area to the terminal device.

[0277] S408. The terminal device displays a component editing page, displays a preview area and an addition area on the component editing page, displays the business components in the component area in the preview area, and displays the business components to be displayed in the addition area in the addition area, and displays the associated business data on the business components to be displayed in the addition area.

[0278] Among them, the terminal device can display the business components obtained from the server on the component editing page (such as the recommended business components in the first area or the business components in the second area), and display the obtained business data (or prompt information or relevant list information) on the business components.

[0279] S409. The terminal device displays the edited business components in the preview area in response to a component editing operation on the business components in the preview area.

[0280] Among them, the component editing operation can be a moving operation on the business component in the preview area, a deleting operation on the business component in the preview area, or an adding operation for adding the business component in the adding area to the preview area.

[0281] S410. In response to a confirmation operation for the edited business component, the terminal device determines the edited business component as the target business component and displays the target business component in the component area on the first object page.

[0282] Among them, the edited business component can be displayed in the preview area and, after being confirmed by the target account, can be displayed in the component area on the first object page.

[0283] For example, as Figures 11a - 11b shown, Figures 11a - 11b is a schematic diagram of an interaction process for component display provided by an embodiment of the present application; among them, in Figure 11a , S1111. When entering the first object page of the target object, the page data on the first object page can be requested from the server (S1112). For example, the server can determine the business components displayed in the component area on the first object page (S1113) and obtain the business data displayed on the business components. Among them, the terminal device can display the business components obtained from the server in the component area on the first object page (S1114) and display the business data on the business components. Among them, by triggering the business component (S1115), the component details page associated with the business component can be entered (the component details page can be used to display the business data related to the business component).

[0284] Among them, when entering the second object page through the editing trigger operation on the first object page, the component editing page can be entered through the second object page (S1131). Among them, when adding a business component to the preview area on the component editing page (S1132), it is determined whether the business component is associated with displayable business data (S1133); if it is associated, the business component is added to the preview area (S1134); if not, a business execution prompt message for the business component is displayed (S1135) to instruct the target object to perform a business behavior to generate business data; if there is associated business data but the associated business data is not displayable (hidden), a business configuration prompt message for the business component is displayed (S1136) to instruct the target object to modify the display status configuration of the business data.

[0285] Among them, in a specific business scenario, if the target object performs a business behavior (S1141) and generates business data (such as generating business data for the first time), component processing prompt information can be displayed (S1142), such as an addition prompt information for indicating the addition of a business component. By triggering the addition prompt information, the server can be notified to add the business component to the component area of the first object page (S1143).

[0286] Among them, S1151, if the target object deletes or hides business data (such as until the last business data is deleted or hidden), component processing prompt information can be displayed, such as a deletion prompt information for indicating the removal or hiding of a business component (S1152). By triggering the addition prompt information, the server can be notified to remove or hide the business component from the component area of the first object page (S1153).

[0287] In Figure 11bIn addition, a guidance for adding a service component to the target account may be provided to improve the convenience of adding the service component. For example, S1101: the terminal device displays a point-of-interest details page of a point of interest; S1102: in response to an operation of publishing an evaluation for the point of interest on the point-of-interest details page, the terminal device sends an evaluation publishing request to the server; S1103: the server publishes a target comment based on the evaluation publishing request, and when determining that an evaluation display component is not added to the first object page of the target account, generates an addition prompt message for the evaluation display component; S1104: the server returns the addition prompt message to the terminal device; S1105: the terminal device displays the addition prompt message on the point-of-interest details page; S1106: in response to a trigger operation for the addition prompt message, the terminal device sends a component addition request to the server; S1107: the server obtains the page data of the component editing page and returns it to the terminal device; S1108: the terminal device displays the component editing page, displays a preview area on the component editing page, and adds the evaluation display component to the preview area, where the published target evaluation is displayed in the evaluation display component; or, S1109: the terminal device requests the server to display the first object page; S1110: if the server detects that the target account has triggered a service corresponding to a reference service component within a preset period before requesting to enter the first object page, generates an addition prompt message for the reference service component; S1111: the server returns the page data of the first object page of the target account and the addition prompt message to the terminal device; S1112: when displaying the first object page, the terminal device displays the addition prompt message to add the reference service component to the object page based on the addition prompt message; S1113: the terminal device displays a group chat management page, and in response to a configuration of the display status of a target group chat in the group chat management page, sends a display status configuration request to the server; S1114: when determining that the display status of the target group chat needs to be switched from the public status to the private status, the server obtains the service components on the component area of the first object page of the target object. If the group chat related component belongs to the service components in the component area and the target group chat is the last public group chat of the target object, generates a deletion prompt message for the group chat related component; S1115: the server returns the deletion prompt message to the terminal device; S1116: the terminal device displays the deletion prompt message on the group chat management page to determine whether to set the target group chat to the private status based on the deletion prompt message.

[0288] In the embodiment of the present application, when entering the second object page from the first object page, the component editing page may be entered through the second object page. By performing an editing confirmation operation on a target service component among at least one service component displayed on the component editing page, the target service component may be displayed on the first object page to implement component personalization customization on the first object page, so as to improve the flexibility of component display and editing on the first object page.

[0289] Please refer to Figure 12 , Figure 12 which is a schematic structural diagram of a component editing device provided by an embodiment of the present application. It should be noted that Figure 12 the component editing device shown is used to execute the methods of the embodiments of the present application Figure 3 , Figure 6 , Figure 8 , Figure 10 shown in the embodiments. For the sake of convenience of description, only the parts related to the embodiments of the present application are shown, and the specific technical details are not disclosed. Please refer to the embodiments shown in the present application Figure 3 , Figure 6 , Figure 8 , Figure 10 shown. The component editing device 900 may include: a page display module 901 and a component editing module 902. Among them:

[0290] The page display module 901 is used to display a first object page of a target object; wherein, the first object page includes a component area, and the component area is used to display business components of the target object;

[0291] The component editing module 902 is used to display a second object page in response to an editing trigger operation on the first object page, and display a component area and an editable identification element associated with the component area on the second object page; the second object page is the first object page in an editing mode;

[0292] The component editing module 902 is further used to display a component editing page in response to an editing trigger operation on the component area, and display at least one business component on the component editing page;

[0293] The component editing module 902 is further used to display the first object page in response to an editing confirmation operation on a target business component among at least one business component, and display the target business component in the component area of the first object page.

[0294] Among them, the component editing page includes a preview area and an addition area; the preview area is used to preview a target business component to be displayed in the component area; the addition area is used to display business components to be added to the preview area;

[0295] The method further includes any one of the following steps:

[0296] In response to a removal operation on a first business component in the preview area, remove the first business component from the preview area, or move it from the preview area to the addition area;

[0297] In response to an addition operation on a second business component in the addition area, add the second business component to the preview area, or move it from the addition area to the preview area;

[0298] In response to a moving operation on a specified service component in the preview area, move the specified service component to a specified position in the preview area.

[0299] Among them, the addition area includes a recommendation area;

[0300] The component editing module 902 is further configured to:

[0301] Display recommended service components to be added in the recommendation area; the recommended service components are obtained based on the historical behavior data of the target object and / or object basic data.

[0302] Among them, a service component is associated with a dimension style and / or a content style, and when the service component is displayed according to the dimension style, the service data associated with the service component is displayed on the service component according to the content style, and the service data is obtained based on the service behavior related to the service component performed by the target object;

[0303] The dimension style and / or the content style is a preset style, or specified by the target object, or determined based on the service data.

[0304] Among them, the component editing module 902 is further configured to:

[0305] If the second service component is not associated with service data, display a service execution prompt message for the second service component, and in response to a trigger operation on the service execution prompt message, display a service execution page for the second service component; the service execution page is used to instruct the target object to perform a service behavior related to the second service component to obtain service data; and / or,

[0306] If the second service component is associated with service data and the display status of the service data is in an unpublished state, display a service configuration prompt message for the second service component, and in response to a trigger operation on the service configuration prompt message, display a service configuration page for the second service component; the service configuration page is used to configure the display status of the service data to the published state.

[0307] Among them, when the page display module 901 is used to display the second object page, it is specifically configured to:

[0308] Add an overlay on the component area of the first object page; the overlay does not cover the component area and covers other areas, and the other areas are non-editable areas on the first object page, and the first object page with the overlay added is the second object page; or,

[0309] In the first object page, add an editable identification element to the service components on the component area; the first object page with the editable identification element added is the second object page; or,

[0310] If the first object page does not include a component area, an initial component area is added to the first object page, and an overlay is added on top of the component area in the first object page.

[0311] Among them, the component area includes multiple service components displayed via multiple pages.

[0312] The page display module 901 is further configured to:

[0313] If some of the multiple service components are displayed via the current page in the component area, in response to a component switching operation for the component area, switch to the next page in the component area to display other partial service components among the multiple service components via the next page.

[0314] Among them, at least one service component is used to assist various service behaviors of the target object and / or display various service data of the target object, and includes at least one of the following:

[0315] A service component associated with the published content of the target object, a service component associated with the virtual role or virtual resource of the target object, a service component associated with the activity participated in or created by the target object, a service component associated with the topic participated in or created by the target object, a service component associated with the group chat participated in or created by the target object, a service component associated with the commodity or store of the target object, a service component associated with the program or application accessed by the target object.

[0316] Among them, the first object page includes one or more object information areas and / or content areas. An object information area is used to display object information of one or more target objects, and the content area is used to display the published content associated with the target object and the display status of the published content.

[0317] The page display module 901 is further configured to:

[0318] Display one or more object information areas and editable identification elements associated with the one or more object information areas on the second object page; and / or,

[0319] When displaying the content area on the second object page, display the display status of the published content and the editable identification element associated with the display status on the content area.

[0320] Among them, the page display module 901 is further configured to:

[0321] Display the target page;

[0322] In response to any one of performing a reference service behavior on a target page, generating reference service data, and modifying the display state of the reference service data, display component processing prompt information for a reference service component associated with the reference service behavior or the reference service data; the component processing prompt information is used to indicate adding the reference service component to the component area, or is used to indicate removing or hiding the reference service component from the component area.

[0323] Process the reference service component or the reference service data associated with the reference service component based on the component processing prompt information.

[0324] Among them, for the specific implementation manners of the page display module and the component editing module, reference may be made to the descriptions in the foregoing embodiments, and details will not be elaborated here. It should be understood that the descriptions of the beneficial effects obtained by using the same method will not be elaborated either.

[0325] Please refer to Figure 13 , Figure 13 which is a schematic structural diagram of an electronic device provided in an embodiment of this application. As Figure 13 shown, the electronic device 1100 includes: at least one processor 1101 and a memory 1102. Optionally, the electronic device may further include a network interface. Among them, data can be exchanged between the processor 1101, the memory 1102, and the network interface. The network interface is controlled by the processor 1101 to send and receive messages. The memory 1102 is used to store a computer program, and the computer program includes program instructions. The processor 1101 is used to execute the program instructions stored in the memory 1102. Among them, the processor 1101 is configured to call the program instructions to execute the foregoing method. The memory 1102 may include a volatile memory, such as a random-access memory (RAM); the memory 1102 may also include a non-volatile memory, such as a flash memory, a solid-state drive (SSD), etc.; the memory 1102 may further include a combination of the foregoing types of memories.

[0326] The processor 1101 may be a central processing unit (CPU). In one embodiment, the processor 1101 may also be a Graphics Processing Unit (GPU). The processor 1101 may also be a combination of a CPU and a GPU. The processor 1101 may be used to call a device control application program stored in the memory 1102 to execute the foregoing Figure 3 , Figure 6 ,Figure 8 , Figure 10 Regarding the description of the component editing method in the corresponding embodiment, the foregoing Figure 12 Regarding the description of the component editing device in the corresponding embodiment, it will not be elaborated here. In addition, the description of the beneficial effects of using the same method will not be elaborated either.

[0327] In specific implementation, the devices, processors, memories, etc. described in the embodiments of the present application can implement the implementation manners described in the foregoing method embodiments, or can implement the implementation manners described in the embodiments of the present application, which will not be elaborated here.

[0328] The embodiments of the present application also provide a computer (readable) storage medium. The computer storage medium stores a computer program, and the computer program includes program instructions. When the program instructions are executed by a processor, the processor can execute some or all of the steps executed in the foregoing method embodiments. Optionally, the computer storage medium can be volatile or non-volatile. The computer-readable storage medium mainly includes a program storage area and a data storage area. Among them, the program storage area can store an operating system, application programs required for at least one function, etc.; the data storage area can store data created according to the use of blockchain nodes, etc.

[0329] The embodiments of the present application provide a computer program product. The computer program product can include a computer program. When the computer program is executed by a processor, it can implement some or all of the steps in the foregoing method, which will not be elaborated here.

[0330] As used herein, "a plurality of" means two or more. "And / or" describes the association relationship of associated objects and indicates that three relationships can exist. For example, A and / or B can represent: A exists alone, A and B exist simultaneously, and B exists alone. The character " / " generally represents an "or" relationship between the associated objects before and after.

[0331] Those of ordinary skill in the art can understand that all or part of the processes of implementing the foregoing embodiment methods can be completed by instructing relevant hardware through a computer program. The computer program can be stored in a computer storage medium, and the computer storage medium can be a computer-readable storage medium. When the program is executed, it can include the processes of the foregoing method embodiments. Among them, the storage medium can be a magnetic disk, an optical disc, a read-only memory (ROM), or a random access memory (RAM), etc.

[0332] The above-disclosed are only some embodiments of the present application. Of course, the scope of rights of the present application cannot be limited thereby. Those of ordinary skill in the art can understand all or part of the processes for implementing the above embodiments, and the equivalent changes made according to the claims of the present application still fall within the scope covered by the present application.

Claims

1. A component editing method, characterized in that, The method includes: Displaying a first object page of a target object; wherein, the first object page includes a component area, and the component area is used to display business components of the target object; In response to an editing trigger operation on the first object page, displaying a second object page, and displaying the component area and an editable identification element associated with the component area on the second object page; the second object page is the first object page in an editing mode; In response to an editing trigger operation on the component area, displaying a component editing page, and displaying at least one business component on the component editing page; In response to an editing confirmation operation on a target business component among the at least one business component, displaying the first object page, and displaying the target business component in the component area of the first object page.

2. The method according to claim 1, characterized in that, The component editing page includes a preview area and an addition area; the preview area is used to preview the target business component to be displayed in the component area; the addition area is used to display business components to be added to the preview area; The method further includes any one of the following steps: In response to a removal operation on a first business component in the preview area, removing the first business component from the preview area, or moving it from the preview area to the addition area; In response to an addition operation on a second business component in the addition area, adding the second business component to the preview area, or moving it from the addition area to the preview area; In response to a movement operation on a specified business component in the preview area, moving the specified business component to a specified position in the preview area.

3. The method according to claim 2, characterized in that, The addition area includes a recommendation area; The method further includes: Displaying recommended business components recommended to be added in the recommendation area; the recommended business components are obtained based on historical behavior data and / or object basic data of the target object.

4. The method according to claim 1, wherein A business component is associated with a size style and / or a content style, and when the business component is displayed according to the size style, business data associated with the business component is displayed on the business component according to the content style, and the business data is obtained based on business behaviors related to the business component performed by the target object; The size style and / or the content style is a preset style, or specified by the target object, or determined based on the business data.

5. The method according to claim 2, wherein The method further includes: If the second business component is not associated with business data, displaying business execution prompt information for the second business component, and in response to a trigger operation on the business execution prompt information, displaying a business execution page for the second business component; the business execution page is used to instruct the target object to perform a business behavior related to the second business component to obtain the business data; and / or, If the second service component is associated with the service data and the display status of the service data is in an unpublished state, display service configuration prompt information for the second service component, and in response to a trigger operation for the service configuration prompt information, display a service configuration page for the second service component; the service configuration page is used to configure the display status of the service data to a public state.

6. The method according to claim 1, characterized in that, The displaying of the second object page includes: Adding an overlay on top of the component area in the first object page to distinguish and display the component area and other areas via the overlay; the other areas are non-editable areas on the first object page, and the first object page with the overlay added is the second object page; or, In the first object page, adding an editable identification element to the service components on the component area; the first object page with the editable identification element added is the second object page; or, If the component area is not included in the first object page, add an initial component area to the first object page and add the overlay on top of the component area in the first object page.

7. The method according to claim 1, wherein The component area includes a plurality of service components displayed via a plurality of pages. The method further includes: If some of the plurality of service components are displayed via the current page in the component area, in response to a component switching operation for the component area, switch to the next page in the component area to display other partial service components of the plurality of service components via the next page.

8. The method according to claim 1, wherein The at least one service component is used to assist various service behaviors of the target object and / or display various service data of the target object, and includes at least one of the following: A service component associated with the published content of the target object, a service component associated with the virtual character or virtual resource of the target object, a service component associated with the activity participated in or created by the target object, a service component associated with the topic participated in or created by the target object, a service component associated with the group chat participated in or created by the target object, a service component associated with the product or store of the target object, a service component associated with the program or application accessed by the target object.

9. The method according to claim 1, wherein The first object page includes one or more object information areas and / or content areas, one object information area is used to display one or more object information of the target object, and the content area is used to display the published content associated with the target object and / or the display status of the published content. The method further includes: Displaying one or more object information areas and editable identification elements associated with the one or more object information areas on the second object page; And / or, When displaying the content area on the second object page, displaying the display status of the published content and editable identification elements associated with the display status on the content area.

10. The method according to claim 1, wherein The method further includes: Displaying a target page; In response to any one of performing a reference service behavior, generating reference service data, and modifying the display state of the reference service data on the target page, display component processing prompt information for a reference service component associated with the reference service behavior or the reference service data; the component processing prompt information is used to indicate adding the reference service component to the component area, or is used to indicate removing or hiding the reference service component from the component area. Process the reference service component or the reference service data associated with the reference service component based on the component processing prompt information.

11. A component editing device, characterized in that, The device includes: A page display module, configured to display a first object page of a target object; wherein, the first object page includes a component area, and the component area is used to display the service components of the target object. A component editing module, configured to display a second object page in response to an edit trigger operation on the first object page, and display the component area and an editable identification element associated with the component area on the second object page; the second object page is the first object page in an edit mode. The component editing module is further configured to display a component editing page in response to an edit trigger operation on the component area, and display at least one service component on the component editing page. The component editing module is further configured to display the first object page in response to an edit confirmation operation on a target service component among the at least one service component, and display the target service component in the component area of the first object page.

12. An electronic device, characterized in that, It includes a processor and a memory, wherein the memory is used to store a computer program, the computer program includes program instructions, and the processor is configured to call the program instructions to execute the method according to any one of claims 1-10.

13. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program, the computer program includes program instructions, and the program instructions, when executed by a processor, cause the processor to execute the method according to any one of claims 1-10.

14. A computer program product, characterized in that, It includes a computer program, the computer program includes program instructions, and the program instructions, when executed by a processor, implement the method according to any one of claims 1-10.

Images