Page editing method and device, equipment and storage medium
By providing a page editing method, users can drag and drop controls in the design interface to build page layout and configure data sources. The system will automatically generate a new version of the page, solving the problems of complexity and slow iteration of software maintenance in the existing technology, and achieving flexibility, convenience and efficient maintenance.
Patent Information
- Application Number
- CN202411701514.X
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-11-26
- Publication Date
- 2025-02-25
AI Technical Summary
When existing technology changes in business needs or user preferences, professional development teams need to make code-level modifications, which increases the complexity and cost of software maintenance and extends market response time.
Provides a page editing method. By responding to the editing request of the target page, obtaining page information and opening the design interface, users can drag and drop page controls to build layout, configure data sources, and the system automatically generates a new version of the page.
It improves the flexibility and convenience of page design, reduces software maintenance costs, accelerates product iteration speed, can quickly respond to business changes, and improves user experience.
Smart Images
Figure CN119512548A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of computer technology, and in particular to a page editing method, device, equipment and storage medium. Background Art
[0002] In the current industry office environment, software flexibility and adaptability have become key considerations. However, whenever business needs or user preferences change, even simple interface elements or process adjustments often require code-level modifications by professional development teams, which not only increases the complexity and cost of software maintenance, but also prolongs the time cycle to respond to market changes.
[0003] In addition, for small office systems that pursue rapid deployment and iteration, the traditional software development model is particularly insufficient due to its high development costs and long development cycles. Summary of the invention
[0004] The purpose of this application is to provide a page editing method, device, equipment and storage medium.
[0005] To achieve the above objectives, this application provides the following solutions: In a first aspect, the present application provides a page editing method, comprising: In response to receiving an edit request for a target page, acquiring page information of the target page; Opening a design interface corresponding to the target page based on the page information, wherein the design interface at least includes: a page control and a design area; In response to receiving a drag operation on the page control, arranging the page control in the design area in a manner indicated by the drag operation to obtain a page layout; Obtaining data source configuration for the page control; A new version of the target page is generated based on the page layout and the data source configuration.
[0006] Optionally, the design interface further includes: an operation record submodule, a designer submodule, a control library submodule, a field property library submodule, a data source management submodule, a script management submodule, and a tag management submodule; The operation recording submodule is used to record the operation on the page control or the design area; The designer submodule is used to control the layout of page controls through editing and dragging behaviors; The control library submodule is used to display the basic controls of the page and the custom controls corresponding to the available fields of the data source of the page; The field attribute submodule is used to customize the field attributes of the generated page controls; The data source management submodule is used to configure the data source of the page control; The script management submodule is used to configure the running script of each control and the entire target page; The label management submodule is used to set the control label.
[0007] Optionally, in response to receiving a drag operation on the page control, the step of arranging the page control in the design area in a manner indicated by the drag operation to obtain a page layout includes: In response to receiving a drag operation on the page control, moving the identifier of the page control in a semi-transparent state in the design area following the drag operation; Highlighting the page control moved by the drag operation in the design area; A container is allocated to the page control based on the position of the page control in the design area.
[0008] Optionally, the step of allocating a container to the page control based on the position of the page control in the design area includes: When the page control is in a new row in the design area, allocating a new container for the page control; When the page control is deleted and the container does not contain other page controls, the container is deleted, and the row corresponding to the container is removed from the design area.
[0009] Optionally, after the step of arranging the page controls in the design area in a manner indicated by the dragging operation to obtain a page layout, the step further includes: determining user needs based on the page layout; Recommending page adjustment solutions to the user based on the user needs.
[0010] Optionally, after the step of generating a new version of the target page based on the page layout and the data source configuration, the step further includes: In response to the received page comparison request, the old version of the target page and the new version of the target page are displayed.
[0011] Optionally, after the step of displaying the old version of the target page and the new version of the target page in response to the received page comparison request, the method further includes: In response to the received version rollback request, the new version target page is replaced by the old version target page.
[0012] In a second aspect, the present application provides a page editing device, comprising: An acquisition module, configured to acquire page information of a target page in response to receiving an edit request for the target page; A display module, used to open a design interface corresponding to the target page based on the page information, wherein the design interface at least includes: a page control and a design area; An editing module, configured to, in response to receiving a drag operation on the page control, arrange the page control in the design area in a manner indicated by the drag operation to obtain a page layout; Obtaining data source configuration for the page control; A new version of the target page is generated based on the page layout and the data source configuration.
[0013] Optionally, the page editing device further includes a design module, which includes: an operation record submodule, a designer submodule, a control library submodule, a field attribute library submodule, a data source management submodule, a script management submodule, and a tag management submodule; The operation recording submodule is used to record the operation on the page control or the design area; The designer submodule is used to control the layout of page controls through editing and dragging behaviors; The control library submodule is used to display the basic controls of the page and the custom controls corresponding to the available fields of the data source of the page; The field attribute submodule is used to customize the field attributes of the generated page controls; The data source management submodule is used to configure the data source of the page control; The script management submodule is used to configure the running script of each control and the entire target page; The label management submodule is used to set the control label.
[0014] Optionally, the editing module is further used to: In response to receiving a drag operation on the page control, moving the identifier of the page control in a semi-transparent state in the design area following the drag operation; Highlighting the page control moved by the drag operation in the design area; A container is allocated to the page control based on the position of the page control in the design area.
[0015] Optionally, the editing module is further used to: When the page control is in a new row in the design area, allocating a new container for the page control; When the page control is deleted and the container does not contain other page controls, the container is deleted, and the row corresponding to the container is removed from the design area.
[0016] Optionally, the editing module is further used to: determining user needs based on the page layout; Recommending page adjustment solutions to the user based on the user needs.
[0017] Optionally, the editing module is further used to: In response to the received page comparison request, the old version of the target page and the new version of the target page are displayed.
[0018] Optionally, the editing module is further used to: In response to the received version rollback request, the new version target page is replaced by the old version target page.
[0019] In a third aspect, the present application provides a computer device, comprising: a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the computer program to implement the steps of any one of the page editing methods described above.
[0020] In a fourth aspect, the present application provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the steps of any one of the page editing methods described above.
[0021] In a fifth aspect, the present application provides a computer program product, including a computer program, which, when executed by a processor, implements the steps of any one of the page editing methods described above.
[0022] According to the specific embodiments provided in this application, this application discloses the following technical effects: The present application provides a page editing method, apparatus, device and storage medium. By responding to the editing request of the target page, the system can quickly obtain the page information and open the corresponding design interface. In the design interface, the user can intuitively build the page layout by dragging and dropping the page controls, which greatly improves the flexibility and convenience of page design. At the same time, the system also supports the configuration of the data source of the page control to ensure that the page can correctly display and interact with data. Based on the page layout and data source configuration designed by the user, the system can automatically generate a new version of the target page, realizing rapid iteration and efficient maintenance of page design, which not only reduces the software maintenance cost, but also accelerates the product iteration speed, can quickly respond to business changes, and improve user experience. BRIEF DESCRIPTION OF THE DRAWINGS
[0023] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.
[0024] Figure 1 A schematic diagram of a flow chart of a page editing method provided in one embodiment of the present application; Figure 2 A schematic diagram of the software architecture of a page design platform provided in one embodiment of the present application; Figure 3 A schematic diagram of functional modules of a page editing device provided in one embodiment of the present application; Figure 4 A schematic diagram of the structure of a computer device provided in one embodiment of the present application. DETAILED DESCRIPTION
[0025] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.
[0026] like Figure 1 As shown, some embodiments of the present application provide a page editing method, which includes the following steps 101 to 104. Among them: Step 101, in response to receiving an edit request for a target page, obtaining page information of the target page; In the embodiment of the present application, when a user wishes to edit an existing page (i.e., the target page), the system will first receive the edit request. In response to the request, the system will obtain relevant information of the target page, including but not limited to the layout of the page, the controls contained, the properties of the controls, the data source, etc. This information is the basis for subsequent operations such as opening the design interface and dragging controls.
[0027] Step 102, opening a design interface corresponding to the target page based on the page information, wherein the design interface at least includes: a page control and a design area; In the embodiment of the present application, after obtaining the page information of the target page, the system will open a design interface corresponding to the target page based on this information. This design interface is the main place for users to edit pages, which includes at least two parts: page controls and design area. Page controls are elements that users can drag to the design area to build page layouts, such as text boxes, buttons, etc.; the design area is the area where users arrange page layouts and controls.
[0028] Step 103, in response to receiving a drag operation on the page control, arranging the page control in the design area in a manner indicated by the drag operation to obtain a page layout; In the embodiment of the present application, in the design interface, the user can select and move the page control by dragging. When the user drags a page control to the design area, the system will respond to the drag operation and arrange the control in the design area in the manner indicated by the user (such as position, size, etc.). Through multiple such drag operations, the user can gradually build the desired page layout.
[0029] Step 104, obtaining the data source configuration for the page control; In the embodiment of the present application, in addition to the page layout, the page control also requires a data source to display and interact with data. Therefore, after completing the design of the page layout, the system also needs to obtain the user's data source configuration for the page control. This includes specifying the data source of the control (such as a database, API, etc.), data fields, and data display methods.
[0030] Step 105: Generate a new version of the target page based on the page layout and the data source configuration.
[0031] In an embodiment of the present application, the system generates a new version of the target page based on the page layout designed by the user and the configured data source. This new version of the page not only includes the layout and controls designed by the user, but also can correctly display and interact with data. After generation, this new version of the page can be saved to the system and replace the original target page or published as a new version.
[0032] Furthermore, after the page design or modification is completed, the user can save the new page and submit the JSON data of the page to the server. This submission process supports a flexible option, which allows users to temporarily store the data in the temporary storage area provided by the design platform, rather than directly pushing it to the business-related data table for further review or adjustment. During the operation of saving the new version of the target page, the system provides a control verification mechanism for the submission area to prevent illegal submissions to ensure that the page design meets the requirements of the design specifications. After the user finally confirms the page design results, he can select the temporary record through the temporary record list provided by the platform and submit it to the business database to complete the page design and modification.
[0033] In the embodiment of the present application, by responding to the editing request of the target page, the system can quickly obtain the page information and open the corresponding design interface. In the design interface, the user can intuitively build the page layout by dragging and dropping the page controls, which greatly improves the flexibility and convenience of page design. At the same time, the system also supports the configuration of the data source of the page controls to ensure that the page can correctly display and interact with data. Based on the page layout and data source configuration designed by the user, the system can automatically generate a new version of the target page, realizing rapid iteration and efficient maintenance of page design, which not only reduces software maintenance costs, but also accelerates the product iteration speed, can quickly respond to business changes, and improve user experience.
[0034] Optionally, the design interface further includes: an operation record submodule, a designer submodule, a control library submodule, a field property library submodule, a data source management submodule, a script management submodule, and a tag management submodule; The operation recording submodule is used to record the operation on the page control or the design area; The designer submodule is used to control the layout of page controls through editing and dragging behaviors; The control library submodule is used to display the basic controls of the page and the custom controls corresponding to the available fields of the data source of the page; The field attribute submodule is used to customize the field attributes of the generated page controls; The data source management submodule is used to configure the data source of the page control; The script management submodule is used to configure the running script of each control and the entire target page; The label management submodule is used to set the control label.
[0035] In the embodiment of the present application, in the page design module, users enjoy a high degree of customization rights, can re-layout the page and flexibly modify controls and properties. The module is divided into the following core sub-modules: Operation record submodule: used to record operations on pages and page controls, supporting operations such as undoing operations, rolling back versions, and comparing versions.
[0036] Designer submodule: used to edit page controls and their properties, supporting functions such as dragging and dropping controls, copying controls, automatic adsorption of controls, automatic arrangement of containers, and page layout rationality check.
[0037] Control library submodule: provides users with a variety of predefined controls, including but not limited to text input boxes, text labels, date pickers, drop-down lists (supporting search, multiple selection, etc.), hyperlinks, check boxes, buttons, radio buttons, hidden fields, rich text, password input boxes, file uploaders, list containers, form containers, MultiSection controls, and Legend controls.
[0038] Field attribute library submodule: provides users with a variety of customizable field attributes, including but not limited to size, style, layout, title, permissions, and data source.
[0039] Data source management submodule: used to manage the data source of the page and provide data for the page controls and page workflow.
[0040] Script management submodule: used to set the executable JavaScript code associated with the page or button to provide personalized functions for the page or button.
[0041] Tag management submodule: used to manage tag data sources and provide explanatory text for page controls.
[0042] Optionally, the step 103 includes: Step 1031, in response to receiving a drag operation on the page control, moving the identifier of the page control in a semi-transparent state in the design area following the drag operation; In the embodiment of the present application, when the user drags the page control in the design interface, the system will immediately respond to this action. During the dragging process, the page control logo will be presented in a semi-transparent state and move in the design area closely following the user's dragging trajectory. This visual feedback mechanism enables the user to clearly see the current position of the control and the position to be placed, so as to design the page layout more intuitively.
[0043] Step 1032, highlighting the page control moved by the dragging operation in the design area; In the embodiment of the present application, when a page control is dragged to a certain position in the design area and released, the system will highlight it in the design area. This highlighting may be achieved by changing the border color of the control, adding a highlight effect, or displaying a floating prompt, so that the user can quickly identify the control that has just been placed.
[0044] Step 1033: Allocate a container for the page control based on the position of the page control in the design area.
[0045] In the embodiment of the present application, after determining the final position of the page control in the design area, the system will automatically assign a container to it based on the position. This container is used to organize and contain the page control to ensure that it can be displayed and interacted correctly on the page. By assigning containers to controls, the system can further standardize the page layout and improve the overall aesthetics and user experience of the page. Optionally, the step 1033 includes: Step 10331, when the page control is in a new row in the design area, allocating a new container for the page control; Step 10332, when the page control is deleted and the container does not contain other page controls, delete the container and remove the row corresponding to the container from the design area.
[0046] In the embodiment of the present application, the system has a convenient user interaction function, allowing the user to move the field control to a specified row or a new row in the design area by dragging. During the dragging process: the field control will follow the mouse movement in a semi-transparent state, and the new position where the control can be placed will be marked with a red vertical bar; when dragging the control to a new row, the system will automatically contain the control with a container; when deleting a control, if there are no other controls in the container where the control is located, the system will automatically delete the row; when copying a control, the system will automatically modify the relevant properties of the control to match the current needs; the system will automatically remove empty rows in the design area; dragging the control will only change the JSON memory variable of the page information in the VUE code, and will not directly store it on the server side, avoiding frequent requests to the server.
[0047] Optionally, after step 103, the method further includes: Step 201, determining user needs based on the page layout; Step 202: recommending a page adjustment solution to the user based on the user's needs.
[0048] In the embodiment of the present application, the system can use artificial intelligence technology to intelligently analyze the layout and needs of the user's current page, combine the existing fields and pages and controls in the database, provide adaptive control suggestions, and generate recommended controls for users to choose. At the same time, the system will also analyze the page structure and intelligently recommend adjustment plans to optimize the layout, thereby improving the visual effect and user experience, and ensuring that the page layout is more coordinated and efficient.
[0049] Optionally, after step 105, the method further includes: in response to the received page comparison request, displaying the old version of the target page and the new version of the target page.
[0050] In an embodiment of the present application, when a user wants to view the changes after editing the target page, or wants to compare the old and new versions of the target page, a page comparison request will be triggered. In response to this request, the system will display the old version of the target page and the new version of the target page at the same time so that the user can make an intuitive comparison. This function is very useful for users because it can help users clearly see the differences before and after page editing, including changes in layout, increase and decrease of controls, changes in data source configuration, etc. By comparing the old and new versions, users can more accurately evaluate the editing effect and ensure that the page design meets business needs. At the same time, this also provides convenience for page review, backtracking and version management.
[0051] Optionally, after step 105, the method further includes: in response to a received version rollback request, replacing the new version target page with the old version target page.
[0052] In the embodiment of the present application, when designing a page, each save operation will automatically create a new version, and the previous historical version will also be systematically retained. Such a design allows users to flexibly view the specific differences between the new version and the old version of the page at any time point for comparative analysis. In addition, if the user is not satisfied with the current design or needs to restore to a previous state, he can roll back to any historical version of the page according to his own needs.
[0053] Reference Figure 2 , showing a schematic diagram of the software architecture of a page design platform provided in an embodiment of the present application, which includes: The multi-tenant module is used to support multiple customers to share hardware and software resources in the same instance of this system, while ensuring data isolation and customization requirements of multiple customers. This is achieved by setting specific request identifiers and database connection strings for different tenants and operating different target databases according to the above configuration.
[0054] The system management module is used to manage the basic data of this software, including page elements, logs, etc.
[0055] The menu preview module is used to preview and manage the navigation menu (Action Node) and navigation tab (Menu Tab) of the system to which the logged-in user belongs. This is achieved by reading the source data in the database to which the logged-in user belongs and then loading the menu list.
[0056] The page preview module is used to preview the page effect by obtaining the source data of the page and page controls, and then rendering the page and its controls according to the layout of the page and the basic properties of the page controls such as type, size, style, and the title, permissions, data source, etc. associated with the page controls in the source data.
[0057] The page initialization module is used to create and initialize new pages. It supports users to manually create page initialization controls and customize page titles, associated menus, permissions and other properties.
[0058] The page design module is used to design the layout of the page and the page controls and their properties contained in the page. It includes the following sub-modules: operation record sub-module, designer sub-module, control library sub-module, field property library sub-module, data source management sub-module, script management sub-module, and tag management sub-module.
[0059] The field recommendation module is used to generate fields recommended by the system for users. It uses information such as page data source, page name, and existing fields on the page to match and generate relevant recommended fields for users to choose from using the artificial intelligence model.
[0060] The page workflow module is used to set the workflow of the page. Through a visual process display diagram, it supports the design of operation processes and logical sequences such as dragging nodes, setting conditional statements, executing custom methods, and jumping pages.
[0061] The page editing method provided in some embodiments of the present application is closely integrated with the existing office system, and can enter the design platform more intuitively and conveniently. Users can directly log in to the design platform from the page of the current office system, and automatically locate the design editing interface of the page, and design and modify the page based on the existing page.
[0062] The page editing method provided in some embodiments of the present application also adopts multi-tenant software architecture technology to ensure that multiple organizational users share the same system instance while maintaining data isolation and customization.
[0063] The page editing method provided in some embodiments of the present application also simplifies the design steps through AI recommendation. In the page design module, when configuring page elements, the system uses an artificial intelligence large model to automatically match existing elements and provide corresponding configuration information. Users can directly select the required elements, thereby simplifying the configuration process and improving page design efficiency.
[0064] The page editing method provided in some embodiments of the present application also provides users with a more efficient and intuitive page design method. In the page design module, the system provides convenient user interaction functions by rendering the page space in real time: support for dragging, control following the mouse, placement prompts, automatic control adsorption, automatic container arrangement, etc., making the operation of elements more flexible and convenient.
[0065] The page editing method provided in some embodiments of the present application provides a simple visual operation process design method. In the page workflow module, the user can intuitively see all the operation processes and logical sequences involved in the current page and make corresponding adjustments.
[0066] The page editing method provided in some embodiments of the present application also implements a comprehensive security strategy to ensure the security and stability of the application. This system is deployed in the cloud. While enjoying the native security protection of the cloud, it also integrates advanced input verification, anti-malicious injection mechanism, strict identity authentication and authorization process, enhanced data encryption technology and detailed abnormal log records, and builds a comprehensive security protection system.
[0067] Based on the same inventive concept, the embodiment of the present application also provides a page editing device for implementing the page editing method involved above. The implementation scheme for solving the problem provided by the device is similar to the implementation scheme recorded in the above method, so the specific limitations in one or more embodiments of the page editing device provided below can refer to the limitations of the page editing method above, and will not be repeated here.
[0068] In an exemplary embodiment, Figure 3 As shown, a page editing device 40 is provided, comprising: The acquisition module 401 is used to acquire page information of the target page in response to receiving an edit request for the target page; Display module 402, used to open the design interface corresponding to the target page based on the page information, the design interface at least including: page controls and a design area; The editing module 403 is used for arranging the page controls in the design area to obtain a page layout in a manner indicated by the dragging operation in response to receiving the dragging operation on the page controls; Obtaining data source configuration for the page control; A new version of the target page is generated based on the page layout and the data source configuration.
[0069] Optionally, the page editing device further includes a design module, which includes: an operation record submodule, a designer submodule, a control library submodule, a field attribute library submodule, a data source management submodule, a script management submodule, and a tag management submodule; The operation recording submodule is used to record the operation on the page control or the design area; The designer submodule is used to control the layout of page controls through editing and dragging behaviors; The control library submodule is used to display the basic controls of the page and the custom controls corresponding to the available fields of the data source of the page; The field attribute submodule is used to customize the field attributes of the generated page controls; The data source management submodule is used to configure the data source of the page control; The script management submodule is used to configure the running script of each control and the entire target page; The label management submodule is used to set the control label.
[0070] Optionally, the editing module 403 is further used to: In response to receiving a drag operation on the page control, moving the identifier of the page control in a semi-transparent state in the design area following the drag operation; Highlighting the page control moved by the drag operation in the design area; A container is allocated to the page control based on the position of the page control in the design area.
[0071] Optionally, the editing module 403 is further used to: When the page control is in a new row in the design area, allocating a new container for the page control; When the page control is deleted and the container does not contain other page controls, the container is deleted, and the row corresponding to the container is removed from the design area.
[0072] Optionally, the editing module 403 is further used to: determining user needs based on the page layout; Recommending page adjustment solutions to the user based on the user needs.
[0073] Optionally, the editing module 403 is further used to: In response to the received page comparison request, the old version of the target page and the new version of the target page are displayed.
[0074] Optionally, the editing module 403 is further used to: In response to the received version rollback request, the new version target page is replaced by the old version target page.
[0075] In the embodiment of the present application, by responding to the editing request of the target page, the system can quickly obtain the page information and open the corresponding design interface. In the design interface, the user can intuitively build the page layout by dragging and dropping the page controls, which greatly improves the flexibility and convenience of page design. At the same time, the system also supports the configuration of the data source of the page controls to ensure that the page can correctly display and interact with data. Based on the page layout and data source configuration designed by the user, the system can automatically generate a new version of the target page, realizing rapid iteration and efficient maintenance of page design, which not only reduces software maintenance costs, but also accelerates the product iteration speed, can quickly respond to business changes, and improve user experience.
[0076] In an exemplary embodiment, a computer device is provided. The computer device may be a server or a terminal. The internal structure diagram thereof may be as follows: Figure 4 As shown. The computer device includes a processor, a memory, an input / output interface (Input / Output, referred to as I / O) and a communication interface. The processor, the memory and the input / output interface are connected through a system bus, and the communication interface is connected to the system bus through the input / output interface. The processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system, a computer program and a database. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The database of the computer device is used to store page editing data. The input / output interface of the computer device is used to exchange information between the processor and an external device. The communication interface of the computer device is used to communicate with an external terminal through a network connection. When the computer program is executed by the processor, a page editing method is implemented.
[0077] Those skilled in the art will understand that Figure 4 The structure shown in the figure is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied. The specific computer device may include more or fewer components than those shown in the figure, or combine certain components, or have a different arrangement of components.
[0078] In an exemplary embodiment, a computer device is further provided, including a memory and a processor, wherein a computer program is stored in the memory, and the processor implements the steps in the above-mentioned method embodiments when executing the computer program.
[0079] In an exemplary embodiment, a computer-readable storage medium is provided, storing a computer program, and when the computer program is executed by a processor, the steps in the above method embodiments are implemented.
[0080] In an exemplary embodiment, a computer program product is provided, including a computer program, and when the computer program is executed by a processor, the steps in the above method embodiments are implemented.
[0081] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, stored data, displayed data, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data must comply with relevant regulations.
[0082] Those skilled in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to the memory, database or other medium used in the embodiments provided in this application can include at least one of non-volatile and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetoresistive random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. By way of illustration and not limitation, RAM may be in various forms, such as Static Random Access Memory (SRAM) or Dynamic Random Access Memory (DRAM).
[0083] The database involved in each embodiment provided in this application may include at least one of a relational database and a non-relational database. The non-relational database may include a distributed database based on blockchain, etc., but is not limited thereto. The processor involved in each embodiment provided in this application may be a general-purpose processor, a central processing unit, a graphics processor, a digital signal processor, a programmable logic device, a data processing logic device based on quantum computing, etc., but is not limited thereto.
[0084] The technical features of the above embodiments may be combined arbitrarily. To make the description concise, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.
[0085] This article uses specific examples to illustrate the principles and implementation methods of this application. The description of the above embodiments is only used to help understand the method and core ideas of this application. At the same time, for those skilled in the art, according to the ideas of this application, there will be changes in the specific implementation methods and application scope. In summary, the content of this specification should not be understood as limiting this application.
Claims
1. A page editing method, characterized in that: The page editing method comprises: In response to receiving an edit request for a target page, acquiring page information of the target page; Opening a design interface corresponding to the target page based on the page information, wherein the design interface at least includes: a page control and a design area; In response to receiving a drag operation on the page control, arranging the page control in the design area in a manner indicated by the drag operation to obtain a page layout; Obtaining data source configuration for the page control; A new version of the target page is generated based on the page layout and the data source configuration.
2. The page editing method according to claim 1, characterized in that: The design interface also includes: an operation record submodule, a designer submodule, a control library submodule, a field attribute library submodule, a data source management submodule, a script management submodule, and a tag management submodule; The operation recording submodule is used to record the operation on the page control or the design area; The designer submodule is used to control the layout of page controls through editing and dragging behaviors; The control library submodule is used to display the basic controls of the page and the custom controls corresponding to the available fields of the data source of the page; The field attribute submodule is used to customize the field attributes of the generated page controls; The data source management submodule is used to configure the data source of the page control; The script management submodule is used to configure the running script of each control and the entire target page; The label management submodule is used to set the control label.
3. The page editing method according to claim 1, characterized in that: In response to receiving a drag operation on the page control, the step of arranging the page control in the design area in a manner indicated by the drag operation to obtain a page layout includes: In response to receiving a drag operation on the page control, moving the identifier of the page control in a semi-transparent state in the design area following the drag operation; Highlighting the page control moved by the drag operation in the design area; A container is allocated to the page control based on the position of the page control in the design area.
4. The page editing method according to claim 3, characterized in that: The step of allocating a container to the page control based on the position of the page control in the design area comprises: When the page control is in a new row in the design area, allocating a new container for the page control; When the page control is deleted and the container does not contain other page controls, the container is deleted, and the row corresponding to the container is removed from the design area.
5. The page editing method according to claim 1, characterized in that: After the step of arranging the page controls in the design area in a manner indicated by the dragging operation to obtain a page layout, the method further includes: determining user needs based on the page layout; Recommending page adjustment solutions to the user based on the user needs.
6. The page editing method according to claim 1, characterized in that: After the step of generating a new version of the target page based on the page layout and the data source configuration, the method further includes: In response to the received page comparison request, the old version of the target page and the new version of the target page are displayed.
7. The page editing method according to claim 6, characterized in that: After the step of displaying the old version of the target page and the new version of the target page in response to the received page comparison request, the method further includes: In response to the received version rollback request, the new version target page is replaced by the old version target page.
8. A page editing device, characterized in that: The page editing device comprises: An acquisition module, configured to acquire page information of a target page in response to receiving an edit request for the target page; A display module, used to open a design interface corresponding to the target page based on the page information, wherein the design interface at least includes: a page control and a design area; An editing module, configured to, in response to receiving a drag operation on the page control, arrange the page control in the design area in a manner indicated by the drag operation to obtain a page layout; Obtaining data source configuration for the page control; A new version of the target page is generated based on the page layout and the data source configuration.
9. A computer device comprising: A memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the computer program to implement the steps of the page editing method according to any one of claims 1 to 7.
10. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the page editing method described in any one of claims 1 to 7 are implemented.