A page configuration method, device, apparatus and medium

Abstract

The application provides a page configuration method and device, equipment and medium, relates to the technical field of data processing, and the method comprises the following steps: obtaining components available for a target page from a preset component library to provide a component editing page of a first component for a user after determining the first component from the component editing page. The embodiment of the application is provided with a corresponding component editing page for each component, and the component editing page is used to provide a plurality of display styles of the corresponding component. Therefore, by obtaining a first display style selected by the user from the component editing page, the first component is rendered into the target page in the first display style. In the above process, the user can adaptively edit the components and set the display styles of the components for the target page, thereby improving the service experience of the user.

Description

A page configuration method, apparatus, device and medium Technical Field

[0001] This application relates to the field of data processing technology, specifically to a page configuration method, apparatus, device, and medium. Background Technology

[0002] Intelligent question-answering services organize accumulated, unordered corpus information in a structured and scientific manner, establishing knowledge-based classification models. These models guide newly added corpus consultations and service information, accurately locating the user's required knowledge in a question-and-answer format and providing the appropriate response. Compared to traditional manual question-answering services, this offers advantages such as increased automation in information processing and reduced operating costs.

[0003] In current intelligent question-answering services, the front-end pages for users to ask questions and perform functional operations are fixed. The page display style and the functional components available for user interaction cannot be adjusted. Since users have varying requirements for the page's functionality and display style, this single, fixed page design cannot adaptively adjust to user preferences, thus impacting the user experience. Summary of the Invention

[0004] This application provides a page configuration method, apparatus, device, and medium. It addresses the problem in intelligent question-answering services where page designs are monotonous and fixed, making it impossible to customize them according to user preferences.

[0005] To achieve the above objectives, the technical solution of this application embodiment is implemented as follows:

[0006] In a first aspect, embodiments of this application provide a page configuration method, the method comprising:

[0007] In response to a page configuration instruction, the target page is obtained, and various components that support the use of the target page are determined from a preset component library;

[0008] Receive a first component selected from the plurality of components, and output the component editing page of the first component; wherein, each component has a corresponding component editing page, and the component editing page is used to provide multiple display styles for the corresponding component;

[0009] Obtain a first display style and render the first component onto the target page using the first display style; wherein the first display style is selected from the component editing page.

[0010] In some possible embodiments, each component has a corresponding display area on the target page, and rendering the first component onto the target page with the first display style includes:

[0011] The first component is rendered to a preset position in the corresponding display area of ​​the first component using the first display style;

[0012] In response to a component movement instruction, the endpoint of the movement trajectory of the first component within the display area is obtained, and the first component is rendered to the endpoint.

[0013] In some possible embodiments, the method further includes:

[0014] In response to a component deletion instruction for the target page, a second component selected from the existing components of the target page is obtained;

[0015] Output a delete control at a specified location on the target page to remove the second component from the target page;

[0016] In response to the triggering operation of the delete control, the second component is deleted from the target page.

[0017] In some possible embodiments, the method further includes:

[0018] In response to a component editing instruction for the target page, a third component selected from the existing components of the target page is obtained and the component editing page of the third component is output;

[0019] Obtain a second display style and change the current display style of the third component to the second display style; wherein the second display style is selected from a variety of display styles of the third component in the component editing page.

[0020] In some possible embodiments, the plurality of components includes any or a combination of button components, input box components, image components, video components, hyperlink components, text components, and drop-down box components.

[0021] In some possible embodiments, the target page is used to provide intelligent question-and-answer services, and the component editing page of the image component also displays various image component functions corresponding to the image component and an interface for uploading images; the method further includes:

[0022] In response to an image addition instruction, the system acquires the uploaded target image and image instruction information triggered by the component editing page; wherein, the image instruction information includes a target component function selected from the multiple component functions, and an image display style selected from the multiple preset display styles of the image component; the image component function includes a first function representing the image component as a question-and-answer avatar and a second function representing the image component as a background of the intelligent question-and-answer page;

[0023] The target image is encapsulated into an image component to implement the target component's function according to the target component's function, and the image component is rendered onto the intelligent question and answer page in the image display style.

[0024] In some possible embodiments, the component editing page of the button component also displays a variety of click events corresponding to the button component;

[0025] Each click event represents a corresponding function triggered by clicking the button component. The various click events include a first event for creating a new session, a second event for deleting a session, and a third event for sending a message.

[0026] Secondly, embodiments of this application provide a page configuration device, the device comprising:

[0027] The page confirmation module is configured to, in response to a page configuration instruction, obtain the target page and determine from a preset component library a variety of components that support the use of the target page;

[0028] The component acquisition module is configured to receive a first component selected from the plurality of components and output the component editing page of the first component; wherein, each component has a corresponding component editing page, and the component editing page is used to provide multiple display styles for the corresponding component;

[0029] The component display module is configured to obtain a first display style and render the first component onto the target page using the first display style; wherein the first display style is selected from the component editing page.

[0030] In some possible embodiments, each component has a corresponding display area on the target page, and the component display module is configured to render the first component onto the target page with the first display style.

[0031] The first component is rendered to a preset position in the corresponding display area of ​​the first component using the first display style;

[0032] In response to a component movement instruction, the endpoint of the movement trajectory of the first component within the display area is obtained, and the first component is rendered to the endpoint.

[0033] In some possible embodiments, the component display module is further configured to:

[0034] In response to a component deletion instruction for the target page, a second component selected from the existing components of the target page is obtained;

[0035] Output a delete control at a specified location on the target page to remove the second component from the target page;

[0036] In response to the triggering operation of the delete control, the second component is deleted from the target page.

[0037] In some possible embodiments, the component display module is further configured to:

[0038] In response to a component editing instruction for the target page, a third component selected from the existing components of the target page is obtained and the component editing page of the third component is output;

[0039] Obtain a second display style and change the current display style of the third component to the second display style; wherein the second display style is selected from a variety of display styles of the third component in the component editing page.

[0040] In some possible embodiments, the plurality of components includes any or a combination of button components, input box components, image components, video components, hyperlink components, text components, and drop-down box components.

[0041] In some possible embodiments, the target page is used to provide intelligent question-and-answer services, and the component editing page of the image component also displays various image component functions corresponding to the image component and an interface for uploading images; the component display module is further configured to:

[0042] In response to an image addition instruction, the system acquires the uploaded target image and image instruction information triggered by the component editing page; wherein, the image instruction information includes a target component function selected from the multiple component functions, and an image display style selected from the multiple preset display styles of the image component; the image component function includes a first function representing the image component as a question-and-answer avatar and a second function representing the image component as a background of the intelligent question-and-answer page;

[0043] The target image is encapsulated into an image component to implement the target component's function according to the target component's function, and the image component is rendered onto the intelligent question and answer page in the image display style.

[0044] In some possible embodiments, the component editing page of the button component also displays a variety of click events corresponding to the button component;

[0045] Each click event represents a corresponding function triggered by clicking the button component. The various click events include a first event for creating a new session, a second event for deleting a session, and a third event for sending a message.

[0046] Thirdly, embodiments of this application also provide an electronic device, including a memory and a processor, wherein the memory stores a computer program that can run on the processor, and when the computer program is executed by the processor, causes the processor to implement any of the methods in the first aspect.

[0047] Fourthly, embodiments of this application also provide a computer-readable storage medium storing a computer program, which, when executed by a processor, implements any of the methods in the first aspect.

[0048] Fifthly, according to an embodiment of this application, a computer program product includes computer instructions stored in a computer-readable storage medium; when a processor of a computer device reads the computer instructions from the computer-readable storage medium, the processor executes the computer instructions, causing the computer device to implement any of the methods in the first aspect.

[0049] In this embodiment, components usable on the target page are obtained from a preset component library. After determining the first component, a component editing page for the first component is provided to the user. This embodiment provides a corresponding component editing page for each component, offering multiple display styles for that component. Thus, by obtaining the first display style selected by the user from the component editing page, the first component is rendered onto the target page using that first display style. In this process, the user can adaptively edit components and set component display styles for the target page, thereby improving the user's service experience.

[0050] Other features and advantages of this application will be set forth in the following description and will be apparent in part from the description or may be learned by practicing this disclosure. The objectives and other advantages of this application may be realized and obtained by means of the structures particularly pointed out in the written description, claims, and drawings. Attached Figure Description

[0051] Figure 1 is a schematic diagram of the front-end page of the intelligent question-answering service provided in an embodiment of this application;

[0052] Figure 2 is an overall flowchart of a page configuration method provided in an embodiment of this application;

[0053] Figure 3 is a schematic diagram of the trigger control provided in an embodiment of this application;

[0054] Figure 4 is a schematic diagram of the component editing page provided in an embodiment of this application;

[0055] Figure 5 is a schematic diagram of adding a button component according to an embodiment of this application;

[0056] Figure 6 is a schematic diagram of the deletion of existing components provided in the embodiments of this application;

[0057] Figure 7 is a schematic diagram of the re-editing of existing components provided in the embodiments of this application;

[0058] Figure 8 is a structural diagram of the page configuration device 800 provided in an embodiment of this application;

[0059] Figure 9 is a structural diagram of an electronic device provided in an embodiment of this application. Detailed Implementation

[0060] To make the objectives, technical solutions, and advantages of this application clearer, the technical solutions in the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only a part of the embodiments of this application, and not all of them. Based on the embodiments of this application, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of this application. Unless otherwise specified, the embodiments and features in the embodiments of this application can be arbitrarily combined with each other. Furthermore, although a logical order is shown in the flowchart, in some cases, the steps shown or described may be performed in a different order than that shown here.

[0061] The terms "first" and "second" in the specification, claims, and accompanying drawings of this application are used to distinguish different objects, not to describe a specific order. Furthermore, the term "comprising" and any variations thereof are intended to cover non-exclusive protection. For example, a process, method, system, product, or device that includes a series of steps or units is not limited to the listed steps or units, but may optionally include steps or units not listed, or may optionally include other steps or units inherent to these processes, methods, products, or devices. The term "multiple" in this application can mean at least two, for example, two, three, or more, and the embodiments of this application do not impose limitations.

[0062] In traditional intelligent question-and-answer services, the front-end page providing the question-and-answer service to users is shown in Figure 1. The page mainly consists of two parts: a chat area and a non-chat area. Users pre-select from dropdown menus in the non-chat area, such as "System," "Bot," and "Channel."

[0063] The aforementioned "System" component allows users to select the domain of their question, while the "Bot" component allows users to select a bot to answer their question. For example, the intelligent Q&A service may offer bots of different genders for users to choose from. The "Channel" component allows users to select their login channel, such as mobile or computer. After the user completes their selection of the drop-down components, a new chat session is created, bringing up the chat area on the right. Users can ask questions in the chat area, and the bot selected by the user will provide intelligent answers based on their questions.

[0064] In current intelligent question-and-answer services, the front-end page for users to ask questions and perform functional operations is fixed. The page display style and the functional components for user interaction cannot be adjusted. For example, as shown in Figure 1, a user might find the "Channel" component redundant and want it removed. Another example is a user requesting that the user and the chatbot's positions be swapped in the chat area. Clearly, this single, fixed page design cannot adaptively adjust to user preferences, thus impacting the user experience.

[0065] To address the aforementioned problems, the inventive concept of this application is as follows: After determining a first component from a pre-defined component library, components usable on the target page are retrieved, and a component editing page for that first component is provided to the user. In this embodiment, a corresponding component editing page is provided for each component, offering multiple display styles for that component. Thus, by obtaining the first display style selected by the user from the component editing page, the first component is rendered onto the target page using that first display style. In this process, the user can adaptively edit components and set component display styles for the target page, thereby improving the user's service experience.

[0066] Next, as shown in Figure 2, a flowchart of a page configuration method provided in an embodiment of this application is shown, which specifically includes:

[0067] Step 201: In response to the page configuration instruction, obtain the target page and determine the various components that support the target page from the preset component library;

[0068] The technical solutions of this application are applicable to any application with front-end pages. Taking a multi-page application as an example, the target page is the page that the user selects from the many front-end pages of the application and that needs to be edited. For example, in an application related to selling goods, there may be many front-end pages, such as the product display page shown in Figure 3 and the product details page that can be accessed by clicking on the product. A trigger component for page configuration can be configured, for example, in the application settings or at a specified location on the front-end page, so that the user can send page configuration instructions through the trigger component.

[0069] The various components in step 201 may include any or a combination of button components, input box components, image components, video components, hyperlink components, text components, and dropdown box components. As shown in Figure 3 above, each front-end page has a trigger component bound to the page in the upper left corner. Users can jump to the corresponding component selection page by clicking the trigger component. The above step 201 is illustrated using the example in Figure 3 above. Users jump to the component selection page by clicking the trigger component of "Product Display Page". That is, "Product Display Page" is the target page currently selected by the user.

[0070] The component selection page displays a variety of components selected from a pre-defined component library that support the current target page. In implementation, the Vue front-end framework can be used to encapsulate all components in the application, and each front-end page can be configured with components that are only supported by that specific page. For example, if an application includes both novel reading and video playback services, the novel reading page should not include a video playback component. Therefore, based on the user's selected target page, all components from the pre-defined component library can be selected for the user's use on that target page.

[0071] Step 202: Receive the first component selected from the multiple components, and output the component editing page of the first component; wherein, each component has a corresponding component editing page, and the component editing page is used to provide multiple display styles for the corresponding component;

[0072] In this embodiment of the application, each component in the application has a corresponding component editing page, as shown in Figure 4. Suppose that the user wants to add a button component to the current target page. After selecting the button component from the component selection page, the user is redirected to the component editing page corresponding to the button component.

[0073] The component editing page provides various display styles for the corresponding components. Taking the aforementioned button component as an example, the various display styles in the component editing page include button attributes and text attributes that users can customize. Among them, button attributes can include the button's width and height, whether to tile, and the button's fill color, while text attributes represent the text content in the button, as well as attributes such as font size, font, and color.

[0074] Step 203: Obtain a first display style and render the first component onto the target page using the first display style; wherein the first display style is selected from the component editing page.

[0075] The first display style is the display style selected by the user from the various display styles shown on the component editing page. Based on Figure 4 above, the following is shown in Figure 5. In implementation, the corresponding target page can be displayed in a designated area of ​​the component editing page. Each component in this embodiment has a corresponding display area on the target page. After the user selects a button component from the components available for the target page, the button component and its corresponding display area automatically appear at a preset position on the target page. The display area is used to restrict the position of the corresponding component. For example, in the intelligent question-and-answer page shown in Figure 1 above, the display area of ​​the "New Conversation" button component cannot be set in the chat area, otherwise it will affect the user experience by obscuring the chat content.

[0076] As shown in Figure 5, after the user selects a button component, the button component automatically appears at a preset position within the display area shown in Figure 5. Simultaneously, a style editing area for the user to set the display style is output on the component editing page. After the user sets the first display style of the component button in the style editing area, the component button is rendered to the preset position with the first display style. The user can then drag the button component to the preset position, and after the user stops dragging, the button component is rendered to the end point of the final drag trajectory with the first display style.

[0077] The preceding process described the steps for adding components to the target page. The following sections will describe the processes for deleting and re-editing existing components on the target page.

[0078] During the deletion of an existing component, in response to a component deletion instruction for the target page, the second component selected from the existing components of the target page is retrieved, and a delete control for deleting the second component from the target page is output at a specified location on the target page. Then, in response to the triggering operation of the delete control, the second component is deleted from the target page.

[0079] Next, as shown in Figure 6, the target page is the user's edit history page. The user can click on any component and delete it by selecting the delete control. For example, if a user does not want their avatar to be displayed in the chat image, they can click on the image component that displays the avatar to indicate the component's deletion. Specifically, this can be achieved by setting corresponding trigger conditions, such as double-clicking or long-pressing an existing component to bring up the operation menu. At this time, an operation menu for editing the component will be displayed at the designated location on the target page. This operation menu includes a delete control for removing the component from the target page. The user then confirms the deletion by clicking the delete control to remove the component from the target page.

[0080] The component re-editing process will be described next using Figure 7. During implementation, in response to a component editing instruction for the target page, the third component selected from the existing components of the target page is retrieved, and its component editing page is output. Then, the second display style is retrieved, and the current display style of the third component is changed to the second display style. Taking the historical editing page shown in Figure 6 as an example, as specifically shown in Figure 7, the user clicks on the image component representing the user's avatar (i.e., the third component) to bring up the component's operation menu. The operation menu has a menu button for jumping to the component's corresponding component editing page. The user can then click this menu button to jump to the component editing page and re-edit the image component through the aforementioned user editing process for the component editing page. After the user completes the editing, the image component is rendered and displayed in the display style re-edited by the user (i.e., the aforementioned second display style).

[0081] The technical solution provided in this application will be further explained below using the aforementioned application scenario of intelligent question-and-answer service. Specifically, when the target page of this application embodiment is used to provide intelligent question-and-answer service, the component editing page of the image component also displays various image component functions corresponding to the image component and an interface for uploading images. By obtaining the uploaded target image and the image indication information triggered by the component editing page, the target image is encapsulated into an image component to implement the target component function according to the target component function, and the image component is rendered onto the intelligent question-and-answer page in an image display style.

[0082] Specifically, the aforementioned image indication information includes the target component function selected from a variety of component functions, and the image display style selected from a variety of preset display styles for the image component. The image component function includes a first function representing the image component as a question-and-answer avatar and a second function representing the image component as a background for the intelligent question-and-answer page. That is, through the above process, the user can adaptively retrieve images from their local storage and upload them via the upload interface to generate an image component. This image component can be set as the user's avatar or the robot's avatar to modify the question-and-answer avatar; additionally, it can be used as a chat background. Furthermore, as mentioned above, each component in the embodiments of this application can adaptively adjust its position.

[0083] Taking the front-end page of a traditional intelligent question-and-answer service as shown in Figure 1 above as an example, this embodiment of the application can achieve the goal of not displaying the user's avatar in the intelligent question-and-answer process by deleting the image component representing the user's avatar. Alternatively, the positions of the image component set as the user's avatar and the image component set as the robot's avatar can be swapped, allowing the dialogue positions of the user and the robot to be interchanged in the chat. Furthermore, the component editing page of the button component in this embodiment of the application also displays various click events corresponding to the button component. Each click event represents the corresponding function triggered by clicking the button component. These various click events include a first event for creating a new session, a second event for deleting a session, and a third event for sending a message.

[0084] In this way, users can adaptively edit and delete existing components on the target page. For example, in the front-end page of a traditional intelligent question-and-answer service shown in Figure 1, the user and robot avatars in the chat area are displayed as image components, while the chat content is displayed as text components. These components can be customized. Furthermore, buttons such as "Create a new session," "Delete a session," and "Send a message" can also be edited or deleted. This allows users to adaptively edit components and set their display styles on the target page, thereby improving the user experience.

[0085] Based on the same inventive concept, this application provides a page configuration device 800, as shown in FIG8, including:

[0086] The page confirmation module 801 is configured to, in response to a page configuration instruction, obtain a target page and determine from a preset component library a variety of components that support the use of the target page;

[0087] The component acquisition module 802 is configured to receive a first component selected from the plurality of components and output the component editing page of the first component; wherein, each component has a corresponding component editing page, and the component editing page is used to provide multiple display styles for the corresponding component;

[0088] The component display module 803 is configured to obtain a first display style and render the first component onto the target page using the first display style; wherein the first display style is selected from the component editing page.

[0089] In some possible embodiments, each component has a corresponding display area on the target page, and the component display module is configured to render the first component onto the target page with the first display style.

[0090] The first component is rendered to a preset position in the corresponding display area of ​​the first component using the first display style;

[0091] In response to a component movement instruction, the endpoint of the movement trajectory of the first component within the display area is obtained, and the first component is rendered to the endpoint.

[0092] In some possible embodiments, the component display module is further configured to:

[0093] In response to a component deletion instruction for the target page, a second component selected from the existing components of the target page is obtained;

[0094] Output a delete control at a specified location on the target page to remove the second component from the target page;

[0095] In response to the triggering operation of the delete control, the second component is deleted from the target page.

[0096] In some possible embodiments, the component display module is further configured to:

[0097] In response to a component editing instruction for the target page, a third component selected from the existing components of the target page is obtained and the component editing page of the third component is output;

[0098] Obtain a second display style and change the current display style of the third component to the second display style; wherein the second display style is selected from a variety of display styles of the third component in the component editing page.

[0099] In some possible embodiments, the plurality of components includes any or a combination of button components, input box components, image components, video components, hyperlink components, text components, and drop-down box components.

[0100] In some possible embodiments, the target page is used to provide intelligent question-and-answer services, and the component editing page of the image component also displays various image component functions corresponding to the image component and an interface for uploading images; the component display module is further configured to:

[0101] In response to an image addition instruction, the system acquires the uploaded target image and image instruction information triggered by the component editing page; wherein, the image instruction information includes a target component function selected from the multiple component functions, and an image display style selected from the multiple preset display styles of the image component; the image component function includes a first function representing the image component as a question-and-answer avatar and a second function representing the image component as a background of the intelligent question-and-answer page;

[0102] The target image is encapsulated into an image component to implement the target component's function according to the target component's function, and the image component is rendered onto the intelligent question and answer page in the image display style.

[0103] In some possible embodiments, the component editing page of the button component also displays a variety of click events corresponding to the button component;

[0104] Each click event represents a corresponding function triggered by clicking the button component. The various click events include a first event for creating a new session, a second event for deleting a session, and a third event for sending a message.

[0105] The electronic device 130 according to this embodiment of the present application will now be described with reference to FIG9. The electronic device 130 shown in FIG9 is merely an example and should not be construed as limiting the functionality and scope of use of the embodiments of the present application.

[0106] As shown in Figure 9, the electronic device 130 is presented in the form of a general-purpose electronic device. The components of the electronic device 130 may include, but are not limited to: at least one processor 131, at least one memory 132, and a bus 133 connecting different system components (including memory 132 and processor 131).

[0107] Bus 133 represents one or more of several bus structures, including a memory bus or memory controller, peripheral bus, processor, or local bus using any of the various bus structures.

[0108] The memory 132 may include a readable medium in the form of volatile memory, such as random access memory (RAM) 1321 and / or cache memory 1322, and may further include read-only memory (ROM) 1323.

[0109] The memory 132 may also include a program / utility 1325 having a set (at least one) of program modules 1324, including but not limited to: an operating system, one or more application programs, other program modules, and program data, each or some combination of these examples may include an implementation of a network environment.

[0110] Electronic device 130 can also communicate with one or more external devices 134 (e.g., keyboard, pointing device, etc.), and with one or more devices that enable a user to interact with electronic device 130, and / or with any device that enables electronic device 130 to communicate with one or more other electronic devices (e.g., router, modem, etc.). This communication can be performed via input / output (I / O) interface 135. Furthermore, electronic device 130 can also communicate with one or more networks (e.g., local area network (LAN), wide area network (WAN), and / or public networks, such as the Internet) via network adapter 136. As shown, network adapter 136 communicates with other modules used in electronic device 130 via bus 133. It should be understood that, although not shown in the figures, other hardware and / or software modules can be used in conjunction with electronic device 130, including but not limited to: microcode, device drivers, redundant processors, external disk drive arrays, RAID systems, tape drives, and data backup storage systems.

[0111] In an exemplary embodiment, a computer-readable storage medium including instructions is also provided, such as a memory 132 including instructions, which can be executed by the processor 131 of the aforementioned device to perform the aforementioned method. Optionally, the computer-readable storage medium may be a ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk, and optical data storage device, etc.

[0112] In an exemplary embodiment, a computer program product is also provided, including a computer program / instructions that, when executed by a processor 131, implement any of the methods in a page configuration method provided in this application.

[0113] In an exemplary embodiment, various aspects of the page configuration method provided in this application can also be implemented as a program product, which includes program code. When the program product is run on a computer device, the program code is used to cause the computer device to perform the steps in the page configuration method according to the various exemplary embodiments of this application described above.

[0114] The program product may employ any combination of one or more readable media. A readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may be, for example—but not limited to—an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples (a non-exhaustive list) of readable storage media include: electrical connections having one or more wires, portable disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.

[0115] The program product for page configuration according to embodiments of this application may employ a portable compact disc read-only memory (CD-ROM) and include program code, and may run on an electronic device. However, the program product of this application is not limited thereto. In this document, the readable storage medium may be any tangible medium that contains or stores a program that may be used by or in conjunction with an instruction execution system, apparatus, or device.

[0116] A readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, carrying readable program code. This propagated data signal may take many forms, including—but not limited to—electromagnetic signals, optical signals, or any suitable combination thereof. A readable signal medium may also be any readable medium other than a readable storage medium, capable of sending, propagating, or transmitting a program for use by or in conjunction with an instruction execution system, apparatus, or device.

[0117] The program code contained on the readable medium may be transmitted using any suitable medium, including—but not limited to—wireless, wired, fiber optic, RF, etc., or any suitable combination thereof.

[0118] Program code for performing the operations of this application can be written in any combination of one or more programming languages, including object-oriented programming languages ​​such as Java and C++, and conventional procedural programming languages ​​such as Java or similar languages. The program code can execute entirely on the user's electronic device, partially on the user's device, as a standalone software package, partially on the user's electronic device and partially on a remote electronic device, or entirely on a remote electronic device or server. In cases involving remote electronic devices, the remote electronic device can be connected to the user's electronic device via any type of network—including a local area network (LAN) or a wide area network (WAN)—or can be connected to an external electronic device (e.g., via the Internet using an Internet service provider).

[0119] It should be noted that although several units or sub-units of the device have been mentioned in the detailed description above, this division is merely exemplary and not mandatory. In fact, according to embodiments of this application, the features and functions of two or more units described above can be embodied in one unit. Conversely, the features and functions of one unit described above can be further divided and embodied by multiple units.

[0120] Furthermore, although the operations of the method of this application are described in a specific order in the accompanying drawings, this does not require or imply that these operations must be performed in that specific order, or that all the operations shown must be performed to achieve the desired result. Additionally or alternatively, certain steps may be omitted, multiple steps may be combined into one step, and / or one step may be broken down into multiple steps.

[0121] Those skilled in the art will understand that embodiments of this application can be provided as methods, systems, or computer program products. Therefore, this application can take the form of a completely hardware embodiment, a completely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, this application can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.

[0122] This application is described with reference to flowchart illustrations and / or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of this application. It will be understood that each block of the flowchart illustrations and / or block diagrams, and combinations of blocks in the flowchart illustrations and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, special-purpose computer, embedded processor, or other programmable image scaling device to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable image scaling device, create means for implementing the functions specified in one or more blocks of the flowchart illustrations and / or one or more blocks of the block diagrams.

[0123] These computer program instructions may also be stored in a computer-readable storage medium that can direct a computer or other programmable image scaling device to function in a particular manner, such that the instructions stored in the computer-readable storage medium produce an article of manufacture including instruction means that implement the functions specified in one or more flowcharts and / or one or more block diagrams.

[0124] These computer program instructions may also be loaded onto a computer or other programmable image scaling device to cause a series of operational steps to be performed on the computer or other programmable device to produce a computer-implemented process, such that the instructions, which execute on the computer or other programmable device, provide steps for implementing the functions specified in one or more flowcharts and / or one or more block diagrams.

[0125] Although preferred embodiments of this application have been described, those skilled in the art, upon learning the basic inventive concept, can make other changes and modifications to these embodiments. Therefore, the appended claims are intended to be interpreted as including the preferred embodiments as well as all changes and modifications falling within the scope of this application.

[0126] Obviously, those skilled in the art can make various modifications and variations to this application without departing from the scope of this application. Therefore, if such modifications and variations fall within the scope of the claims of this application and their equivalents, this application also intends to include such modifications and variations.

Claims

1. A page configuration method, characterized in that, The method includes: in response to a page configuration instruction, obtaining a target page and determining multiple components supported by the target page from a preset component library; each component has a corresponding display area on the target page; receiving a first component selected from the multiple components and outputting a component editing page for the first component; wherein each component has a corresponding component editing page, and the component editing page is used to provide multiple display styles for the corresponding component; obtaining the first display style selected from the component editing page, and displaying the first component at a preset position in the display area corresponding to the first component using the first display style; in response to a component movement instruction, obtaining the endpoint of the movement trajectory of the first component within the display area, and rendering the first component to the endpoint; when the target page is a page for providing intelligent question-and-answer services, the target page has... A chat area for displaying conversation content between a user and a robot, the various components including image components; the method further includes: in response to an instruction to swap the positions of a first image component representing a user's avatar and a second image component representing a robot's avatar within the chat area, swapping the positions of the first image component and the second image component, and swapping the display positions of the conversation content output by the user and the robot respectively within the chat area; in response to a deletion instruction for a target image component within the chat area, deleting the target component, and, upon receiving conversation content of a target object corresponding to the target component, displaying the conversation content within the chat area without displaying the avatar of the target object; the target image component is either the first image component or the second image component, and the target object is either the user or the robot.

2. The method according to claim 1, characterized in that, The method further includes: in response to a component deletion instruction for the target page, obtaining a second component selected from existing components of the target page; outputting a deletion control for deleting the second component from the target page at a specified location on the target page; and deleting the second component from the target page in response to a triggering operation of the deletion control.

3. The method according to claim 1, characterized in that, The method further includes: in response to a component editing instruction for the target page, obtaining a third component selected from existing components of the target page and outputting a component editing page for the third component; obtaining a second display style and changing the current display style of the third component to the second display style; wherein the second display style is selected from multiple display styles of the third component in the component editing page.

4. The method according to any one of claims 1-3, characterized in that, The various components include any or a combination of the following: button components, input box components, image components, video components, hyperlink components, text components, and dropdown box components.

5. The method according to claim 4, characterized in that, The target page is used to provide intelligent question-and-answer services. The component editing page of the image component also displays various image component functions corresponding to the image component and an interface for uploading images. The method further includes: in response to an image addition instruction, obtaining the target image to be uploaded and image instruction information triggered by the component editing page; wherein, the image instruction information includes a target component function selected from the various component functions, and an image display style selected from the various preset display styles of the image component; the image component function includes a first function representing the image component as a question-and-answer avatar and a second function representing the image component as a background of the intelligent question-and-answer page; the target image is encapsulated into an image component for implementing the target component function according to the target component function, and the image component is rendered onto the intelligent question-and-answer page with the image display style.

6. The method according to claim 5, characterized in that, The component editing page of the button component also displays a variety of click events corresponding to the button component; each click event represents the corresponding function triggered by clicking the button component. The various click events include a first event for creating a new session, a second event for deleting a session, and a third event for sending a message.

7. A page configuration device, characterized in that, The device includes: a page confirmation module configured to, in response to a page configuration instruction, acquire a target page and determine multiple components supported by the target page from a preset component library; each component has a corresponding display area on the target page; a component acquisition module configured to receive a first component selected from the multiple components and output a component editing page for the first component; wherein each component has a corresponding component editing page, the component editing page being used to provide multiple display styles for the corresponding component; a component display module configured to acquire the first display style selected from the component editing page, and display the first component at a preset position in the first display area corresponding to the first component using the first display style; in response to a component movement instruction, acquire the endpoint of the movement trajectory of the first component within the display area, and render the first component to the endpoint; when the target page is for providing intelligent question-and-answer services... When the page is displayed, the target page has a chat area for displaying the conversation content between the user and the robot. The various components include image components. The component display module is further configured to: in response to an instruction to swap the positions of a first image component representing the user's avatar and a second image component representing the robot's avatar in the chat area, swap the positions of the first image component and the second image component, and swap the display positions of the conversation content output by the user and the robot in the chat area; in response to a deletion instruction for a target image component in the chat area, delete the target component, and when the conversation content of the target object corresponding to the target component is received, display the conversation content in the chat area without displaying the avatar of the target object; the target image component is either the first image component or the second image component, and the target object is either the user or the robot.

8. An electronic device, characterized in that, include: Memory, used to store program instructions; A processor is configured to invoke program instructions stored in the memory and execute the steps of the method according to any one of claims 1-6 in accordance with the obtained program instructions.

9. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program, the computer program including program instructions that, when executed by a computer, cause the computer to perform the method as described in any one of claims 1-6.

10. A computer program product, characterized in that, The computer program product includes: computer program code, which, when run on a computer, causes the computer to perform the method described in any one of claims 1-6.

Images