WO2023056903A1 - Page building method, server, terminal, and storage medium - Google Patents

Page building method, server, terminal, and storage medium Download PDF

Info

Publication number
WO2023056903A1
WO2023056903A1 PCT/CN2022/123496 CN2022123496W WO2023056903A1 WO 2023056903 A1 WO2023056903 A1 WO 2023056903A1 CN 2022123496 W CN2022123496 W CN 2022123496W WO 2023056903 A1 WO2023056903 A1 WO 2023056903A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
editing
component
content
operation interface
Prior art date
Application number
PCT/CN2022/123496
Other languages
French (fr)
Chinese (zh)
Inventor
张柳军
秦龙
蔡进坤
于海鹏
梁治祥
娄修俊
蔡志杰
蒲轶梅
李相文
张早
Original Assignee
钉钉(中国)信息技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 钉钉(中国)信息技术有限公司 filed Critical 钉钉(中国)信息技术有限公司
Publication of WO2023056903A1 publication Critical patent/WO2023056903A1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577Optimising the visualization of content, e.g. distillation of HTML documents

Definitions

  • the embodiment of the present application relates to the technical field of pages, and specifically relates to a method for building a page, a server, a terminal, and a storage medium.
  • Pages are the basic components of websites and APPs (applications). With the increasing number and functions of websites and APPs, the workload of object building pages continues to increase. Therefore, how to provide page building solutions to efficiently realize page Construction has become an urgent problem for those skilled in the art to solve.
  • the embodiments of the present application provide a page building method, a server, a terminal, and a storage medium, so as to realize efficient page building.
  • the embodiment of the present application provides a method for building a page, including: obtaining an access request from a first object for an operation interface, wherein the operation interface is used to build a target page formed by components, and the first object is a user who participates in building the target page any one of multiple objects; according to the edited content of the target page, determine the first editing page on which the first object performs editing operations, and feed back the operation interface including the first editing page to the first object; obtain the first object Component editing content in the operation interface; according to the component editing content of the first object and the component editing content of the second object, detect whether the components forming the target page selected by the first object and the second object conflict with/or edited component data; The second object is different from the first object; if the detection result is non-conflict, update the component editing content of the first object on the first editing page; obtain the editing completion instruction of the first object, and update the target page according to the first editing page.
  • the embodiment of the present application provides a page building method, including: sending to the server an access request of the first object for the operation interface. any one of multiple objects; acquire the operation interface fed back by the server including the first editing page and display the operation interface, wherein the first editing page is based on the edited content of the target page, and the first object determined to perform the editing operation Edit page of the first object; detect the component editing content of the first object on the operation interface, and send the component editing content to the server, wherein the component editing content of the first object and the second object indicates the formation target page selected by the first object and the second object
  • the first editing page successfully updates the component editing content of the first object; detects the editing completion operation of the first object, and sends the editing completion command of the first object to the server, so that the server The target page is updated based on the first edited page.
  • the embodiment of the present application provides a page building device, including: an access request acquisition module, configured to acquire the access request of the first object for the operation interface, wherein the operation interface is used to build a target page formed by components, the first An object is any one of multiple objects involved in building the target page; the interface determination and feedback module is used to determine the first edit page for the first object to edit according to the edited content of the target page, which will include the first The operation interface of the editing page is fed back to the first object; the editing content acquisition module is used to obtain the component editing content of the first object on the operation interface; the conflict detection module is used to edit the content according to the components of the first object and the components of the second object Editing content, detecting whether the first object and the components of the target page selected by the second object and/or the edited component data conflict; the second object is different from the first object; the editing content update module is used for if the detection result is no conflict , updating the component editing content of the first object on the first editing page; the page updating module is configured to acquire an access request acquisition module
  • the embodiment of the present application provides a page construction device, including: an access request sending module, configured to send a first object’s access request for an operation interface to the server, and the operation interface is used to construct a target page formed by components.
  • An object is any one of multiple objects involved in building the target page;
  • the interface acquisition and display module is used to acquire the operation interface including the first editing page fed back by the server and display the operation interface, wherein the first editing page is based on The edited content of the target page is the edited page where the determined first object performs the editing operation;
  • the edited content detection and sending module is used to detect the edited content of the component of the first object on the operation interface, and send the edited content of the component to the server, wherein,
  • the component editing content of the first object and the second object indicates that the components and/or edited component data selected by the first object and the second object to form the target page do not conflict, the first editing page successfully updates the component editing content of the first object
  • the editing completion module is used to detect the editing completion operation of the first object,
  • the embodiment of the present application provides a server, including: at least one memory and at least one processor, the memory stores one or more computer-executable instructions, and the processor invokes one or more computer-executable instructions to implement Such as the page building method of the first aspect above.
  • the embodiment of the present application provides a terminal, including: at least one memory and at least one processor, the memory stores one or more computer-executable instructions, and the processor invokes one or more computer-executable instructions to execute and implement Such as the page building method in the second aspect above.
  • the embodiment of the present application provides a storage medium, the storage medium stores one or more computer-executable instructions, and when the one or more computer-executable instructions are executed, the method for building a page as in the first aspect above is implemented, or, Such as the page building method in the second aspect above.
  • the embodiment of the present application provides a computer program, which implements the page building method in the first aspect above, or the page building method in the second aspect above when the computer program is executed.
  • Figure 1 is an example diagram of a visual operation interface.
  • Fig. 2 is a block diagram of the page building system provided by the embodiment of the present application.
  • Fig. 3 is a flow chart of the page building method provided by the embodiment of the present application.
  • Fig. 4 is another flow chart of the page building method provided by the embodiment of the present application.
  • Fig. 5 is an example diagram of editing pages of different objects provided by the embodiment of the present application.
  • FIG. 6 is an example diagram of displaying object identifiers on an operation interface provided by an embodiment of the present application.
  • FIG. 7 is an example diagram of displaying an operation cursor on an operation interface provided by an embodiment of the present application.
  • FIG. 8 is a service architecture diagram provided by an embodiment of the present application.
  • FIG. 9 is a block diagram of a page building device provided by an embodiment of the present application.
  • Fig. 10 is another block diagram of the page building device provided by the embodiment of the present application.
  • Fig. 11 is another block diagram of the page building device provided by the embodiment of the present application.
  • Fig. 12 is a block diagram of a server provided by an embodiment of the present application.
  • Fig. 13 is another block diagram of the page building device provided by the embodiment of the present application.
  • Fig. 14 is yet another block diagram of the page building device provided by the embodiment of the present application.
  • Fig. 15 is yet another block diagram of the page building device provided by the embodiment of the present application.
  • Pages are generally HTML (Hypertext Markup Language) and other file types. If the object writes code in HTML and other languages to build the page, it will undoubtedly cause a lot of work. Therefore, in order to improve the efficiency of page building, you can consider the way of visually dragging and dropping components to build the page. It should be noted that the objects referred to here are, for example, users who use page building services, and users with decision-making capabilities such as artificial intelligence.
  • the page building process may include building components and editing component data, etc., by pre-constructing multiple types of component libraries (for example, a component library includes multiple different components of one type, generally speaking, a type of Components are used to achieve the same function), so that when an object builds a page, the product or network service that provides page building services can display a visual operation interface to the object, and the object can be dragged from multiple types of component libraries displayed on the visual operation interface. Select the desired component by dragging and other methods and edit the component data of the selected component to complete the page building process.
  • component libraries for example, a component library includes multiple different components of one type, generally speaking, a type of Components are used to achieve the same function
  • the building process of the form mainly includes building an input box component and editing component data (such as building a serial input box component and/or a digital input box component, and editing the input box data editing), build option box components and edit component data (such as building radio box components and/or multi-select box components, and editing each option data), build date box components and edit component data, etc., so as to combine the example in Figure 1
  • the visual operation interface, the terminal used by the object can display the visual operation interface, the component selection area of the visual operation interface can display multiple types of component libraries, for example, display the input box component library with multiple different input boxes, and display the component library with multiple The option box component library of different option box components, showing the date box component library with multiple different date box components, etc.; then the object can select the desired input box component from the input box component library, and drag it to the editor of the visual operation interface area, so as to edit the component data of the selected input box component, select the desired option box component
  • the above method of visually dragging and dropping components to build a page allows the object to start from a blank page, follow the operation sequence of the page (such as a form), drag and drop to select the desired component and edit the corresponding component data to realize page building;
  • Objects can also be allowed to load page templates (the page templates are pre-defined with multiple components), and then select components from the component library to modify the pre-defined components in the page template to realize page construction.
  • a single object can use the above-mentioned visual drag-and-drop component to build a page to complete the page construction more efficiently.
  • multiple objects are often required to participate in building the page.
  • how to coordinate the page building work of multiple objects to achieve efficient page building has become a further problem to be solved. question.
  • the embodiment of the present application provides an improved page construction solution.
  • the embodiments of the present application provide a page building method, a server, a terminal, and a storage medium, so that when multiple objects participate in the page building, the page building work of multiple objects is coordinated to realize efficient page building.
  • the participation of multiple objects in page construction is not limited to complex page logic and structure, and multiple objects can also participate in the construction of pages with simple logic and simple structure. page to further improve the efficiency of page construction.
  • the above-mentioned method of building a page with visual drag and drop components is only an operation method for multiple objects to participate in page construction.
  • the embodiment of the present application does not limit the operation method for objects to participate in page construction. For example, objects can also manually write components and edit component data etc.
  • FIG. 2 shows a block diagram of a page building system provided by an embodiment of the present application.
  • the page construction method provided in the embodiment of the present application can be implemented based on the system shown in FIG. 2 .
  • the page building system may include: a server 10, a plurality of terminals 20; wherein, the server 10 is a network service device that provides the page building service of the embodiment of the present application, and may include a single server device or multiple server devices The formed server group; terminal 10 is the terminal device used by the object using the page building service, such as notebook computer, smart phone, PC (personal computer), etc.
  • one object uses one terminal, and the term referred to herein
  • the object can be the user using the terminal, or the artificial intelligence with decision-making ability loaded in the terminal; the terminal and the server can interact through a browser or through a specific application software (APP). Limit the interaction channels between the terminal and the server.
  • APP application software
  • the following takes the first object as any object participating in building the page as an example, and the page building method provided in the embodiment of the present application
  • the page building method corresponding to any object that participates in building the page can be realized in the same way; in one embodiment, FIG.
  • the terminal interaction used by the first object is implemented, as shown in FIG. 3 , the process may include steps S10 to S18.
  • step S10 the first object sends an access request for the operation interface to the server, and the operation interface is used to build the target page.
  • the target page is the page to be built in this embodiment of the application, for example, a target form to be built.
  • a target page may be formed from components.
  • the components are used to realize the functions of the target page, and the embodiment of the present application can set multiple different types of components used to build the target page, such as input box components, date box components, etc.; wherein, one type of component It is used to realize one function of the target page. Different types of components are used to realize different functions of the target page. The number of one type of components can be one or more.
  • the first object can use its terminal to send an access request for the operation interface to the server, so as to request the first object to operate the target page.
  • the built operation interface can be a visual operation interface based on the visual drag and drop component method, for example, the operation interface can have a component selection area for selecting components by dragging and dropping, and an editing area for placing the selected components and editing component data Etc.
  • the visual operation interface is only one form of the operation interface in step S10, and this embodiment of the present application does not exclude the operation interface that allows the object to manually edit components and component data.
  • the target address corresponding to the operation interface can be set, so that the first object can use the terminal to access the target address to send an access request for the operation interface to the server, for example, the first object can be in the browser of the terminal
  • the target address is input, so that the terminal can send an access request to the server to access the operation interface based on the target address input in the browser.
  • the terminal of the first object may also request the server to access the operation interface by accessing a specific interface in the application software.
  • step S11 the server determines the first edited page for the first object to edit according to the edited content of the target page.
  • step S12 the server feeds back the operation interface including the first editing page to the first object.
  • the server After the server obtains the access request of the first object, it needs to determine the edit page on which the first object performs editing operations. One object is to carry out subsequent construction of the target page on the basis of the first editing page.
  • the page building service can provide a design state for page editing, and a display state for displaying saved page editing results, that is, the object is to perform page editing operations in the design state, and the editing operation in the design state
  • the content is not actually saved to the target page, but to the copy page of the target page (the copy page can be considered as the page after copying the target page), only when the object saves the page editing results, the edits in the copy page
  • the content is actually merged into the target page for saving, so when a single object edits the target page, the object's edited content for the target page is first merged into the copy of the target page, and not actually merged into the target page .
  • the multiple objects may participate in the construction of the target page in different orders. If the first object is the first object to participate in the construction of the target page, the first object If no object participated in building the target page before, when the first object participates in editing the target page, the edited content for the target page is empty, and the first object is based on the copy page corresponding to the initial target page. Subsequent construction; at this time, the server may determine the copy page corresponding to the initial target page as the first editing page for the first object to perform editing operations.
  • the first object is not the first object to participate in building the target page, that is, other objects have edited the target page before the first object
  • the edited content of the target page is not empty, and the first object is to further construct the target page based on the edited content of other objects for the target page;
  • the editing content is merged to obtain the first editing page for the editing operation of the first object; it should be noted that other objects different from the first object use their respective editing pages to perform editing operations on the target page in the design state, and The editing operation is not actually performed on the target page.
  • the embodiment of the present application can edit the content of the other objects respectively.
  • the corresponding editing pages are merged to obtain the first editing page for the editing operation of the first object. That is to say, after merging the editing pages corresponding to other objects, the merged result of the edited content of other objects for the target page can be obtained , so that the first object can perform editing operations on this basis.
  • the edited content of the target page may include the set components of the target page, edited component data, and the like.
  • the design state and display state provided by the page building service are only one implementation mode, and the embodiment of this application can also directly perform editing operations on each object on the basis of the target page, such as editing operations on each object. merged into the target page, and the content of the target page can be dynamically updated and adjusted according to the editing operations of each object;
  • the embodiment of the present application can edit the currently modified target page of other objects as the first object Action's first edit page.
  • multiple objects can agree in advance on the part of the page they build, and can also set the page building authority of each object, so that each object can only build a specific part of the page (the specific part built by each object can also be set) Overlap is allowed), which is not limited in this embodiment of the present application.
  • the server After the server determines the first editing page on which the first object performs editing operations, it can carry the first editing page in the operation interface and feed it back to the first object, so that the first object can use the operation interface based on the first editing page
  • the editing operation is performed on the target page; at the same time, the server also needs to save the first editing page, so that the server can synchronize subsequent editing operations performed by the first object on the basis of the first editing page.
  • step S13 the first object sends the edited content of the component on the operation interface of the first object to the server.
  • the terminal of the first object After the terminal of the first object obtains the operation interface fed back by the server, the terminal of the first object can display the operation interface, so that the first object can edit the target page based on the first editing page displayed on the operation interface.
  • the component editing content of the first object on the operation interface may include the components selected by the first object to form the target page, and/or component data edited by the first object.
  • the operation interface is a visual operation interface implemented based on a visual drag-and-drop component
  • the embodiment of the present application may display the first editing page in the editing area of the operation interface.
  • the component selection area for selecting components, etc., so that the editing operation of the first object on the target page can generate corresponding component editing content for example, the component editing content of the first object can include: the component selected from the component selection area, and / Or, the component data etc. edited for the selected component.
  • the terminal of the first object can detect the edited content of the component of the first object on the operation interface, and send the edited content of the component to the server; , which can be sent to the server in real time or at regular intervals, so that the server can acquire the component editing content of the first object in real time or at regular intervals.
  • step S14 the server judges whether the edited content of the component of the first object conflicts with the edited content of the component of the second object, if yes, execute step S15, and if not, execute step S16.
  • step S15 the server prompts to reject the component editing content of the first object.
  • step S16 the server updates the component editing content of the first object on the first editing page.
  • the server Since there are multiple objects participating in building the target page, after the server obtains the component editing content sent by the first object, it does not directly merge the component editing content of the first object into the first editing page of the first object, but It is necessary to first determine whether the edited content of the component of the first object conflicts with the edited content of the components of other objects.
  • the embodiment of this application refers to any object that is different from the first object among the multiple objects involved in building the target page. for the second object.
  • the component editing content based on the first object may include components selected by the first object to form the target page, and/or component data edited by the first object.
  • the component editing content of the first object and the component editing content of the second object it is possible to detect whether the components forming the target page selected by the first object and the second object and/or the edited component data conflict, so as to realize the judgment Whether the component editing content of the first object conflicts with the component editing content of the second object.
  • the edited content of the components of the first object conflicts with the edited content of the components of the second object; if the first object If there is no conflict with the component forming the target page selected by the second object, and the edited component data does not conflict, then the edited content of the component of the first object does not conflict with the edited content of the component of the second object.
  • the component editing content of the first object conflicts with the component editing content of the second object
  • the first object and the second object may be editing the same type of component or component data of the same component at the same time, and The editing of the first object and the second object are conflicting.
  • the first object and the second object select different components of the same type, or edit the component data of the same component at the same time.
  • the component editing content of the first object is merged into the first editing page, it will cause the first editing page to be merged into content that conflicts with the editing of the second object, resulting in a deviation in the editing of the target page. Therefore, In the embodiment of the present application, it is necessary to reject the component editing content of the first object (that is, to refuse to merge the component editing content of the first object into the first editing page of the first object), and to feed back a prompt to the first object.
  • the embodiment of the present application can update the first editing page An object's component edit content.
  • the component editing content of the first object is merged in the first editing page, specifically, the modification made by the first object to the component and/or component data may be merged in the first editing page.
  • the first object when the component editing content of the first object conflicts with the component editing content of the second object, the first object can obtain Prompt for the edited content of the component of the object (the specific form of the prompt is not limited in this embodiment of the application, for example, it can be prompted through a pop-up window, or it may be prompted by highlighting the edited content of the component, etc.), while the component edited in the first object
  • the first editing page in the operation interface of the first object can successfully merge the component editing content.
  • the server can calculate whether the component editing content of the first object conflicts with the component editing content of the second object based on the OT (Operation Transform) algorithm.
  • OT Operaation Transform
  • other algorithms can be used for the conflict detection of the component editing content Realization is not limited by the embodiment of this application.
  • step S17 the first object sends an editing completion instruction to the server.
  • step S18 the server updates the target page according to the first edited page.
  • the server can edit the content based on the components of the first object regularly or in real time, and update the first editing page of the first object, so as to record the first For the edited content of the target page, the object realizes the editing operation based on the first object, and correspondingly adjusts the content of the first edited page in real time or periodically.
  • the first object can send an editing completion instruction to the server through the terminal, for example, the first object can click the save button on the operation interface or click the exit button on the operation interface , thus triggering the terminal of the first object to send an editing completion instruction to the server; furthermore, after the server obtains the editing completion instruction of the first object, it can update the target page based on the first editing page of the first object, so as to realize the For the actual saving of the editing content of the target page, for example, the embodiment of the present application can merge the modified component content in the first editing page into the target page to realize the update of the target page; it can be understood that the first editing page
  • the modified component content is the editing content of the first object for the target page in the design state.
  • the content of the components modified on the page can be merged into the target page, so that after the first object finishes editing, when the first object or other objects browse the editing results of the target page, the server can display the merged first editing page in the display state The target page of the modified content in the target page, so as to display the editing results of the first object on the target page.
  • the server can obtain the access request of the first object for the operation interface, wherein the operation interface is used to build a target page formed by components, and the first object is a plurality of users participating in building the target page. any of the objects. Therefore, according to the edited content of the target page, the server can determine the first edited page on which the first object performs editing operations, and feed back the operation interface including the first edited page to the first object, so that the first object can edit the target page on the operation interface to edit.
  • the server can obtain the component editing content of the first object on the operation interface, and detect the first object and the second object according to the component editing content of the first object and the component editing content of the second object. Whether the selected components forming the target page and/or the edited component data of the two objects conflict.
  • the server may update the component editing content of the first object on the first editing page, so as to record the edited content of the first object on the target page on the first editing page; furthermore, on the first editing page After the object is edited, the server can obtain the editing completion instruction of the first object, and update the target page based on the first editing page, so as to actually save the edited content of the first object on the target page, and realize the construction of the target page by the first object .
  • the page building method provided by the embodiment of the present application can allow multiple objects to participate in building the target page, and for the first object among the multiple objects, the first object performs editing operations on the basis of the first editing page, and the first The editing page is determined based on the edited content of the target page, so that the first object can actually perform subsequent editing operations on the basis of the edited content of the target page, reducing the working scope of the editing operation of the first object and improving Improve the editing efficiency of the target page.
  • the component editing content of the first object and the component editing content of the second object can be merged into the first editing page only when the selected component and/or the edited component data do not conflict.
  • the embodiment of the present application can update the target page according to the first editing page of the first object when the first object is edited, so that the content edited by the first object for the component of the target page can be saved in the target page, realizing the first The object is to build the target page.
  • the page construction method provided by the embodiment of the present application allows multiple objects to participate in the construction of the target page, and enables the objects participating in the construction to be edited on the basis of the edited content of the previous objects, and at the same time, ensures that the component editing content of each object There is no conflict, and when multiple objects participate in building the target page, the page building work of multiple objects can be coordinated to achieve efficient page building.
  • FIG. 4 shows another flow chart of the page building method provided by the embodiment of the present application, and the process can be implemented by the server. As shown in Figure 4, the process may include steps S20 to S29.
  • step S20 the access request of the first object for the operation interface is obtained.
  • step S20 for the introduction of step S20, reference may be made to the corresponding part above, and details are not repeated here.
  • step S21 it is judged whether the first object is the first object participating in building the target page, if yes, execute step S22, if not, execute step S23.
  • step S22 the duplicate page corresponding to the initial target page is determined as the first edited page on which the editing operation is performed for the first object.
  • the embodiment of the present application can copy the initial target page to obtain the copy page corresponding to the initial target page, as The first editing page, so that in the design state, the first object can be edited on the basis of the first editing page; in one embodiment, the initial target page can be a blank page, or a predefined template page for each component.
  • step S23 the editing pages of the objects that have participated in building the target page are merged, and the resulting page is used as the first editing page for the first object to perform editing operations.
  • the edited content for the target page is not empty, that is, there are currently other objects that have participated in building the target page (the number of other objects is at least one ), and each object is edited through its corresponding editing page in the design state, thus, in the embodiment of the present application, the editing pages of the objects that have participated in building the target page can be merged, and the obtained page can be used as the first object
  • the first edit page for editing operations enables the first object to further perform editing operations on the basis of edited content of other objects on the target page.
  • Page B when object C participates in building the target page, object C needs to perform further editing operations on the basis of the edited content of objects A and B, so the embodiment of the present application can merge the editing page A and editing page B to obtain
  • the page of the object C is used as the editing page C for the editing operation of the object C; in the same way, the editing pages corresponding to the objects in different sequences participating in the construction of the target page can be determined, so that the objects participating in the construction later are based on the edited content of the previous objects edit on.
  • the edited content of an object may include the selected component, and/or edited component data for the selected component.
  • the multiple objects can be regarded as the first object to participate in building the target page. Therefore, the editing pages of each object can be the copy pages corresponding to the initial target page; in one embodiment, due to problems such as network delay, the time difference referred to here can allow multiple objects to participate in building the target page at the same time. Within the time range, for example, if the time difference between multiple objects participating in building the target page is within 1 minute or less, it can be regarded as multiple objects participating in building the target page at the same time.
  • the embodiment of this application can also set the second level time difference, or even finer-grained time difference to measure whether multiple objects participate in building the target page at the same time.
  • step S24 the operation interface including the first editing page is fed back to the first object.
  • step S25 the component editing content of the first object on the operation interface is acquired in real time.
  • step S26 it is determined whether the edited content of the component of the first object conflicts with the edited content of the component of the second object, if yes, execute step S27, if not, execute step S28.
  • step S27 prompt to reject the component editing content of the first object.
  • step S28 the component editing content of the first object is updated on the first editing page.
  • step S29 the editing completion instruction of the first object is obtained, and the component content modified by the first object in the first editing page is merged into the target page.
  • the operation interface includes a component selection area for selecting components, and an editing area for placing the selected component and editing component data for the selected component as an example, then the first editing page of the first object can be located at Editing area, so that the first object can select a component from the component selection area, place the selected component on the first editing page, and edit the component data of the selected component on the first editing page, so as to realize the operation interface of the first object Editing operation, so as to obtain the edited content of the component of the first object.
  • the component editing content corresponding to each editing operation of the first object can be transmitted to the server, so that the server can judge whether the component editing content of the first object conflicts with the component editing content of the second object, so that if there is no conflict, the In an editing page, the component editing content of the first object is merged.
  • text Content conflict is generally to determine whether multiple users write the same string at the same time (like a sentence), that is, multiple users write the same string at the same time, it can be regarded as a writing conflict of text content.
  • the editing operation of an object involves selecting a component and/or editing component data
  • the conflict between the component editing content of the first object and the component editing content of the second object may be a conflict in the selected component, And/or, conflicts in editing component data.
  • the embodiment of the present application can detect whether the components selected from the component selection area of the first object and the second object conflict according to the component editing content of the first object and the component editing content of the second object, And/or, detect whether the component data edited by the first object and the second object conflict with the selected component, so as to detect whether the component edited content of the first object conflicts with the component edited content of the second object.
  • a possible situation that the component editing content of the first object conflicts with the component editing content of the second object may include at least one of the following items.
  • the first object and the second object select different components of the same type. That is to say, the first object and the second object respectively select different components when selecting components to realize the same function, thus causing a conflict in component selection.
  • the first object and the second object select the radio button component, but the first object and the second object select different radio buttons, then the first object and the second object are in the There is a conflict on the selection radio button, at this time, the component edit content of the first object is not accepted.
  • the first object and the second object simultaneously edit component data of the same component. That is, the first object and the second object edit the component data of the same component at the same time, and there is a conflict because it cannot be confirmed which object is used to edit the component data.
  • the first object and the second object edit the option data of the radio box, since it is impossible to confirm whether the option data edited by the first object or the second object is used, the first object’s option data will not be accepted.
  • Component edit content if both the first object and the second object edit the option data of the radio box, since it is impossible to confirm whether the option data edited by the first object or the second object is used, the first object’s option data will not be accepted.
  • the component editing content of the first object and the second object do not conflict on the selected component and do not conflict on the edited component data
  • the component editing content of the first object does not conflict with the component editing content of the second object.
  • the server obtains the editing completion instructions of all objects
  • the target page can be updated based on the corresponding editing pages of each object, thereby summarizing the editing results of each object to form a complete target page.
  • the embodiment of the present application may display the object identifiers of the objects currently participating in building the target page in the operation interface fed back to the first object (for example object avatar and/or object name), so that the first object can clearly perceive the specific number of objects and object information currently participating in building the target page through the object identification of each object displayed in the operation interface; correspondingly, the server can give feedback to The operation interface of the first object carries the object identifiers of the objects currently participating in building the target page, so that the terminal of the first object can display the object identifiers of the objects currently participating in building the target page when displaying the operation interface.
  • the first object for example object avatar and/or object name
  • the operation interface can further increase the object identifier of the new object, and correspondingly, the server can feed back the object identifier of the new object to the first object, so that the first object
  • the operation interface of the object adds the object identification of the new object; and if there is an exit object that exits the construction target page, the operation interface of the first object can further cancel the object identification of the exit object.
  • Object feedback cancels the instruction to display the object ID of the exit object, so that the object ID of the exit object can be canceled on the operation interface; it is understandable that when an object exits the construction target page, it means that the object has completed the editing operation, and the object correspondingly The content modified on the editing page of the .
  • the operation interface fed back by the server to object B can display the object IDs of object A and object B , and when object C is newly added to the building target page, the server can feed back the object ID of object C to object B, so as to increase the object ID of object C displayed on the operation interface of object B; if subsequent object A exits the building target page, the server An instruction to cancel the display of the object ID of object A can be fed back to object B, so as to cancel the display of the object ID of object A on the operation interface of object B; it can be understood that the method of displaying object identification in the operation interface of other objects can be realized in the same way , which will not be expanded here.
  • the embodiment of the present application may further display the editing operations of each object on the operation interface on the operation interface of the first object mark, so that the first object can perceive the position of other objects being edited in the operation interface, thereby reducing the possibility of editing operation conflicts between the first object and other objects;
  • Different objects that currently participate in building the target page are called second objects (the number is at least one), so that the server can determine the position information corresponding to the operation symbol of the second object in the operation interface, and set the corresponding position information of the operation symbol of the second object The position information is fed back to the first object, so that the operation sign of the second object is displayed on the operation interface of the first object.
  • the embodiment of the present application can display the operation cursor of the second object on the operation interface on the operation interface of the first object (the operation cursor can be considered as an implementation form of the operation symbol, and the embodiment of the present application can also display Use other forms of operation signs) to indicate to the first object the corresponding operation position of the second object in the operation interface through the position of the operation cursor of the second object, reducing the number of different objects due to editing operations on the same position of the operation interface the possibility of conflict.
  • the operation interface of object B changes with the operation position of object B
  • the operation cursors of objects A and C can be dynamically displayed on the operation interface of object B based on the position information of the operation cursors of objects A and C fed back by the server, so as to reduce the conflict between object B and object A.
  • Components and/or component data operating in the same location as C editors may cause conflicts.
  • the page construction method provided by the embodiment of the present application can allow multiple objects to participate in the construction of the same target page, and by displaying the object identification of each object on the operation interface, each object can be clear about all the objects currently participating in the construction of the page; and, by In addition to displaying its own operation logo on the operation interface, it further displays the operation logo of other objects, so that each object can perceive the editing operation position of other objects in the operation interface in real time, avoiding repeated and conflicting editing operations, and greatly improving page construction. efficiency.
  • the server can deploy the service architecture illustrated in FIG. 8 to implement the page building method provided in the embodiment of the present application.
  • the services deployed by the server can at least include: an access interface, a page designer, Online collaboration service, multi-object collaboration synchronization service, summary service.
  • the access interface is used to access the access requests of each object;
  • the page designer provides online page editing functions for the object, mainly provides the object with an operation interface for building pages, and realizes operations such as dragging and dropping components, editing component data, etc. function, in the embodiment of this application, multiple objects enter the same page designer to perform page editing operations, but based on the different order of adding different objects, the page designer provides operation interfaces with different editing pages for different objects, and the specific implementation method can be Refer to the corresponding description above, which will not be expanded here.
  • Online collaboration service multi-object collaboration synchronization service, and summary service can be deployed in the console of the server; among them, the online collaboration service can establish a long link for each object that enters the page designer after the object enables the online collaboration function to ensure that the object
  • the terminal and the server can carry out real-time and long-term data communication.
  • the online collaboration service can calculate the edited content (such as modified content) of each object on its own edit page based on the edit operation of each object and synchronize it to multiple objects.
  • Collaborative synchronization service can be calculated the edited content (such as modified content) of each object on its own edit page based on the edit operation of each object and synchronize it to multiple objects.
  • the multi-object collaborative synchronization service can judge whether the component editing content of each object conflicts with other object component editing content based on OT algorithm and other technologies; if there is no conflict, the component editing content of each object is synchronously merged into each In the corresponding editing page of each object, it is displayed in the page designer at the same time, so that each object can clearly understand the editing operation made by itself through its own editing page; and when a conflict occurs, the object is prompted to reject the editing content of the component; further , the multi-object collaboration synchronization service can notify each object of the object ID of each object currently participating in page construction, and the operation flag of each object in the operation interface, so that each object can perceive the editing operation position of other objects in the operation interface .
  • the summary service is used to merge the modified content in the edit page of an object into the target page when the editing operation of an object is completed, and form the final summary target page when each object completes the editing operation, and complete the target page visualization build.
  • the specific process includes: when user C participates in building the form, since users A and B have already participated in building the form, the editing page C for user C to edit is done by adding the user
  • the edit page A corresponding to A and the edit page B corresponding to user B are obtained by merging; for example, assuming that user A builds a serial input box component on the basis of a blank form and is editing component data, user B builds a single If the box component is selected and the component data is being edited, then the editing page C corresponding to user C can be a form after the serial input box group and radio button components have been built; further, the server will include the feedback on the operation interface of the editing page C When giving the terminal of user C, the server can display the user avatars and user
  • user C can drag and select the multi-select box component from the multi-select box component library to edit page C.
  • the edited content of the multi-select box component selected by user C can be uploaded to the server.
  • the server judges that the edited content of the component by user C does not conflict with the edited content of the components of users A and B, it can merge the edited content of user C on the edit page C Content, that is, accept the multi-selection box component selected by user C on the editing page C; if the server judges that the editing content of the component of user C conflicts with the editing content of the components of users A and B, it can prompt user C to refuse to merge the user on the editing page C C's component editing content, that is, rejecting the multi-select box component selected by user C on the edit page C; assuming that the multi-select box component selected by user C is allowed to be merged into the edit page C, then user C can further edit the selected multi-select
  • the box component edits component data (such as editing the data of each option), and user C uploads the corresponding component editing content to the server in real time, so that the server can detect conflicts, and when there is no conflict, allow user C to further merge on the editing page C Component editing content, so that each component
  • the server can feed back to user C’s terminal the instruction to cancel the display of user A and B’s user avatars and user names, and feed back the instruction to cancel the display of user A and B’s operation cursor.
  • user C can save and exit the building form, so that the server can merge the content modified by user C’s editing page C into the form, so that the form can be browsed in the display state , the form can display user C’s editing content for the form, that is, the form further presents the built multi-select box components and corresponding component data; it can be seen that after users A, B and C complete the form construction in sequence, the implementation of this application For example, users A, B, and C can summarize the construction content of the form, so as to realize the efficient construction of the form.
  • the form is only an implementation form of the page built by the embodiment of the present application, and the embodiment of the present application can also realize the construction of other display type pages, which is not limited by the embodiment of the present application.
  • the page construction method provided by the embodiment of the present application allows multiple objects to participate in the construction of the target page, and allows the objects participating in the construction to be edited on the basis of the edited content of the previous object, and at the same time, it is guaranteed that the edited content of each object does not conflict , when multiple objects participate in building the target page, the page building work of multiple objects can be coordinated to achieve efficient page building.
  • the page building device described below can be regarded as a functional module that the server needs to set up to implement the page building method provided by the embodiment of the present application.
  • the content of the page building device described below may be referred to in correspondence with the content of the page building method described above.
  • FIG. 9 shows a block diagram of a page construction device provided by an embodiment of the present application.
  • the page building device may include: an access request acquisition module 100, configured to acquire an access request from a first object for an operation interface, wherein the operation interface is used to build a target page formed by components, and the first object is Any object among the multiple objects involved in building the target page; the interface determination and feedback module 110 is used to determine the first editing page for the first object to perform editing operations according to the edited content of the target page, which will include the first editing page The operation interface of the first object is fed back to the first object; the editing content acquisition module 120 is used to obtain the editing content of the components of the first object on the operation interface; the conflict detection module 130 is used to edit the content according to the components of the first object and the components of the second object Editing content, detecting whether the component and/or edited component data of the first object and the second object selected to form the target page conflict; the second object is different from the first object; the editing content update module 140 is used to Conflict, update
  • the first editing page performed by the interface determination and feedback module 110 according to the edited content of the target page to determine the first object for editing operations includes: if the first object is the first object that participates in building the target page , determine the copy page corresponding to the initial target page as the first editing page for the first object to edit; if the first object is not the first object to participate in building the target page, the The edited pages are merged, and the obtained page is used as the first edited page on which the editing operation is performed on the first object.
  • the operation interface includes: a component selection area for selecting components, and an editing area for placing the selected components and editing component data for the selected components, wherein the first editing page is located in the editing area; in one embodiment Among them, the editing content acquisition module 120 is used to acquire the component editing content of the first object on the operation interface, including: acquiring the component selected by the first object from the component selection area, and/or the component data edited for the selected component.
  • the conflict detection module 130 detects the components and/or edited components selected by the first object and the second object to form the target page according to the component editing content of the first object and the component editing content of the second object. Whether the component data conflicts, including: according to the component editing content of the first object and the component editing content of the second object, detecting whether the components selected by the first object and the second object from the component selection area conflict, and/or detecting the first Whether the object and the second object conflict with the component data edited by the selected component.
  • detecting whether the components selected by the first object and the second object from the component selection area conflict with the conflict detection module 130 includes: detecting whether the first object and the second object select the same type from the component selection area different components of ; wherein, if the first object and the second object select different components of the same type from the component selection area, the components selected by the first object and the second object from the component selection area conflict.
  • Detecting whether the component data edited by the first object and the second object conflict with the selected component performed by the conflict detection module 130 includes: detecting whether the first object and the second object edit the component data of the same component at the same time; If an object and a second object edit the component data of the same component at the same time, then the component data edited by the first object and the second object conflict with the selected component.
  • updating the component editing content of the first object on the first editing page performed by the editing content updating module 140 includes: merging the component editing content of the first object on the first editing page.
  • updating the target page according to the first editing page performed by the page updating module 150 includes: merging the modified component content in the first editing page into the target page.
  • FIG. 10 shows another block diagram of the page building device provided by the embodiment of the present application.
  • An object prompts to reject the component edit content of the first object.
  • FIG. 11 shows another block diagram of the page construction device provided by the embodiment of the present application.
  • the page building device may further include: an object identifier feedback module 170, configured to carry the object identifiers of the objects currently involved in building the target page in the operation interface fed back to the first object; After the first object, there is a new object that participates in building the target page, and the object ID of the new object is fed back to the first object, so that the object ID of the new object can be displayed on the operation interface of the first object; if there is an exit object that exits the target page Feedback to the first object an instruction to cancel the display of the object identifier of the exit object, so that the object identifier of the exit object can be canceled on the operation interface of the first object; the operation flag feedback module 180 is used to determine that the operation flag of each second object is in operation The position information corresponding to the interface is to feed back the position information corresponding to the operation marks of each second object to the first object, so as to display the operation marks
  • the object identifier feedback module 170 and the operation flag feedback module 180 can also be implemented alternatively.
  • the page construction device provided by the embodiment of the present application allows multiple objects to participate in the construction of the target page, and allows the objects that participate in the construction to be edited on the basis of the edited content of the previous object, and at the same time, ensures that the edited content of the components of each object is not consistent.
  • Conflict when multiple objects participate in building the target page, coordinate the page building work of multiple objects to achieve efficient page building.
  • the embodiment of the present application also provides a server, which can deploy the service of building pages, so that multiple objects can access the service, so as to realize the participation of multiple objects in building pages; specifically, the server can be loaded with the
  • the page building device is used to realize the page building method performed from the perspective of the server provided in the embodiment of the present application.
  • Fig. 12 shows a block diagram of a server provided by an embodiment of the present application.
  • the server may include: at least one processor 1, at least one communication interface 2, at least one memory 3 and at least one communication bus 4; in the embodiment of the present application, the processor 1, the communication interface 2, the memory 3. There is at least one communication bus 4 , and the processor 1 , the communication interface 2 , and the memory 3 communicate with each other through the communication bus 4 .
  • the communication interface 2 may be an interface of a communication module for network communication.
  • processor 1 may be CPU (central processing unit), GPU (Graphics Processing Unit, graphics processing unit), NPU (embedded neural network processor), FPGA (Field Programmable Gate Array, Field Programmable Logic gate array), TPU (tensor processing unit), AI chip, specific integrated circuit ASIC (Application Specific Integrated Circuit), or one or more integrated circuits configured to implement the embodiments of the present application, etc.
  • CPU central processing unit
  • GPU Graphics Processing Unit, graphics processing unit
  • NPU embedded neural network processor
  • FPGA Field Programmable Gate Array
  • Field Programmable Logic gate array field Programmable Logic gate array
  • TPU tensor processing unit
  • AI chip specific integrated circuit ASIC (Application Specific Integrated Circuit), or one or more integrated circuits configured to implement the embodiments of the present application, etc.
  • the memory 3 may include a high-speed RAM memory, and may also include a non-volatile memory (non-volatile memory), such as at least one magnetic disk memory.
  • the memory 3 stores one or more computer-executable instructions
  • the processor 1 invokes one or more computer-executable instructions to implement the server-perspective page building method provided by the embodiment of the present application.
  • the embodiment of the present application also provides a storage medium, which can store one or more computer-executable instructions.
  • a storage medium which can store one or more computer-executable instructions.
  • the embodiment of the present application also provides a computer program.
  • the computer program When the computer program is executed, the method for building a page provided by the embodiment of the present application from the perspective of the server is implemented.
  • the page building device described below can be regarded as a functional module that the terminal needs to set to implement the page building method provided by the embodiment of the present application.
  • the content of the page building device described below may be referred to in correspondence with the content of the page building method described above.
  • Fig. 13 shows another block diagram of the page building device provided by the embodiment of the present application.
  • the device may include: an access request sending module 200, configured to send to the server an access request of the first object for the operation interface, the operation interface is used to build a target page formed by components, and the first object is to participate in the construction Any object in a plurality of objects of the target page; the interface acquisition and display module 210, used to acquire the operation interface of the first editing page fed back by the server and display the operation interface, wherein the first editing page is based on the target page Edited content, the editing page where the determined first object performs editing operations; the editing content detection and sending module 220 is used to detect the component editing content of the first object on the operation interface, and send the component editing content to the server, wherein, the first When the component editing content of the object and the second object indicates that the first object does not conflict with the components and/or edited component data selected by the second object to form the target page, the first editing page successfully updates the component editing content of the first
  • the first edit page is the copy page corresponding to the initial target page; if the first object is not the first object involved in building the target page object, the first editing page is a page obtained by merging the editing pages of the objects that have participated in building the target page.
  • the interface acquiring and displaying module 210 used to display the operation interface includes: displaying a component selection area for selecting components, and an editing area for placing the selected components and editing component data for the selected components, wherein, the first An editing page is located in the editing area; in one embodiment, the editing content detection and sending module 220 is used to detect the component editing content of the first object in the operation interface, including: detecting the component selected by the first object from the component selection area, And/or, component data edited for the selected component.
  • Fig. 14 shows yet another block diagram of the page building device provided by the embodiment of the present application.
  • the page building device may further include: a rejection prompt acquisition module 240, configured to indicate the formation of the target page selected by the first object and the second object in the component editing content of the first object and the second object When there is a conflict between the component and/or the edited component data, a prompt to reject the edited content of the component of the first object fed back by the server is obtained.
  • Fig. 15 shows yet another block diagram of the page building device provided by the embodiment of the present application.
  • the device may further include: an object identification display module 250, which is used to display the object identifications of the objects currently involved in building the target page on the operation interface when displaying the operation interface; after the first object When there is a new object that participates in building the target page, obtain the object ID of the new object fed back by the server, and add the object ID to display the new object in the operation interface; when there is an exit object that exits the construction target page, obtain the feedback from the server to cancel the display of the exit object
  • the instruction of the object identification of the object is to cancel the display of the object identification of the exiting object on the operation interface;
  • the operation identification display module 260 is used to obtain the position information corresponding to the operation identification of each second object fed back by the server on the operation interface, and to perform the operation of the first object
  • the interface displays the operation signs of each second object.
  • the object identification display module 250 and the operation identification display module 260 can be used alternatively.
  • the embodiment of the present application also provides a terminal, which can implement the page building method performed from the perspective of the terminal provided in the embodiment of the present application by loading the above-mentioned page building device.
  • the terminal may include at least one memory and at least one processor, the memory stores one or more computer-executable instructions, and the processor invokes one or more computer-executable instructions to execute Implement the page building method executed from the terminal perspective provided in the embodiment of the present application.
  • the embodiment of the present application also provides a storage medium, which can store one or more computer-executable instructions.
  • a storage medium which can store one or more computer-executable instructions.
  • the embodiment of the present application further provides a computer program.
  • the computer program When the computer program is executed, the method for building a page provided by the embodiment of the present application from the perspective of the terminal is implemented.

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Document Processing Apparatus (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

A page building method, a server (10), a terminal (20), and a storage medium. The page building method comprises: acquiring, from a first object, an access request for an operation interface, wherein the operation interface is used for building a target page (S10); according to edited content of the target page, determining a first editing page on which the first object performs an editing operation (S11); feeding the operation interface that comprises the first editing page back to the first object (S12); acquiring component editing content of the first object in the operation interface (S13); according to the component editing content of the first object and that of a second object, detecting whether there is a conflict between components that are selected by the first object and the second object and/or component data that is edited thereby (S14); if no conflict is detected, updating the component editing content of the first object on the first editing page (S16); acquiring an editing completion instruction of the first object (S17); and according to the first editing page, updating the target page (S18).

Description

页面搭建方法、服务器、终端及存储介质Page construction method, server, terminal and storage medium
本申请要求于2021年10月08日提交中国专利局、申请号为202111172664.2、发明名称为“一种页面搭建方法、服务器、终端及存储介质”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。This application claims the priority of the Chinese patent application with the application number 202111172664.2 and the title of the invention "a page building method, server, terminal and storage medium" submitted to the China Patent Office on October 8, 2021, the entire contents of which are incorporated by reference incorporated in this application.
技术领域technical field
本申请实施例涉及页面技术领域,具体涉及一种页面搭建方法、服务器、终端及存储介质。The embodiment of the present application relates to the technical field of pages, and specifically relates to a method for building a page, a server, a terminal, and a storage medium.
背景技术Background technique
页面是网站、APP(应用)的基本组成部分,随着网站、APP的数量、功能的不断增多,对象搭建页面的工作量随之不断攀升,因此,如何提供页面搭建方案,以高效的实现页面搭建,成为了本领域技术人员亟需解决的问题。Pages are the basic components of websites and APPs (applications). With the increasing number and functions of websites and APPs, the workload of object building pages continues to increase. Therefore, how to provide page building solutions to efficiently realize page Construction has become an urgent problem for those skilled in the art to solve.
发明内容Contents of the invention
有鉴于此,本申请实施例提供一种页面搭建方法、服务器、终端及存储介质,以实现高效搭建页面。In view of this, the embodiments of the present application provide a page building method, a server, a terminal, and a storage medium, so as to realize efficient page building.
为实现上述目的,本申请实施例提供如下技术方案。To achieve the above purpose, the embodiments of the present application provide the following technical solutions.
第一方面,本申请实施例提供一种页面搭建方法,包括:获取第一对象针对操作界面的访问请求,其中,操作界面用于搭建由组件形成的目标页面,第一对象为参与搭建目标页面的多个对象中的任一对象;根据目标页面的已编辑内容,确定第一对象进行编辑操作的第一编辑页面,将包括第一编辑页面的操作界面反馈给第一对象;获取第一对象在操作界面的组件编辑内容;根据第一对象的组件编辑内容以及第二对象的组件编辑内容,检测第一对象与第二对象选择的形成目标页面的组件和/或编辑的组件数据是否冲突;第二对象不同于第一对象;若检测结果为不冲突,在第一编辑页面中更新第一对象的组件编辑内容;获取第一对象的编辑完成指令,根据第一编辑页面更新目标页面。In the first aspect, the embodiment of the present application provides a method for building a page, including: obtaining an access request from a first object for an operation interface, wherein the operation interface is used to build a target page formed by components, and the first object is a user who participates in building the target page any one of multiple objects; according to the edited content of the target page, determine the first editing page on which the first object performs editing operations, and feed back the operation interface including the first editing page to the first object; obtain the first object Component editing content in the operation interface; according to the component editing content of the first object and the component editing content of the second object, detect whether the components forming the target page selected by the first object and the second object conflict with/or edited component data; The second object is different from the first object; if the detection result is non-conflict, update the component editing content of the first object on the first editing page; obtain the editing completion instruction of the first object, and update the target page according to the first editing page.
第二方面,本申请实施例提供一种页面搭建方法,包括:向服务器发送第一对象针对操作界面的访问请求,操作界面用于搭建由组件形成的目标页面,第一对象为参与搭建目标页面的多个对象中的任一对象;获取服务器反馈的包括第一编辑页面的操作界面并展示操作界面,其中,第一编辑页面为基于目标页面的已编辑内容,确定的第一对象进行编辑操作的编辑页面;检测第一对象在操作界面的组件编辑内容,将组件编辑内容发送给服务器,其中,第一对象与第二对象的组件编辑内容指示第一对象与第二对象选择的形成目标页面的组件和/或编辑的组件数据不冲突时,第一编辑页面成功更新第一对象的组件编辑内容;检测第一对象的编辑完成操作,向服务器发送第一对象的编辑完成指令,以使服务器 根据第一编辑页面更新目标页面。In the second aspect, the embodiment of the present application provides a page building method, including: sending to the server an access request of the first object for the operation interface. any one of multiple objects; acquire the operation interface fed back by the server including the first editing page and display the operation interface, wherein the first editing page is based on the edited content of the target page, and the first object determined to perform the editing operation Edit page of the first object; detect the component editing content of the first object on the operation interface, and send the component editing content to the server, wherein the component editing content of the first object and the second object indicates the formation target page selected by the first object and the second object When the components and/or edited component data do not conflict, the first editing page successfully updates the component editing content of the first object; detects the editing completion operation of the first object, and sends the editing completion command of the first object to the server, so that the server The target page is updated based on the first edited page.
第三方面,本申请实施例提供一种页面搭建装置,包括:访问请求获取模块,用于获取第一对象针对操作界面的访问请求,其中,操作界面用于搭建由组件形成的目标页面,第一对象为参与搭建目标页面的多个对象中的任一对象;界面确定及反馈模块,用于根据目标页面的已编辑内容,确定第一对象进行编辑操作的第一编辑页面,将包括第一编辑页面的操作界面反馈给第一对象;编辑内容获取模块,用于获取第一对象在操作界面的组件编辑内容;冲突检测模块,用于根据第一对象的组件编辑内容以及第二对象的组件编辑内容,检测第一对象与第二对象选择的形成目标页面的组件和/或编辑的组件数据是否冲突;第二对象不同于第一对象;编辑内容更新模块,用于若检测结果为不冲突,在第一编辑页面中更新第一对象的组件编辑内容;页面更新模块,用于获取第一对象的编辑完成指令,根据第一编辑页面更新目标页面。In the third aspect, the embodiment of the present application provides a page building device, including: an access request acquisition module, configured to acquire the access request of the first object for the operation interface, wherein the operation interface is used to build a target page formed by components, the first An object is any one of multiple objects involved in building the target page; the interface determination and feedback module is used to determine the first edit page for the first object to edit according to the edited content of the target page, which will include the first The operation interface of the editing page is fed back to the first object; the editing content acquisition module is used to obtain the component editing content of the first object on the operation interface; the conflict detection module is used to edit the content according to the components of the first object and the components of the second object Editing content, detecting whether the first object and the components of the target page selected by the second object and/or the edited component data conflict; the second object is different from the first object; the editing content update module is used for if the detection result is no conflict , updating the component editing content of the first object on the first editing page; the page updating module is configured to acquire an editing completion instruction of the first object, and update the target page according to the first editing page.
第四方面,本申请实施例提供一种页面搭建装置,包括:访问请求发送模块,用于向服务器发送第一对象针对操作界面的访问请求,操作界面用于搭建由组件形成的目标页面,第一对象为参与搭建目标页面的多个对象中的任一对象;界面获取及展示模块,用于获取服务器反馈的包括第一编辑页面的操作界面并展示操作界面,其中,第一编辑页面为基于目标页面的已编辑内容,确定的第一对象进行编辑操作的编辑页面;编辑内容检测及发送模块,用于检测第一对象在操作界面的组件编辑内容,将组件编辑内容发送给服务器,其中,第一对象与第二对象的组件编辑内容指示第一对象与第二对象选择的形成目标页面的组件和/或编辑的组件数据不冲突时,第一编辑页面成功更新第一对象的组件编辑内容;编辑完成模块,用于检测第一对象的编辑完成操作,向服务器发送第一对象的编辑完成指令,以使服务器根据第一编辑页面更新目标页面。In a fourth aspect, the embodiment of the present application provides a page construction device, including: an access request sending module, configured to send a first object’s access request for an operation interface to the server, and the operation interface is used to construct a target page formed by components. An object is any one of multiple objects involved in building the target page; the interface acquisition and display module is used to acquire the operation interface including the first editing page fed back by the server and display the operation interface, wherein the first editing page is based on The edited content of the target page is the edited page where the determined first object performs the editing operation; the edited content detection and sending module is used to detect the edited content of the component of the first object on the operation interface, and send the edited content of the component to the server, wherein, When the component editing content of the first object and the second object indicates that the components and/or edited component data selected by the first object and the second object to form the target page do not conflict, the first editing page successfully updates the component editing content of the first object The editing completion module is used to detect the editing completion operation of the first object, and send the editing completion instruction of the first object to the server, so that the server updates the target page according to the first editing page.
第五方面,本申请实施例提供一种服务器,包括:至少一个存储器和至少一个处理器,存储器存储一条或多条计算机可执行指令,处理器调用一条或多条计算机可执行指令,以执行实现如上述第一方面的页面搭建方法。In the fifth aspect, the embodiment of the present application provides a server, including: at least one memory and at least one processor, the memory stores one or more computer-executable instructions, and the processor invokes one or more computer-executable instructions to implement Such as the page building method of the first aspect above.
第六方面,本申请实施例提供一种终端,包括:至少一个存储器和至少一个处理器,存储器存储一条或多条计算机可执行指令,处理器调用一条或多条计算机可执行指令,以执行实现如上述第二方面的页面搭建方法。In the sixth aspect, the embodiment of the present application provides a terminal, including: at least one memory and at least one processor, the memory stores one or more computer-executable instructions, and the processor invokes one or more computer-executable instructions to execute and implement Such as the page building method in the second aspect above.
第七方面,本申请实施例提供一种存储介质,存储介质存储一条或多条计算机可执行指令,一条或多条计算机可执行指令被执行时实现如上述第一方面的页面搭建方法,或者,如上述第二方面的页面搭建方法。In the seventh aspect, the embodiment of the present application provides a storage medium, the storage medium stores one or more computer-executable instructions, and when the one or more computer-executable instructions are executed, the method for building a page as in the first aspect above is implemented, or, Such as the page building method in the second aspect above.
第八方面,本申请实施例提供一种计算机程序,计算机程序被执行时实现如上述第一方面的页面搭建方法,或者,如上述第二方面的页面搭建方法。In an eighth aspect, the embodiment of the present application provides a computer program, which implements the page building method in the first aspect above, or the page building method in the second aspect above when the computer program is executed.
上述概述仅仅是为了说明书的目的,并不意图以任何方式进行限制。除上述描述的示意性的方面、实施方式和特征之外,通过参考附图和以下的详细描述,本申请进一步的方 面、实施方式和特征将会是容易明白的。The above summary is for illustrative purposes only and is not intended to be limiting in any way. In addition to the illustrative aspects, embodiments and features described above, further aspects, embodiments and features of the present application will be readily apparent by reference to the drawings and the following detailed description.
附图说明Description of drawings
为了更清楚地说明本申请实施例或相关技术中的技术方案,下面将对实施例或相关技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。In order to more clearly illustrate the technical solutions in the embodiments of the present application or related technologies, the following will briefly introduce the accompanying drawings that need to be used in the description of the embodiments or related technologies. Obviously, the accompanying drawings in the following description are only For the embodiments of the application, those skilled in the art can also obtain other drawings according to the provided drawings without creative work.
图1是可视化操作界面的示例图。Figure 1 is an example diagram of a visual operation interface.
图2是本申请实施例提供的页面搭建系统的框图。Fig. 2 is a block diagram of the page building system provided by the embodiment of the present application.
图3是本申请实施例提供的页面搭建方法的流程图。Fig. 3 is a flow chart of the page building method provided by the embodiment of the present application.
图4是本申请实施例提供的页面搭建方法的另一流程图。Fig. 4 is another flow chart of the page building method provided by the embodiment of the present application.
图5是本申请实施例提供的不同对象的编辑页面的示例图。Fig. 5 is an example diagram of editing pages of different objects provided by the embodiment of the present application.
图6是本申请实施例提供的在操作界面展示对象标识的示例图。FIG. 6 is an example diagram of displaying object identifiers on an operation interface provided by an embodiment of the present application.
图7是本申请实施例提供的在操作界面展示操作光标的示例图。FIG. 7 is an example diagram of displaying an operation cursor on an operation interface provided by an embodiment of the present application.
图8是本申请实施例提供的服务架构图。FIG. 8 is a service architecture diagram provided by an embodiment of the present application.
图9是本申请实施例提供的页面搭建装置的框图。FIG. 9 is a block diagram of a page building device provided by an embodiment of the present application.
图10是本申请实施例提供的页面搭建装置的另一框图。Fig. 10 is another block diagram of the page building device provided by the embodiment of the present application.
图11是本申请实施例提供的页面搭建装置的再一框图。Fig. 11 is another block diagram of the page building device provided by the embodiment of the present application.
图12是本申请实施例提供的服务器的框图。Fig. 12 is a block diagram of a server provided by an embodiment of the present application.
图13是本申请实施例提供的页面搭建装置的又一框图。Fig. 13 is another block diagram of the page building device provided by the embodiment of the present application.
图14是本申请实施例提供的页面搭建装置的又另一框图。Fig. 14 is yet another block diagram of the page building device provided by the embodiment of the present application.
图15是本申请实施例提供的页面搭建装置的又再一框图。Fig. 15 is yet another block diagram of the page building device provided by the embodiment of the present application.
具体实施方式Detailed ways
下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本申请保护的范围。The following will clearly and completely describe the technical solutions in the embodiments of the application with reference to the drawings in the embodiments of the application. Apparently, the described embodiments are only some of the embodiments of the application, not all of them. Based on the embodiments in this application, all other embodiments obtained by persons of ordinary skill in the art without making creative efforts belong to the scope of protection of this application.
页面一般是HTML(超文本标记语言)等文件类型,如果对象以HTML等语言编写代码来搭建页面,无疑将导致大量的工作量,因此为提升页面搭建效率,可考虑以可视化拖拽组件的方式来搭建页面。需要说明的是,此处所指的对象例如使用页面搭建服务的用户、人工智能等具有决策能力的使用者。Pages are generally HTML (Hypertext Markup Language) and other file types. If the object writes code in HTML and other languages to build the page, it will undoubtedly cause a lot of work. Therefore, in order to improve the efficiency of page building, you can consider the way of visually dragging and dropping components to build the page. It should be noted that the objects referred to here are, for example, users who use page building services, and users with decision-making capabilities such as artificial intelligence.
在一实施例中,页面搭建过程可以包括搭建组件并编辑组件数据等过程,通过预先构建多个类型的组件库(例如一个组件库包括一个类型的多个不同组件,一般而言,一个类 型的组件用于实现同一功能),从而对象在搭建页面时,提供页面搭建服务的产品或者网络服务可向对象展示可视化操作界面,对象可从可视化操作界面展示的多个类型的组件库中,以拖拽等方式选择希望的组件并对选择的组件编辑组件数据,来完成页面搭建过程。In an embodiment, the page building process may include building components and editing component data, etc., by pre-constructing multiple types of component libraries (for example, a component library includes multiple different components of one type, generally speaking, a type of Components are used to achieve the same function), so that when an object builds a page, the product or network service that provides page building services can display a visual operation interface to the object, and the object can be dragged from multiple types of component libraries displayed on the visual operation interface. Select the desired component by dragging and other methods and edit the component data of the selected component to complete the page building process.
以搭建表单为例(表单为主要负责数据采集的页面),表单的搭建过程主要包括搭建输入框组件并编辑组件数据(如搭建串行输入框组件和/或数字输入框组件,并进行输入框的数据编辑),搭建选项框组件并编辑组件数据(如搭建单选框组件和/或多选框组件,并编辑各选项数据),搭建日期框组件并编辑组件数据等,从而结合图1示例的可视化操作界面,对象使用的终端可展示可视化操作界面,该可视化操作界面的组件选择区可展示多个类型的组件库,例如展示具有多个不同输入框的输入框组件库,展示具有多个不同选项框组件的选项框组件库,展示具有多个不同日期框组件的日期框组件库等;进而对象可从输入框组件库中选择希望的输入框组件,并拖拽到可视化操作界面的编辑区,从而对选择的输入框组件编辑组件数据,从选项框组件库中选择希望的选项框组件,并拖拽到可视化操作界面的编辑区,从而对选择的选项框组件编辑组件数据,以此同理,对象可实现表单各组件的选择以及相应组件数据的编辑,完成表单的搭建过程。Taking building a form as an example (the form is the page mainly responsible for data collection), the building process of the form mainly includes building an input box component and editing component data (such as building a serial input box component and/or a digital input box component, and editing the input box data editing), build option box components and edit component data (such as building radio box components and/or multi-select box components, and editing each option data), build date box components and edit component data, etc., so as to combine the example in Figure 1 The visual operation interface, the terminal used by the object can display the visual operation interface, the component selection area of the visual operation interface can display multiple types of component libraries, for example, display the input box component library with multiple different input boxes, and display the component library with multiple The option box component library of different option box components, showing the date box component library with multiple different date box components, etc.; then the object can select the desired input box component from the input box component library, and drag it to the editor of the visual operation interface area, so as to edit the component data of the selected input box component, select the desired option box component from the option box component library, and drag it to the editing area of the visual operation interface, so as to edit the component data of the selected option box component, so as to In the same way, the object can realize the selection of each component of the form and the editing of the corresponding component data, and complete the process of building the form.
需要说明的是,表单选用的组件类型可根据实际情况定义,上述仅是示例了表单可能使用的组件类型。It should be noted that the type of components selected by the form can be defined according to the actual situation, and the above is only an example of the type of components that may be used by the form.
上述以可视化拖拽组件来搭建页面的方式,允许对象从空白页面开始,按照页面(如表单)搭建的操作顺序,依次拖拽选择希望的组件并进行相应组件数据的编辑,来实现页面搭建;也可允许对象加载页面模板(页面模板预先定义有多个组件),进而从组件库中选择组件,来对页面模板中预先定义的组件进行修改,实现页面搭建。The above method of visually dragging and dropping components to build a page allows the object to start from a blank page, follow the operation sequence of the page (such as a form), drag and drop to select the desired component and edit the corresponding component data to realize page building; Objects can also be allowed to load page templates (the page templates are pre-defined with multiple components), and then select components from the component library to modify the pre-defined components in the page template to realize page construction.
针对逻辑单一、结构简单的页面,单个对象可利用上述的可视化拖拽组件搭建页面的方案,较为高效的完成页面搭建。但是针对逻辑复杂、结构复杂的页面,往往需要多个对象参与搭建页面,而在多个对象参与页面搭建时,如何协同多个对象的页面搭建工作,实现高效搭建页面,成为了进一步需要解决的问题。For pages with a single logic and simple structure, a single object can use the above-mentioned visual drag-and-drop component to build a page to complete the page construction more efficiently. However, for pages with complex logic and structure, multiple objects are often required to participate in building the page. When multiple objects participate in page building, how to coordinate the page building work of multiple objects to achieve efficient page building has become a further problem to be solved. question.
基于此,本申请实施例提供了改进的页面搭建方案。具体而言,本申请实施例提供一种页面搭建方法、服务器、终端及存储介质,以在多个对象参与页面搭建时,协同多个对象的页面搭建工作,实现高效搭建页面。需要说明的是,对于下文描述的本申请实施例方案而言,多个对象参与页面搭建并不限制在页面逻辑复杂、结构复杂的情况下,多个对象也可参与搭建逻辑简单、结构简单的页面,以进一步提升页面搭建效率。另外,上述的可视化拖拽组件搭建页面的方式,仅是多个对象参与页面搭建的一种操作方式,本申请实施例并不限制对象参与页面搭建的操作方式,例如,对象也可手动编写组件和编辑组件数据等。Based on this, the embodiment of the present application provides an improved page construction solution. Specifically, the embodiments of the present application provide a page building method, a server, a terminal, and a storage medium, so that when multiple objects participate in the page building, the page building work of multiple objects is coordinated to realize efficient page building. It should be noted that for the embodiments of the application described below, the participation of multiple objects in page construction is not limited to complex page logic and structure, and multiple objects can also participate in the construction of pages with simple logic and simple structure. page to further improve the efficiency of page construction. In addition, the above-mentioned method of building a page with visual drag and drop components is only an operation method for multiple objects to participate in page construction. The embodiment of the present application does not limit the operation method for objects to participate in page construction. For example, objects can also manually write components and edit component data etc.
在一实施方式中,图2示出了本申请实施例提供的页面搭建系统的框图。本申请实施例提供的页面搭建方法可基于图2所示系统实施。如图2所示,该页面搭建系统可以包括: 服务器10,多个终端20;其中,服务器10为提供本申请实施例的页面搭建服务的网络服务设备,可包括单一服务器设备或者多台服务器设备形成的服务器群组;终端10为使用页面搭建服务的对象所使用的终端设备,例如笔记本电脑、智能手机、PC(个人计算机)等,一般而言,一个对象使用一个终端,此处所指的对象可以是使用终端的用户,或者终端内装载的具有决策能力的人工智能等;终端与服务器可通过浏览器进行交互,也可通过特定的应用软件(APP)进行交互,本申请实施例并不限制终端与服务器的交互渠道。In an implementation manner, FIG. 2 shows a block diagram of a page building system provided by an embodiment of the present application. The page construction method provided in the embodiment of the present application can be implemented based on the system shown in FIG. 2 . As shown in Figure 2, the page building system may include: a server 10, a plurality of terminals 20; wherein, the server 10 is a network service device that provides the page building service of the embodiment of the present application, and may include a single server device or multiple server devices The formed server group; terminal 10 is the terminal device used by the object using the page building service, such as notebook computer, smart phone, PC (personal computer), etc. Generally speaking, one object uses one terminal, and the term referred to herein The object can be the user using the terminal, or the artificial intelligence with decision-making ability loaded in the terminal; the terminal and the server can interact through a browser or through a specific application software (APP). Limit the interaction channels between the terminal and the server.
为便于说明,在多个对象使用服务器10提供的页面搭建服务,参与搭建同一页面的情况下,下面以第一对象为参与搭建页面的任一对象为例,对本申请实施例提供的页面搭建方法进行介绍,参与搭建页面的任一对象所对应的页面搭建方法可同理实现;在一实施方式中,图3示出了本申请一实施例提供的页面搭建方法的流程,该流程可由服务器以及第一对象使用的终端交互实现,如图3所示,该流程可以包括步骤S10至步骤S18。For ease of description, when multiple objects use the page building service provided by the server 10 to participate in building the same page, the following takes the first object as any object participating in building the page as an example, and the page building method provided in the embodiment of the present application For introduction, the page building method corresponding to any object that participates in building the page can be realized in the same way; in one embodiment, FIG. The terminal interaction used by the first object is implemented, as shown in FIG. 3 , the process may include steps S10 to S18.
在步骤S10,第一对象向服务器发送针对操作界面的访问请求,操作界面用于搭建目标页面。In step S10, the first object sends an access request for the operation interface to the server, and the operation interface is used to build the target page.
目标页面为本申请实施例需搭建的页面,例如,需搭建的目标表单等。目标页面可由组件形成。在一些实施例中,组件用于实现目标页面的功能,本申请实施例可设置用于搭建目标页面的多种不同类型的组件,例如输入框组件、日期框组件等;其中,一个类型的组件用于实现目标页面的一个功能,不同类型的组件用于实现目标页面的不同功能,一个类型的组件的数量可以为一个或多个。The target page is the page to be built in this embodiment of the application, for example, a target form to be built. A target page may be formed from components. In some embodiments, the components are used to realize the functions of the target page, and the embodiment of the present application can set multiple different types of components used to build the target page, such as input box components, date box components, etc.; wherein, one type of component It is used to realize one function of the target page. Different types of components are used to realize different functions of the target page. The number of one type of components can be one or more.
在本申请实施例中,若第一对象需加入到目标页面的搭建工作,则第一对象可使用其终端向服务器发送针对操作界面的访问请求,以请求第一对象操作的用于进行目标页面搭建的操作界面,操作界面可以是基于可视化拖拽组件方式实现的可视化操作界面,例如,操作界面可以具有以拖拽方式选择组件的组件选择区,以及放置选择的组件并编辑组件数据的编辑区等,当然,可视化操作界面仅是步骤S10的操作界面的一种形式,本申请实施例并不排除允许对象手动编辑组件和组件数据的操作界面。In this embodiment of the application, if the first object needs to join in the construction of the target page, the first object can use its terminal to send an access request for the operation interface to the server, so as to request the first object to operate the target page. The built operation interface, the operation interface can be a visual operation interface based on the visual drag and drop component method, for example, the operation interface can have a component selection area for selecting components by dragging and dropping, and an editing area for placing the selected components and editing component data Etc. Of course, the visual operation interface is only one form of the operation interface in step S10, and this embodiment of the present application does not exclude the operation interface that allows the object to manually edit components and component data.
在一实施方式中,可设定操作界面对应的目标地址,从而第一对象可使用终端访问目标地址,来向服务器发送针对操作界面的访问请求,例如,第一对象可在终端的浏览器中输入目标地址,从而,终端可基于浏览器中输入的目标地址,向服务器发送访问操作界面的访问请求。在其他可能的实现中,如果允许服务器与终端以特定的应用软件进行交互,则第一对象的终端也可通过访问应用软件中的特定界面,来向服务器请求访问操作界面。In one embodiment, the target address corresponding to the operation interface can be set, so that the first object can use the terminal to access the target address to send an access request for the operation interface to the server, for example, the first object can be in the browser of the terminal The target address is input, so that the terminal can send an access request to the server to access the operation interface based on the target address input in the browser. In other possible implementations, if the server and the terminal are allowed to interact with specific application software, the terminal of the first object may also request the server to access the operation interface by accessing a specific interface in the application software.
在步骤S11,服务器根据目标页面的已编辑内容,确定第一对象进行编辑操作的第一编辑页面。In step S11, the server determines the first edited page for the first object to edit according to the edited content of the target page.
在步骤S12,服务器将包括第一编辑页面的操作界面,反馈给第一对象。In step S12, the server feeds back the operation interface including the first editing page to the first object.
服务器在获取第一对象的访问请求后,需确定第一对象进行编辑操作的编辑页面,为便于说明,本申请实施例将第一对象进行编辑操作的编辑页面称为第一编辑页面,即第一 对象是在第一编辑页面的基础上进行目标页面的后续搭建。After the server obtains the access request of the first object, it needs to determine the edit page on which the first object performs editing operations. One object is to carry out subsequent construction of the target page on the basis of the first editing page.
在一实施方式中,页面搭建服务可提供用于页面编辑的设计态,和用于展示保存的页面编辑结果的展示态,即对象是在设计态下进行页面编辑操作,设计态下的编辑操作内容并不实际保存到目标页面中,而是保存到目标页面的副本页面中(副本页面可以认为是对目标页面进行复制后的页面),只有在对象保存页面编辑结果时,副本页面中的编辑内容才实际合并到目标页面中进行保存,因此单个对象在进行目标页面的编辑操作时,该对象针对目标页面的编辑内容是先合并到目标页面的副本页面中,并不实际合并到目标页面中。In one embodiment, the page building service can provide a design state for page editing, and a display state for displaying saved page editing results, that is, the object is to perform page editing operations in the design state, and the editing operation in the design state The content is not actually saved to the target page, but to the copy page of the target page (the copy page can be considered as the page after copying the target page), only when the object saves the page editing results, the edits in the copy page The content is actually merged into the target page for saving, so when a single object edits the target page, the object's edited content for the target page is first merged into the copy of the target page, and not actually merged into the target page .
基于此,在多个对象参与搭建目标页面的情况下,多个对象可能是按不同的先后顺序参与搭建目标页面,如果第一对象为第一个参与搭建目标页面的对象,即在第一对象之前没有对象参与搭建目标页面,则在第一对象参与编辑目标页面时,针对目标页面的已编辑内容为空,第一对象是在初始的目标页面所对应的副本页面基础上,进行目标页面的后续搭建;此时,服务器可确定初始的目标页面对应的副本页面,作为第一对象进行编辑操作的第一编辑页面。Based on this, when multiple objects participate in the construction of the target page, the multiple objects may participate in the construction of the target page in different orders. If the first object is the first object to participate in the construction of the target page, the first object If no object participated in building the target page before, when the first object participates in editing the target page, the edited content for the target page is empty, and the first object is based on the copy page corresponding to the initial target page. Subsequent construction; at this time, the server may determine the copy page corresponding to the initial target page as the first editing page for the first object to perform editing operations.
在上述基础上,如果第一对象不为第一个参与搭建目标页面的对象,即在第一对象之前已存在其他对象针对目标页面进行了编辑操作,则在第一对象参与编辑目标页面时,针对目标页面的已编辑内容不为空,第一对象是在其他对象针对目标页面的已编辑内容的基础上,进一步对目标页面进行后续搭建;此时,服务器可将其他对象针对目标页面的已编辑内容进行合并,得到第一对象进行编辑操作的第一编辑页面;需要说明的是,与第一对象不同的其他对象是在设计态下,以各自的编辑页面针对目标页面进行编辑操作,并不是实际在目标页面进行编辑操作,因此在具体的一种实现中,如果在第一对象参与编辑目标页面时,存在其他对象针对目标页面的已编辑内容,则本申请实施例可将其他对象分别对应的编辑页面进行合并,得到第一对象进行编辑操作的第一编辑页面,也就是说,将其他对象分别对应的编辑页面进行合并后,可得到其他对象针对目标页面的已编辑内容的合并结果,从而第一对象可在此基础上进行编辑操作。在一些实施例中,目标页面的已编辑内容可以包括目标页面已设置的组件、已编辑的组件数据等。On the basis of the above, if the first object is not the first object to participate in building the target page, that is, other objects have edited the target page before the first object, then when the first object participates in editing the target page, The edited content of the target page is not empty, and the first object is to further construct the target page based on the edited content of other objects for the target page; The editing content is merged to obtain the first editing page for the editing operation of the first object; it should be noted that other objects different from the first object use their respective editing pages to perform editing operations on the target page in the design state, and The editing operation is not actually performed on the target page. Therefore, in a specific implementation, if there are other objects that edit the content of the target page when the first object participates in editing the target page, the embodiment of the present application can edit the content of the other objects respectively. The corresponding editing pages are merged to obtain the first editing page for the editing operation of the first object. That is to say, after merging the editing pages corresponding to other objects, the merged result of the edited content of other objects for the target page can be obtained , so that the first object can perform editing operations on this basis. In some embodiments, the edited content of the target page may include the set components of the target page, edited component data, and the like.
需要说明的是,页面搭建服务提供设计态和展示态仅是一种实施方式,本申请实施例也可直接在目标页面的基础上,进行各对象的编辑操作,如各对象的编辑操作可实际合并到目标页面,并且目标页面的内容可根据各对象的编辑操作动态更新调整;相应的,如果第一对象为第一个参与搭建目标页面的对象,则本申请实施例可将初始的目标页面作为第一对象进行编辑操作的第一编辑页面,如果第一对象不为第一个参与搭建目标页面的对象,则本申请实施例可将其他对象当前已修改的目标页面作为第一对象进行编辑操作的第一编辑页面。It should be noted that the design state and display state provided by the page building service are only one implementation mode, and the embodiment of this application can also directly perform editing operations on each object on the basis of the target page, such as editing operations on each object. merged into the target page, and the content of the target page can be dynamically updated and adjusted according to the editing operations of each object; As the first editing page for the editing operation of the first object, if the first object is not the first object involved in building the target page, the embodiment of the present application can edit the currently modified target page of other objects as the first object Action's first edit page.
另外,在一种实施方式中,多个对象可以提前商定各自搭建的页面部分,也可以设置 各对象的页面搭建权限,以使得各对象只搭建页面的特定部分(各对象搭建的特定部分也可允许存在重合的情况),本申请实施例对此并不限制。In addition, in one embodiment, multiple objects can agree in advance on the part of the page they build, and can also set the page building authority of each object, so that each object can only build a specific part of the page (the specific part built by each object can also be set) Overlap is allowed), which is not limited in this embodiment of the present application.
服务器在确定第一对象进行编辑操作的第一编辑页面后,可将第一编辑页面承载在操作界面中反馈给第一对象,以便第一对象可基于操作界面,在第一编辑页面的基础上针对目标页面进行编辑操作;同时,服务器也需留存第一编辑页面,以便服务器在第一编辑页面的基础上,同步第一对象后续进行的编辑操作。After the server determines the first editing page on which the first object performs editing operations, it can carry the first editing page in the operation interface and feed it back to the first object, so that the first object can use the operation interface based on the first editing page The editing operation is performed on the target page; at the same time, the server also needs to save the first editing page, so that the server can synchronize subsequent editing operations performed by the first object on the basis of the first editing page.
在步骤S13,第一对象向服务器发送第一对象在操作界面的组件编辑内容。In step S13, the first object sends the edited content of the component on the operation interface of the first object to the server.
第一对象的终端获取到服务器反馈的操作界面后,第一对象的终端可展示操作界面,以便第一对象在操作界面显示的第一编辑页面的基础上,针对目标页面进行编辑操作。在一些实施例中,第一对象在操作界面的组件编辑内容可以包括第一对象选择的形成目标页面的组件,和/或,第一对象编辑的组件数据。在一种实施方式中,如果操作界面是基于可视化拖拽组件方式实现的可视化操作界面,则本申请实施例可在操作界面的编辑区显示第一编辑页面,同时,该操作界面还可具有用于选择组件的组件选择区等,从而,第一对象针对目标页面的进行编辑操作可产生相应的组件编辑内容,例如第一对象的组件编辑内容可以包括:从组件选择区中选择的组件,和/或,对选择的组件编辑的组件数据等。After the terminal of the first object obtains the operation interface fed back by the server, the terminal of the first object can display the operation interface, so that the first object can edit the target page based on the first editing page displayed on the operation interface. In some embodiments, the component editing content of the first object on the operation interface may include the components selected by the first object to form the target page, and/or component data edited by the first object. In one embodiment, if the operation interface is a visual operation interface implemented based on a visual drag-and-drop component, the embodiment of the present application may display the first editing page in the editing area of the operation interface. The component selection area for selecting components, etc., so that the editing operation of the first object on the target page can generate corresponding component editing content, for example, the component editing content of the first object can include: the component selected from the component selection area, and / Or, the component data etc. edited for the selected component.
相应的,第一对象的终端可检测第一对象在操作界面的组件编辑内容,将组件编辑内容发送给服务器;在一种实施方式中,第一对象针对目标页面进行编辑操作产生的组件编辑内容,可实时或者定时的发送给服务器,以使得服务器实时或定时的获取到第一对象的组件编辑内容。Correspondingly, the terminal of the first object can detect the edited content of the component of the first object on the operation interface, and send the edited content of the component to the server; , which can be sent to the server in real time or at regular intervals, so that the server can acquire the component editing content of the first object in real time or at regular intervals.
在步骤S14,服务器判断第一对象的组件编辑内容与第二对象的组件编辑内容是否冲突,若是,执行步骤S15,若否,执行步骤S16。In step S14, the server judges whether the edited content of the component of the first object conflicts with the edited content of the component of the second object, if yes, execute step S15, and if not, execute step S16.
在步骤S15,服务器提示拒绝第一对象的组件编辑内容。In step S15, the server prompts to reject the component editing content of the first object.
在步骤S16,服务器在第一编辑页面中更新第一对象的组件编辑内容。In step S16, the server updates the component editing content of the first object on the first editing page.
由于存在多个对象参与搭建目标页面的情况,服务器获取到第一对象发送的组件编辑内容后,并不是直接将第一对象的组件编辑内容合并到第一对象的第一编辑页面中,而是需要先判断第一对象的组件编辑内容与其他对象的组件编辑内容是否相冲突,为便于说明,本申请实施例将参与搭建目标页面的多个对象中,与第一对象不同的任一对象称为第二对象。Since there are multiple objects participating in building the target page, after the server obtains the component editing content sent by the first object, it does not directly merge the component editing content of the first object into the first editing page of the first object, but It is necessary to first determine whether the edited content of the component of the first object conflicts with the edited content of the components of other objects. For the convenience of explanation, the embodiment of this application refers to any object that is different from the first object among the multiple objects involved in building the target page. for the second object.
在一些实施例中,基于第一对象的组件编辑内容可以包括第一对象选择的形成目标页面的组件,和/或,第一对象编辑的组件数据。本申请实施例可根据第一对象的组件编辑内容以及第二对象的组件编辑内容,检测第一对象与第二对象选择的形成目标页面的组件和/或编辑的组件数据是否冲突,以实现判断第一对象的组件编辑内容与第二对象的组件编辑内容是否冲突。例如,如果第一对象与第二对象选择的形成目标页面的组件,或者,编辑的组件数据相冲突,则第一对象的组件编辑内容与第二对象的组件编辑内容相冲突;如果 第一对象与第二对象选择的形成目标页面的组件不冲突,且,编辑的组件数据不冲突,则第一对象的组件编辑内容与第二对象的组件编辑内容不冲突。In some embodiments, the component editing content based on the first object may include components selected by the first object to form the target page, and/or component data edited by the first object. In this embodiment of the present application, according to the component editing content of the first object and the component editing content of the second object, it is possible to detect whether the components forming the target page selected by the first object and the second object and/or the edited component data conflict, so as to realize the judgment Whether the component editing content of the first object conflicts with the component editing content of the second object. For example, if the components of the target page selected by the first object and the components selected by the second object, or the edited component data conflict, then the edited content of the components of the first object conflicts with the edited content of the components of the second object; if the first object If there is no conflict with the component forming the target page selected by the second object, and the edited component data does not conflict, then the edited content of the component of the first object does not conflict with the edited content of the component of the second object.
作为一种实施方式,如果第一对象的组件编辑内容与第二对象的组件编辑内容相冲突,则说明第一对象与第二对象可能正在同时编辑同一类型的组件或者同一组件的组件数据,且第一对象与第二对象的编辑是相冲突矛盾的,例如第一对象与第二对象选择了同一类型的不同组件,或者,对同一组件同时编辑组件数据。此时,如果将第一对象的组件编辑内容合并到第一编辑页面中,那么将导致第一编辑页面合并到与第二对象的编辑相冲突的内容,导致目标页面的编辑出现偏差,因此,本申请实施例需拒绝第一对象的组件编辑内容(即拒绝将第一对象的组件编辑内容合并到第一对象的第一编辑页面),并对第一对象反馈提示。As an implementation, if the component editing content of the first object conflicts with the component editing content of the second object, it means that the first object and the second object may be editing the same type of component or component data of the same component at the same time, and The editing of the first object and the second object are conflicting. For example, the first object and the second object select different components of the same type, or edit the component data of the same component at the same time. At this time, if the component editing content of the first object is merged into the first editing page, it will cause the first editing page to be merged into content that conflicts with the editing of the second object, resulting in a deviation in the editing of the target page. Therefore, In the embodiment of the present application, it is necessary to reject the component editing content of the first object (that is, to refuse to merge the component editing content of the first object into the first editing page of the first object), and to feed back a prompt to the first object.
作为一种实施方式,如果第一对象的组件编辑内容与第二对象的组件编辑内容不冲突,则说明第一对象的组件编辑内容可接受,本申请实施例可在第一编辑页面中更新第一对象的组件编辑内容。例如,在第一编辑页面中合并第一对象的组件编辑内容,具体可在第一编辑页面中合并第一对象对组件和/或组件数据作出的修改。As an implementation, if the component editing content of the first object does not conflict with the component editing content of the second object, it means that the component editing content of the first object is acceptable, and the embodiment of the present application can update the first editing page An object's component edit content. For example, the component editing content of the first object is merged in the first editing page, specifically, the modification made by the first object to the component and/or component data may be merged in the first editing page.
相应的,从第一对象(具体是第一对象的终端)的角度而言,在第一对象的组件编辑内容与第二对象的组件编辑内容相冲突时,第一对象可获取到拒绝第一对象的组件编辑内容的提示(具体提示形式本申请实施例并不限制,例如可通过弹窗方式提示,也可能对组件编辑内容进行突出显示来进行提示等),而在第一对象的组件编辑内容与第二对象的组件编辑内容不冲突时,第一对象的操作界面中的第一编辑页面可成功合并该组件编辑内容。Correspondingly, from the perspective of the first object (specifically, the terminal of the first object), when the component editing content of the first object conflicts with the component editing content of the second object, the first object can obtain Prompt for the edited content of the component of the object (the specific form of the prompt is not limited in this embodiment of the application, for example, it can be prompted through a pop-up window, or it may be prompted by highlighting the edited content of the component, etc.), while the component edited in the first object When the content does not conflict with the component editing content of the second object, the first editing page in the operation interface of the first object can successfully merge the component editing content.
在一实施方式中,服务器可基于OT(Operation Transform,操作转化)算法,计算第一对象的组件编辑内容与第二对象的组件编辑内容是否冲突,当然,组件编辑内容的冲突检测可使用其他算法实现,本申请实施例并不限制。In one embodiment, the server can calculate whether the component editing content of the first object conflicts with the component editing content of the second object based on the OT (Operation Transform) algorithm. Of course, other algorithms can be used for the conflict detection of the component editing content Realization is not limited by the embodiment of this application.
在步骤S17,第一对象向服务器发送编辑完成指令。In step S17, the first object sends an editing completion instruction to the server.
在步骤S18,服务器根据第一编辑页面更新目标页面。In step S18, the server updates the target page according to the first edited page.
在一实施方式中,基于步骤S13至步骤S16,服务器可定时或实时的基于第一对象的组件编辑内容,对第一对象的第一编辑页面进行更新,从而在第一编辑页面中记录第一对象针对目标页面的已编辑内容,实现基于第一对象的编辑操作,实时或定时的对第一编辑页面的内容进行相应调整。In one embodiment, based on steps S13 to S16, the server can edit the content based on the components of the first object regularly or in real time, and update the first editing page of the first object, so as to record the first For the edited content of the target page, the object realizes the editing operation based on the first object, and correspondingly adjusts the content of the first edited page in real time or periodically.
在上述基础上,如果第一对象完成了针对目标页面的编辑操作,则第一对象可通过终端向服务器发送编辑完成指令,例如第一对象可点击操作界面的保存按钮或者点击操作界面的退出按钮,从而触发第一对象的终端向服务器发送编辑完成指令;进而,服务器在获取第一对象的编辑完成指令后,可基于第一对象的第一编辑页面对目标页面进行更新,以实现第一对象针对目标页面的编辑内容的实际保存,例如,本申请实施例可将第一编辑页 面中修改的组件内容,合并到目标页面,以实现目标页面的更新;可以理解的是,第一编辑页面中修改的组件内容是第一对象在设计态下,针对目标页面的编辑内容,而在第一对象完成编辑时(由服务器检测到第一对象的编辑完成指令为条件),设计态下第一编辑页面中修改的组件内容可合并到目标页面中,从而在第一对象完成编辑后,第一对象或者其他对象浏览目标页面的编辑成果时,服务器可在展示态下,展示合并了第一编辑页面中修改的内容的目标页面,以实现展示第一对象针对目标页面的编辑成果。On the basis of the above, if the first object completes the editing operation for the target page, the first object can send an editing completion instruction to the server through the terminal, for example, the first object can click the save button on the operation interface or click the exit button on the operation interface , thus triggering the terminal of the first object to send an editing completion instruction to the server; furthermore, after the server obtains the editing completion instruction of the first object, it can update the target page based on the first editing page of the first object, so as to realize the For the actual saving of the editing content of the target page, for example, the embodiment of the present application can merge the modified component content in the first editing page into the target page to realize the update of the target page; it can be understood that the first editing page The modified component content is the editing content of the first object for the target page in the design state. The content of the components modified on the page can be merged into the target page, so that after the first object finishes editing, when the first object or other objects browse the editing results of the target page, the server can display the merged first editing page in the display state The target page of the modified content in the target page, so as to display the editing results of the first object on the target page.
在本申请实施例提供的页面搭建方法中,服务器可获取第一对象针对操作界面的访问请求,其中,操作界面用于搭建由组件形成的目标页面,第一对象为参与搭建目标页面的多个对象中的任一对象。从而,服务器可根据目标页面的已编辑内容,确定第一对象进行编辑操作的第一编辑页面,将包括第一编辑页面的操作界面反馈给第一对象,以便第一对象在操作界面针对目标页面进行编辑操作。在第一对象在操作界面进行编辑操作时,服务器可获取第一对象在操作界面的组件编辑内容,并根据第一对象的组件编辑内容以及第二对象的组件编辑内容,检测第一对象与第二对象选择的形成目标页面的组件和/或编辑的组件数据是否冲突。如果检测结果为不冲突,则服务器可在第一编辑页面中更新第一对象的组件编辑内容,以在第一编辑页面中记录第一对象针对目标页面进行的已编辑内容;进而,在第一对象完成编辑后,服务器可获取到第一对象的编辑完成指令,基于第一编辑页面更新目标页面,以在目标页面实际保存第一对象的已编辑内容,实现第一对象对目标页面的搭建工作。In the page building method provided by the embodiment of the present application, the server can obtain the access request of the first object for the operation interface, wherein the operation interface is used to build a target page formed by components, and the first object is a plurality of users participating in building the target page. any of the objects. Therefore, according to the edited content of the target page, the server can determine the first edited page on which the first object performs editing operations, and feed back the operation interface including the first edited page to the first object, so that the first object can edit the target page on the operation interface to edit. When the first object performs an editing operation on the operation interface, the server can obtain the component editing content of the first object on the operation interface, and detect the first object and the second object according to the component editing content of the first object and the component editing content of the second object. Whether the selected components forming the target page and/or the edited component data of the two objects conflict. If the detection result is no conflict, the server may update the component editing content of the first object on the first editing page, so as to record the edited content of the first object on the target page on the first editing page; furthermore, on the first editing page After the object is edited, the server can obtain the editing completion instruction of the first object, and update the target page based on the first editing page, so as to actually save the edited content of the first object on the target page, and realize the construction of the target page by the first object .
本申请实施例提供的页面搭建方法,可允许多个对象参与搭建目标页面,并且针对多个对象中的第一对象,第一对象是在第一编辑页面的基础上进行编辑操作,且第一编辑页面基于针对目标页面的已编辑内容确定,从而可使得第一对象实际是在针对目标页面的已编辑内容的基础上进行后续编辑操作,减小了第一对象进行编辑操作的工作范围,提高了目标页面的编辑效率。同时,第一对象的组件编辑内容与第二对象的组件编辑内容,需在选择的组件和/或编辑的组件数据不冲突的情况下,第一对象的组件编辑内容才能合并到第一编辑页面中,即多个对象相冲突的组件编辑内容不被接受,从而保障了多个对象搭建目标页面情况下的协同工作和最终搭建的目标页面的准确性。进而,本申请实施例可在第一对象完成编辑时,根据第一对象的第一编辑页面更新目标页面,从而使得第一对象针对目标页面的组件编辑内容能够保存到目标页面中,实现第一对象对目标页面的搭建工作。可见,本申请实施例提供的页面搭建方法,允许多个对象参与搭建目标页面,并且使得后面参与搭建的对象是在前面对象的已编辑内容基础上进行编辑,同时,保障各对象的组件编辑内容不相冲突,可在多个对象参与搭建目标页面的情况下,协同多个对象的页面搭建工作,实现高效搭建页面。The page building method provided by the embodiment of the present application can allow multiple objects to participate in building the target page, and for the first object among the multiple objects, the first object performs editing operations on the basis of the first editing page, and the first The editing page is determined based on the edited content of the target page, so that the first object can actually perform subsequent editing operations on the basis of the edited content of the target page, reducing the working scope of the editing operation of the first object and improving Improve the editing efficiency of the target page. At the same time, the component editing content of the first object and the component editing content of the second object can be merged into the first editing page only when the selected component and/or the edited component data do not conflict. , that is, the editing content of components that conflict with multiple objects will not be accepted, thus ensuring the collaborative work in the case of multiple objects building the target page and the accuracy of the final target page built. Furthermore, the embodiment of the present application can update the target page according to the first editing page of the first object when the first object is edited, so that the content edited by the first object for the component of the target page can be saved in the target page, realizing the first The object is to build the target page. It can be seen that the page construction method provided by the embodiment of the present application allows multiple objects to participate in the construction of the target page, and enables the objects participating in the construction to be edited on the basis of the edited content of the previous objects, and at the same time, ensures that the component editing content of each object There is no conflict, and when multiple objects participate in building the target page, the page building work of multiple objects can be coordinated to achieve efficient page building.
下面将参照图4对本申请的另一实施方式进行说明。图4示出了本申请实施例提供的页面搭建方法的另一流程图,该流程可由服务器执行实现。如图4所示,该流程可以包括 步骤S20至步骤S29。Another embodiment of the present application will be described below with reference to FIG. 4 . FIG. 4 shows another flow chart of the page building method provided by the embodiment of the present application, and the process can be implemented by the server. As shown in Figure 4, the process may include steps S20 to S29.
在步骤S20,获取第一对象针对操作界面的访问请求。In step S20, the access request of the first object for the operation interface is obtained.
在一实施方式中,步骤S20的介绍可参照前文相应部分,此处不再赘述。In an implementation manner, for the introduction of step S20, reference may be made to the corresponding part above, and details are not repeated here.
在步骤S21,判断第一对象是否为第一个参与搭建目标页面的对象,若是,执行步骤S22,若否,执行步骤S23。In step S21, it is judged whether the first object is the first object participating in building the target page, if yes, execute step S22, if not, execute step S23.
在步骤S22,确定初始的目标页面对应的副本页面,作为第一对象进行编辑操作的第一编辑页面。In step S22, the duplicate page corresponding to the initial target page is determined as the first edited page on which the editing operation is performed for the first object.
如果第一对象为第一个参与搭建目标页面的对象,则针对目标页面的已编辑内容为空,本申请实施例可将初始的目标页面进行复制,得到初始的目标页面对应的副本页面,作为第一编辑页面,以在设计态下,第一对象可在第一编辑页面的基础上进行编辑操作;在一种实施方式中,初始的目标页面可以是空白页面,也可以是预定义有多个组件的模板页面。If the first object is the first object to participate in building the target page, then the edited content of the target page is empty, the embodiment of the present application can copy the initial target page to obtain the copy page corresponding to the initial target page, as The first editing page, so that in the design state, the first object can be edited on the basis of the first editing page; in one embodiment, the initial target page can be a blank page, or a predefined template page for each component.
在步骤S23,将已参与搭建目标页面的各对象的编辑页面进行合并,所得到的页面作为第一对象进行编辑操作的第一编辑页面。In step S23, the editing pages of the objects that have participated in building the target page are merged, and the resulting page is used as the first editing page for the first object to perform editing operations.
如果第一对象不为第一个参与搭建目标页面的对象,则针对目标页面的已编辑内容不为空,也就是说,当前存在已参与搭建目标页面的其他对象(其他对象的数量为至少一个),且各对象在设计态下是通过各自对应的编辑页面来进行编辑操作,从而,本申请实施例可将已参与搭建目标页面的各对象的编辑页面进行合并,得到的页面作为第一对象进行编辑操作的第一编辑页面,使得第一对象可在其他对象针对目标页面的已编辑内容的基础上,进一步进行编辑操作。If the first object is not the first object that participates in building the target page, then the edited content for the target page is not empty, that is, there are currently other objects that have participated in building the target page (the number of other objects is at least one ), and each object is edited through its corresponding editing page in the design state, thus, in the embodiment of the present application, the editing pages of the objects that have participated in building the target page can be merged, and the obtained page can be used as the first object The first edit page for editing operations enables the first object to further perform editing operations on the basis of edited content of other objects on the target page.
为便于理解,在一种示例,结合图5所示,假设对象A、B和C先后参与搭建目标页面,则在对象A参与搭建目标页面时,对象A作为第一个参与搭建目标页面的对象,本申请实施例可将初始的目标页面对应的副本页面,作为对象A进行编辑操作的编辑页面A;当对象B参与搭建目标页面时,对象B需在对象A已编辑内容的基础上进一步进行编辑操作,因此本申请实施例可将编辑页面A的副本,作为对象B进行编辑操作的编辑页面B,需要说明的是,由于对象B之前的对象仅是对象A,因此执行将已参与搭建目标页面的各对象的编辑页面进行合并的步骤时,得到的结果与对象A的编辑页面A是一致的,此时可将与编辑页面A的内容相同的副本页面,作为对象B进行编辑操作的编辑页面B;当对象C参与搭建目标页面时,对象C需在对象A和B的已编辑内容的基础上进一步进行编辑操作,因此本申请实施例可将编辑页面A和编辑页面B进行合并,得到的页面作为对象C进行编辑操作的编辑页面C;以此同理,则可确定出参与搭建目标页面的不同顺序对象对应的编辑页面,使得后面参与搭建的对象是在前面对象的已编辑内容基础上进行编辑操作。一个对象的已编辑内容可以包括已选择的组件,和/或,对选择的组件已编辑的组件数据。For ease of understanding, in an example, as shown in Figure 5, assuming that objects A, B, and C successively participate in building the target page, when object A participates in building the target page, object A is the first object to participate in building the target page , the embodiment of this application can use the copy page corresponding to the initial target page as the editing page A for object A to edit; when object B participates in building the target page, object B needs to further edit the content of object A Editing operation, so this embodiment of the application can use the copy of the edited page A as the edited page B for the editing operation of the object B. It should be noted that since the object before the object B is only the object A, the execution will already participate in the construction of the target When the editing page of each object of the page is merged, the result obtained is consistent with the editing page A of object A. At this time, the copy page with the same content as the editing page A can be used as object B for editing. Page B; when object C participates in building the target page, object C needs to perform further editing operations on the basis of the edited content of objects A and B, so the embodiment of the present application can merge the editing page A and editing page B to obtain The page of the object C is used as the editing page C for the editing operation of the object C; in the same way, the editing pages corresponding to the objects in different sequences participating in the construction of the target page can be determined, so that the objects participating in the construction later are based on the edited content of the previous objects edit on. The edited content of an object may include the selected component, and/or edited component data for the selected component.
需要说明的是,如果多个对象同时参与搭建目标页面,如多个对象同时向服务器发起针对操作界面的访问请求,则该多个对象可视为均是第一个参与搭建目标页面的对象,从而各对象的编辑页面可以均是初始的目标页面对应的副本页面;在一实施方式中,由于网络时延等问题,此处所指的同时可以允许多个对象参与搭建目标页面的时间差在预定的时间范围内,例如多个对象参与搭建目标页面的时间差在1分钟内或者更短的时间内,则可视为多个对象同时参与搭建目标页面,当然,本申请实施例也可设置秒级的时间差,甚至更细粒度的时间差来衡量多个对象是否同时参与搭建目标页面。It should be noted that if multiple objects participate in building the target page at the same time, such as multiple objects simultaneously initiate access requests to the server for the operation interface, the multiple objects can be regarded as the first object to participate in building the target page. Therefore, the editing pages of each object can be the copy pages corresponding to the initial target page; in one embodiment, due to problems such as network delay, the time difference referred to here can allow multiple objects to participate in building the target page at the same time. Within the time range, for example, if the time difference between multiple objects participating in building the target page is within 1 minute or less, it can be regarded as multiple objects participating in building the target page at the same time. Of course, the embodiment of this application can also set the second level time difference, or even finer-grained time difference to measure whether multiple objects participate in building the target page at the same time.
在步骤S24,将包括第一编辑页面的操作界面反馈给第一对象。In step S24, the operation interface including the first editing page is fed back to the first object.
在步骤S25,实时获取第一对象在操作界面的组件编辑内容。In step S25, the component editing content of the first object on the operation interface is acquired in real time.
在步骤S26,判断第一对象的组件编辑内容与第二对象的组件编辑内容是否冲突,若是,执行步骤S27,若否,执行步骤S28。In step S26, it is determined whether the edited content of the component of the first object conflicts with the edited content of the component of the second object, if yes, execute step S27, if not, execute step S28.
在步骤S27,提示拒绝第一对象的组件编辑内容。In step S27, prompt to reject the component editing content of the first object.
在步骤S28,在第一编辑页面中更新第一对象的组件编辑内容。In step S28, the component editing content of the first object is updated on the first editing page.
在步骤S29,获取第一对象的编辑完成指令,将第一编辑页面中第一对象修改的组件内容,合并到目标页面。In step S29, the editing completion instruction of the first object is obtained, and the component content modified by the first object in the first editing page is merged into the target page.
在一种实施方式中,以操作界面包括用于选择组件的组件选择区,以及放置选择的组件并对选择的组件编辑组件数据的编辑区为例,则第一对象的第一编辑页面可位于编辑区,从而第一对象可从组件选择区中选择组件,将选择的组件放置在第一编辑页面,并在第一编辑页面对选择的组件编辑组件数据,以实现第一对象在操作界面的编辑操作,从而得到第一对象的组件编辑内容。相应的,第一对象每次编辑操作对应的组件编辑内容可传输给服务器,以便服务器判断第一对象的组件编辑内容与第二对象的组件编辑内容是否相冲突,从而在不冲突时,在第一编辑页面中合并第一对象的组件编辑内容。In one implementation, the operation interface includes a component selection area for selecting components, and an editing area for placing the selected component and editing component data for the selected component as an example, then the first editing page of the first object can be located at Editing area, so that the first object can select a component from the component selection area, place the selected component on the first editing page, and edit the component data of the selected component on the first editing page, so as to realize the operation interface of the first object Editing operation, so as to obtain the edited content of the component of the first object. Correspondingly, the component editing content corresponding to each editing operation of the first object can be transmitted to the server, so that the server can judge whether the component editing content of the first object conflicts with the component editing content of the second object, so that if there is no conflict, the In an editing page, the component editing content of the first object is merged.
需要说明的是,由于本申请实施例是在多对象参与搭建页面的场景下进行组件编辑内容的冲突检测,因此组件编辑内容冲突的情形与单纯文本内容冲突的情形存在本质区别,具体的,文本内容冲突一般是判断多个用户是否同时编写同一字符串(如同一句话),即多个用户同时编写同一字符串,则可视为存在文本内容的编写冲突。而在本申请实施例中,由于对象的编辑操作涉及选择组件和/或编辑组件数据,因此第一对象的组件编辑内容与第二对象的组件编辑内容相冲突可能是在选择组件上相冲突,和/或,在编辑组件数据上相冲突。基于此,在一些实施例中,本申请实施例可根据第一对象的组件编辑内容以及第二对象的组件编辑内容,检测第一对象与第二对象从组件选择区中选择的组件是否冲突,和/或,检测第一对象与第二对象对已选择的组件所编辑的组件数据是否冲突,以实现检测第一对象的组件编辑内容与第二对象的组件编辑内容是否冲突。It should be noted that, since the embodiment of the present application performs conflict detection of component editing content in the scenario where multiple objects participate in building a page, there is an essential difference between the conflict of component editing content and the conflict of simple text content. Specifically, text Content conflict is generally to determine whether multiple users write the same string at the same time (like a sentence), that is, multiple users write the same string at the same time, it can be regarded as a writing conflict of text content. However, in the embodiment of the present application, since the editing operation of an object involves selecting a component and/or editing component data, the conflict between the component editing content of the first object and the component editing content of the second object may be a conflict in the selected component, And/or, conflicts in editing component data. Based on this, in some embodiments, the embodiment of the present application can detect whether the components selected from the component selection area of the first object and the second object conflict according to the component editing content of the first object and the component editing content of the second object, And/or, detect whether the component data edited by the first object and the second object conflict with the selected component, so as to detect whether the component edited content of the first object conflicts with the component edited content of the second object.
作为一种实施方式,第一对象的组件编辑内容与第二对象的组件编辑内容相冲突的可能的情形可以包括如下至少一项。As an implementation manner, a possible situation that the component editing content of the first object conflicts with the component editing content of the second object may include at least one of the following items.
第一对象与第二对象选择同一类型的不同组件。也就是说,第一对象与第二对象在选择实现同一功能的组件时分别选择了不同的组件,从而导致组件选择上的冲突。以搭建表单为例,如果第一对象与第二对象均进行了选择单选框组件的操作,但是第一对象与第二对象选择了不同的单选框,则第一对象和第二对象在选择单选框上存在冲突,此时,不接受第一对象的组件编辑内容。The first object and the second object select different components of the same type. That is to say, the first object and the second object respectively select different components when selecting components to realize the same function, thus causing a conflict in component selection. Taking building a form as an example, if both the first object and the second object select the radio button component, but the first object and the second object select different radio buttons, then the first object and the second object are in the There is a conflict on the selection radio button, at this time, the component edit content of the first object is not accepted.
第一对象与第二对象同时编辑同一组件的组件数据。也就是说,第一对象与第二对象同时对同一组件进行组件数据编辑,由于无法确认使用哪个对象编辑的组件数据而存在冲突。以搭建表单为例,如果第一对象与第二对象均对单选框的选项数据进行编辑,则由于无法确认是使用第一对象还是第二对象编辑的选项数据,因此不接受第一对象的组件编辑内容。The first object and the second object simultaneously edit component data of the same component. That is, the first object and the second object edit the component data of the same component at the same time, and there is a conflict because it cannot be confirmed which object is used to edit the component data. Taking building a form as an example, if both the first object and the second object edit the option data of the radio box, since it is impossible to confirm whether the option data edited by the first object or the second object is used, the first object’s option data will not be accepted. Component edit content.
相应的,在可能的实现中,本申请实施例可在第一对象与第二对象未在选择组件上相冲突,且未在编辑组件数据上相冲突时,确定第一对象的组件编辑内容与第二对象的组件编辑内容不冲突。例如,在第一对象与第二对象未选择同类型的不同组件,且未同时编辑同一组件的组件数据时,确定第一对象的组件编辑内容与第二对象的组件编辑内容不冲突。Correspondingly, in a possible implementation, in the embodiment of the present application, when the first object and the second object do not conflict on the selected component and do not conflict on the edited component data, it is determined that the component editing content of the first object and the The component edits of the second object do not conflict. For example, when the first object and the second object do not select different components of the same type and do not edit the component data of the same component at the same time, it is determined that the component editing content of the first object does not conflict with the component editing content of the second object.
可以看出,本申请实施例在搭建页面的场景下,由于对象的编辑操作涉及选择组件和/或编辑组件数据,因此对象的组件编辑内容相冲突的情形,与单纯的文本内容冲突的情形存在本质区别;另外需要说明的是,上述示例的第一对象与第二对象的组件编辑内容相冲突的示例仅是在一实施方式中,可以理解的是,本申请实施例在搭建页面的场景下,也可能存在组件编辑内容相冲突的其他情形。It can be seen that, in the scenario of building a page in the embodiment of the present application, since the editing operation of an object involves selecting components and/or editing component data, there is a situation where the editing content of the component of the object conflicts with the pure text content. Essential difference; In addition, it should be noted that the example in which the content of the first object and the second object’s component editing content in the above example conflicts is only in one implementation mode. , there may also be other situations where the edited content of the components conflicts.
当所有对象都完成了编辑操作,即服务器获取到所有对象的编辑完成指令,则目标页面可基于各个对象分别对应的编辑页面实现更新,从而汇总各个对象的编辑成果,形成完整的目标页面。When all objects have been edited, that is, the server obtains the editing completion instructions of all objects, the target page can be updated based on the corresponding editing pages of each object, thereby summarizing the editing results of each object to form a complete target page.
在一实施方式中,为使得第一对象清楚当前参与搭建目标页面的各对象,本申请实施例可在反馈给第一对象的操作界面中展示当前参与搭建目标页面的各对象的对象标识(例如对象头像和/或对象名称),以使得第一对象通过操作界面中展示的各对象的对象标识,清楚感知到当前参与搭建目标页面的具体对象数量和对象信息;相应的,服务器可在反馈给第一对象的操作界面中,携带当前参与搭建目标页面的各对象的对象标识,以便第一对象的终端在展示操作界面时,可显示当前参与搭建目标页面的各对象的对象标识。In one embodiment, in order to make the first object clear about the objects currently participating in building the target page, the embodiment of the present application may display the object identifiers of the objects currently participating in building the target page in the operation interface fed back to the first object (for example object avatar and/or object name), so that the first object can clearly perceive the specific number of objects and object information currently participating in building the target page through the object identification of each object displayed in the operation interface; correspondingly, the server can give feedback to The operation interface of the first object carries the object identifiers of the objects currently participating in building the target page, so that the terminal of the first object can display the object identifiers of the objects currently participating in building the target page when displaying the operation interface.
当然,在第一对象之后如果存在参与搭建目标页面的新对象,则操作界面可进一步增加该新对象的对象标识,相应的,服务器可向第一对象反馈新对象的对象标识,以便在第一对象的操作界面增加展示该新对象的对象标识;而如果存在退出搭建目标页面的退出对象,则第一对象的操作界面可进一步取消展示该退出对象的对象标识,相应的,服务器可向第一对象反馈取消展示退出对象的对象标识的指令,以便在操作界面取消展示该退出对 象的对象标识;可以理解的是,当存在对象退出搭建目标页面时,说明该对象完成了编辑操作,该对象相应的编辑页面中修改的内容,可合并到目标页面,以实现目标页面的内容更新。Of course, if there is a new object participating in building the target page after the first object, the operation interface can further increase the object identifier of the new object, and correspondingly, the server can feed back the object identifier of the new object to the first object, so that the first object The operation interface of the object adds the object identification of the new object; and if there is an exit object that exits the construction target page, the operation interface of the first object can further cancel the object identification of the exit object. Object feedback cancels the instruction to display the object ID of the exit object, so that the object ID of the exit object can be canceled on the operation interface; it is understandable that when an object exits the construction target page, it means that the object has completed the editing operation, and the object correspondingly The content modified on the editing page of the .
示例的,假设对象A、B和C先后参与搭建目标页面,则以对象B的操作界面展示为例,结合图6示例,服务器反馈给对象B的操作界面可展示对象A和对象B的对象标识,而在对象C新加入搭建目标页面时,服务器可向对象B反馈对象C的对象标识,以在对象B的操作界面增加展示对象C的对象标识;如果后续对象A退出搭建目标页面,则服务器可向对象B反馈取消展示对象A的对象标识的指令,以在对象B的操作界面取消展示对象A的对象标识;可以理解的是,其他对象的操作界面中展示对象标识的方式可同理实现,此处不再展开。As an example, assuming that objects A, B, and C successively participated in building the target page, take the display of the operation interface of object B as an example. Combined with the example in Figure 6, the operation interface fed back by the server to object B can display the object IDs of object A and object B , and when object C is newly added to the building target page, the server can feed back the object ID of object C to object B, so as to increase the object ID of object C displayed on the operation interface of object B; if subsequent object A exits the building target page, the server An instruction to cancel the display of the object ID of object A can be fed back to object B, so as to cancel the display of the object ID of object A on the operation interface of object B; it can be understood that the method of displaying object identification in the operation interface of other objects can be realized in the same way , which will not be expanded here.
在一实施方式中,为降低第一对象与当前参与搭建目标页面的其他对象存在操作冲突的可能,本申请实施例可进一步在第一对象的操作界面展示各对象在操作界面进行编辑操作的操作标志,以使得第一对象能够感知其他对象在操作界面中正在编辑操作的位置,从而降低第一对象与其他对象存在编辑操作冲突的可能;为便于说明,本申请实施例可将与第一对象不同的当前参与搭建目标页面的对象,称为第二对象(数量为至少一个),从而,服务器可确定第二对象的操作标志在操作界面对应的位置信息,将第二对象的操作标志对应的位置信息反馈给第一对象,以便在第一对象的操作界面展示第二对象的操作标志。In one implementation, in order to reduce the possibility of operation conflicts between the first object and other objects currently participating in building the target page, the embodiment of the present application may further display the editing operations of each object on the operation interface on the operation interface of the first object mark, so that the first object can perceive the position of other objects being edited in the operation interface, thereby reducing the possibility of editing operation conflicts between the first object and other objects; Different objects that currently participate in building the target page are called second objects (the number is at least one), so that the server can determine the position information corresponding to the operation symbol of the second object in the operation interface, and set the corresponding position information of the operation symbol of the second object The position information is fed back to the first object, so that the operation sign of the second object is displayed on the operation interface of the first object.
在一种实时方式中,本申请实施例可在第一对象的操作界面,展示第二对象在操作界面的操作光标(操作光标可认为是操作标志的一种实现形式,本申请实施例也可采用其他形式的操作标志),以通过第二对象的操作光标的位置,来向第一对象指示第二对象在操作界面中对应的操作位置,降低不同对象由于对操作界面的同一位置进行编辑操作而产生冲突的可能。In a real-time manner, the embodiment of the present application can display the operation cursor of the second object on the operation interface on the operation interface of the first object (the operation cursor can be considered as an implementation form of the operation symbol, and the embodiment of the present application can also display Use other forms of operation signs) to indicate to the first object the corresponding operation position of the second object in the operation interface through the position of the operation cursor of the second object, reducing the number of different objects due to editing operations on the same position of the operation interface the possibility of conflict.
在一实施方式中,假设对象A、B和C正参与搭建目标页面,则以对象B的操作界面展示为例,结合图7示例,对象B的操作界面除随着对象B的操作位置变化,而调整对象B的操作光标外,还可基于服务器反馈的对象A和C的操作光标的位置信息,在对象B的操作界面动态展示对象A和C的操作光标,以降低对象B由于与对象A和C编辑操作同一位置的组件和/或组件数据,而产生冲突的可能。In one embodiment, assuming that objects A, B, and C are participating in building the target page, taking the display of the operation interface of object B as an example, and referring to the example in Figure 7, the operation interface of object B changes with the operation position of object B, In addition to adjusting the operation cursors of object B, the operation cursors of objects A and C can be dynamically displayed on the operation interface of object B based on the position information of the operation cursors of objects A and C fed back by the server, so as to reduce the conflict between object B and object A. Components and/or component data operating in the same location as C editors may cause conflicts.
本申请实施例提供的页面搭建方法可允许多个对象参与搭建同一目标页面,并且通过在操作界面展示各对象的对象标识,可使得每个对象清楚当前参与搭建页面的所有对象;并且,通过在操作界面展示自身的操作标志外,进一步展示其他对象的操作标志,可使得每个对象实时感知到其他对象在操作界面的编辑操作位置,可避免重复、冲突的编辑操作,极大的提高页面搭建效率。The page construction method provided by the embodiment of the present application can allow multiple objects to participate in the construction of the same target page, and by displaying the object identification of each object on the operation interface, each object can be clear about all the objects currently participating in the construction of the page; and, by In addition to displaying its own operation logo on the operation interface, it further displays the operation logo of other objects, so that each object can perceive the editing operation position of other objects in the operation interface in real time, avoiding repeated and conflicting editing operations, and greatly improving page construction. efficiency.
在一实施方式中,服务器可部署图8示例的服务架构,以实现本申请实施例提供的页面搭建方法,如图8所示,服务器部署的服务可至少包括:接入接口,页面设计器,在线 协作服务,多对象协作同步服务,汇总服务。In one embodiment, the server can deploy the service architecture illustrated in FIG. 8 to implement the page building method provided in the embodiment of the present application. As shown in FIG. 8, the services deployed by the server can at least include: an access interface, a page designer, Online collaboration service, multi-object collaboration synchronization service, summary service.
其中,接入接口用于接入各对象的访问请求;页面设计器为对象提供在线的页面编辑功能,主要为对象提供搭建页面使用的操作界面,并实现组件拖拽选择、组件数据编辑等操作功能,在本申请实施例中,多个对象进入同一页面设计器进行页面编辑操作,只是基于不同对象加入顺序的不同,页面设计器为不同对象提供具有不同编辑页面的操作界面,具体实施方式可参照前文相应描述,此处不再展开。Among them, the access interface is used to access the access requests of each object; the page designer provides online page editing functions for the object, mainly provides the object with an operation interface for building pages, and realizes operations such as dragging and dropping components, editing component data, etc. function, in the embodiment of this application, multiple objects enter the same page designer to perform page editing operations, but based on the different order of adding different objects, the page designer provides operation interfaces with different editing pages for different objects, and the specific implementation method can be Refer to the corresponding description above, which will not be expanded here.
在线协作服务,多对象协作同步服务,汇总服务可部署于服务器的控制台中;其中,在线协作服务在对象开启在线协作功能后,可为每个进入页面设计器的对象建立长链接,以保障对象的终端与服务器能够进行实时、长时的数据通信,同时,在线协作服务可基于每个对象的编辑操作,计算每个对象在各自的编辑页面的编辑内容(如修改内容)并同步给多对象协作同步服务。Online collaboration service, multi-object collaboration synchronization service, and summary service can be deployed in the console of the server; among them, the online collaboration service can establish a long link for each object that enters the page designer after the object enables the online collaboration function to ensure that the object The terminal and the server can carry out real-time and long-term data communication. At the same time, the online collaboration service can calculate the edited content (such as modified content) of each object on its own edit page based on the edit operation of each object and synchronize it to multiple objects. Collaborative synchronization service.
多对象协作同步服务可基于OT算法等技术,判断每个对象的组件编辑内容与其他对象的组件编辑内容是否冲突;在不冲突时,将每个对象的组件编辑内容同步合并到服务器留存的每个对象相应的编辑页面中,同时,显示在页面设计器中,以使得各个对象能够通过各自的编辑页面,清楚自身所作出的编辑操作;而在产生冲突时,提示对象拒绝组件编辑内容;进一步,多对象协作同步服务可通知每个对象,当前参与页面搭建的各对象的对象标识,以及各对象的操作标志在操作界面,以使每个对象可感知到其他对象在操作界面的编辑操作位置。The multi-object collaborative synchronization service can judge whether the component editing content of each object conflicts with other object component editing content based on OT algorithm and other technologies; if there is no conflict, the component editing content of each object is synchronously merged into each In the corresponding editing page of each object, it is displayed in the page designer at the same time, so that each object can clearly understand the editing operation made by itself through its own editing page; and when a conflict occurs, the object is prompted to reject the editing content of the component; further , the multi-object collaboration synchronization service can notify each object of the object ID of each object currently participating in page construction, and the operation flag of each object in the operation interface, so that each object can perceive the editing operation position of other objects in the operation interface .
汇总服务用于在某个对象完成编辑操作时,将该对象的编辑页面中修改的内容,合并到目标页面中,并在各个对象均完成编辑操作时,形成最终汇总的目标页面,完成目标页面的可视化搭建。The summary service is used to merge the modified content in the edit page of an object into the target page when the editing operation of an object is completed, and form the final summary target page when each object completes the editing operation, and complete the target page visualization build.
当然,图8所示仅是服务器的一种服务部署架构,基于本申请实施例前文揭示的页面搭建方法和思路,本申请实施例也可采用能够实现页面搭建方法的其他服务架构,上述描述的服务架构仅作为一种实施方式示出。Of course, what is shown in Figure 8 is only a service deployment architecture of the server. Based on the page building method and idea disclosed above in the embodiment of the application, the embodiment of the application can also adopt other service architectures that can implement the page building method. The above-described The service architecture is only shown as an implementation manner.
作为一种应用示例,以对象为用户且进行表单搭建为例,为便于说明,在多个用户参与搭建表单的情况下,此示例以用户A、B和C先后加入搭建表单,且通过用户C的角度来示例本申请实施例提供的页面搭建过程,具体过程包括:用户C参与搭建表单时,由于用户A与B已参与搭建表单,因此用户C进行编辑操作的编辑页面C,是通过将用户A对应的编辑页面A和用户B对应的编辑页面B进行合并而得到;示例的,假设用户A在空白表单的基础上搭建了串行输入框组件并正进行组件数据编辑,用户B搭建了单选框组件并正进行组件数据编辑,则用户C对应的编辑页面C可以是已搭建了串行输入框组和单选框组件后的表单;进一步,服务器在将包括编辑页面C的操作界面反馈给用户C的终端时,服务器可同时在该操作界面展示用户A、B和C的用户头像和用户名称,并在该操作界面的编辑区展示用户A和B的操作光标;As an application example, take the object as a user and form building as an example. For the sake of illustration, in the case of multiple users participating in building a form, this example assumes that users A, B, and C join in building the form successively, and user C To illustrate the page building process provided by the embodiment of this application, the specific process includes: when user C participates in building the form, since users A and B have already participated in building the form, the editing page C for user C to edit is done by adding the user The edit page A corresponding to A and the edit page B corresponding to user B are obtained by merging; for example, assuming that user A builds a serial input box component on the basis of a blank form and is editing component data, user B builds a single If the box component is selected and the component data is being edited, then the editing page C corresponding to user C can be a form after the serial input box group and radio button components have been built; further, the server will include the feedback on the operation interface of the editing page C When giving the terminal of user C, the server can display the user avatars and user names of users A, B and C on the operation interface at the same time, and display the operation cursors of users A and B in the editing area of the operation interface;
此外,假设用户C在编辑页面C的基础上,继续搭建表单的多选框组件,则用户C可从多选框组件库中拖拽选择多选框组件到编辑页面C。用户C选择多选框组件的组件编辑内容可上传到服务器,如果服务器判断用户C的组件编辑内容与用户A和B的组件编辑内容不冲突,则可在编辑页面C中合并用户C的组件编辑内容,即在编辑页面C中接受用户C选择的多选框组件;如果服务器判断用户C的组件编辑内容与用户A和B的组件编辑内容冲突,则可提示用户C拒绝在编辑页面C合并用户C的组件编辑内容,即在编辑页面C中拒绝接受用户C选择的多选框组件;假设,用户C选择的多选框组件允许合并到编辑页面C,则用户C可进一步对选择的多选框组件编辑组件数据(如编辑各选项的数据),用户C相应的组件编辑内容再实时的上传到服务器,以便服务器进行冲突检测,并在不冲突时,允许在编辑页面C进一步合并用户C的组件编辑内容,从而用户C的每一次组件编辑内容均可同理处理,以逐步实现用户C在编辑页面C搭建表单。In addition, assuming that user C continues to build the multi-select box component of the form on the basis of editing page C, user C can drag and select the multi-select box component from the multi-select box component library to edit page C. The edited content of the multi-select box component selected by user C can be uploaded to the server. If the server judges that the edited content of the component by user C does not conflict with the edited content of the components of users A and B, it can merge the edited content of user C on the edit page C Content, that is, accept the multi-selection box component selected by user C on the editing page C; if the server judges that the editing content of the component of user C conflicts with the editing content of the components of users A and B, it can prompt user C to refuse to merge the user on the editing page C C's component editing content, that is, rejecting the multi-select box component selected by user C on the edit page C; assuming that the multi-select box component selected by user C is allowed to be merged into the edit page C, then user C can further edit the selected multi-select The box component edits component data (such as editing the data of each option), and user C uploads the corresponding component editing content to the server in real time, so that the server can detect conflicts, and when there is no conflict, allow user C to further merge on the editing page C Component editing content, so that each component editing content of user C can be processed in the same way, so as to gradually realize that user C builds a form on editing page C.
在搭建表单的过程中,如果用户A完成搭建串行输入框组件并完成相应组件数据编辑,用户B完成搭建了单选框组件并完成相应的组件数据编辑,则用户A和B可依次退出搭建表单,服务器可向用户C的终端反馈取消展示用户A和B的用户头像和用户名称的指令,并反馈取消展示用户A和B的操作光标的指令,同时,服务器可在用户A退出搭建表单时,将用户A的编辑页面A修改的内容合并到表单中,在用户B退出搭建表单时,将用户B的编辑页面B修改的内容合并到表单中,从而在展示态浏览表单时,表单可呈现用户A和用户B针对表单所进行的编辑内容,即表单可呈现出已搭建的串行输入框组件和相应的组件数据,单选框组件和相应的组件数据。In the process of building the form, if user A completes the construction of the serial input box component and edits the corresponding component data, and user B completes the construction of the radio box component and completes the corresponding component data editing, then users A and B can exit the construction in turn form, the server can feed back to user C’s terminal the instruction to cancel the display of user A and B’s user avatars and user names, and feed back the instruction to cancel the display of user A and B’s operation cursor. , merge the content modified by user A’s edit page A into the form, and when user B exits the form, merge the modified content of user B’s edit page B into the form, so that the form can be presented when browsing the form in the display state User A and user B edit content on the form, that is, the form can present the built serial input box component and corresponding component data, radio button component and corresponding component data.
假设用户C完成搭建多选框组件并完成相应组件数据编辑,则用户C可保存并退出搭建表单,从而服务器可将用户C的编辑页面C修改的内容合并到表单中,从而在展示态浏览表单时,表单可呈现用户C针对表单所进行的编辑内容,即表单进一步呈现已搭建的多选框组件和相应的组件数据;可见,在用户A、B和C依次完成表单搭建后,本申请实施例可汇总用户A、B和C各自针对表单的搭建内容,实现表单的高效搭建。Assuming that user C has finished building the multi-select box component and editing the data of the corresponding component, user C can save and exit the building form, so that the server can merge the content modified by user C’s editing page C into the form, so that the form can be browsed in the display state , the form can display user C’s editing content for the form, that is, the form further presents the built multi-select box components and corresponding component data; it can be seen that after users A, B and C complete the form construction in sequence, the implementation of this application For example, users A, B, and C can summarize the construction content of the form, so as to realize the efficient construction of the form.
显然,表单仅是本申请实施例搭建的页面的一种实现形式,本申请实施例也可实现搭建其他展示类的页面,对此本申请实施例并不设限。本申请实施例提供的页面搭建方法,允许多个对象参与搭建目标页面,并且使得后面参与搭建的对象是在前面对象的已编辑内容基础上进行编辑,同时,保障各对象的编辑内容不相冲突,可在多个对象参与搭建目标页面的情况下,协同多个对象的页面搭建工作,实现高效搭建页面。Apparently, the form is only an implementation form of the page built by the embodiment of the present application, and the embodiment of the present application can also realize the construction of other display type pages, which is not limited by the embodiment of the present application. The page construction method provided by the embodiment of the present application allows multiple objects to participate in the construction of the target page, and allows the objects participating in the construction to be edited on the basis of the edited content of the previous object, and at the same time, it is guaranteed that the edited content of each object does not conflict , when multiple objects participate in building the target page, the page building work of multiple objects can be coordinated to achieve efficient page building.
上文描述了本申请实施例提供的多个实施例方案,各实施例方案介绍的各实施方式可在不冲突的情况下相互结合、交叉引用,从而延伸出多种可能的实施例方案,这些均可认为是本申请实施例披露、公开的实施例方案。The above describes the multiple embodiment solutions provided by the embodiments of the present application. The various implementation modes introduced by each embodiment solution can be combined and cross-referenced without conflict, so as to extend a variety of possible embodiment solutions. These All of them can be regarded as the embodiment disclosures and disclosed embodiment schemes of the present application.
下面从服务器的角度,对本申请实施例提供的页面搭建装置进行介绍,下文描述的页面搭建装置可以认为是,服务器为实现本申请实施例提供的页面搭建方法所需设置的功能 模块。下文描述的页面搭建装置的内容,可与上文描述的页面搭建方法的内容,相互对应参照。From the perspective of the server, the page building device provided by the embodiment of the present application is introduced below. The page building device described below can be regarded as a functional module that the server needs to set up to implement the page building method provided by the embodiment of the present application. The content of the page building device described below may be referred to in correspondence with the content of the page building method described above.
图9示出了本申请实施例提供的页面搭建装置的框图。如图9所示,该页面搭建装置可以包括:访问请求获取模块100,用于获取第一对象针对操作界面的访问请求,其中,操作界面用于搭建由组件形成的目标页面,第一对象为参与搭建目标页面的多个对象中的任一对象;界面确定及反馈模块110,用于根据目标页面的已编辑内容,确定第一对象进行编辑操作的第一编辑页面,将包括第一编辑页面的操作界面反馈给第一对象;编辑内容获取模块120,用于获取第一对象在操作界面的组件编辑内容;冲突检测模块130,用于根据第一对象的组件编辑内容以及第二对象的组件编辑内容,检测第一对象与第二对象选择的形成目标页面的组件和/或编辑的组件数据是否冲突;第二对象不同于第一对象;编辑内容更新模块140,用于若检测结果为不冲突,在第一编辑页面中更新第一对象的组件编辑内容;页面更新模块150,用于获取第一对象的编辑完成指令,根据第一编辑页面更新目标页面。FIG. 9 shows a block diagram of a page construction device provided by an embodiment of the present application. As shown in FIG. 9 , the page building device may include: an access request acquisition module 100, configured to acquire an access request from a first object for an operation interface, wherein the operation interface is used to build a target page formed by components, and the first object is Any object among the multiple objects involved in building the target page; the interface determination and feedback module 110 is used to determine the first editing page for the first object to perform editing operations according to the edited content of the target page, which will include the first editing page The operation interface of the first object is fed back to the first object; the editing content acquisition module 120 is used to obtain the editing content of the components of the first object on the operation interface; the conflict detection module 130 is used to edit the content according to the components of the first object and the components of the second object Editing content, detecting whether the component and/or edited component data of the first object and the second object selected to form the target page conflict; the second object is different from the first object; the editing content update module 140 is used to Conflict, update the component editing content of the first object on the first editing page; the page updating module 150 is configured to acquire an editing completion instruction of the first object, and update the target page according to the first editing page.
在一实施方式中,界面确定及反馈模块110所执行的根据目标页面的已编辑内容确定第一对象进行编辑操作的第一编辑页面包括:若第一对象为第一个参与搭建目标页面的对象,确定初始的目标页面对应的副本页面,作为第一对象进行编辑操作的第一编辑页面;若第一对象不为第一个参与搭建目标页面的对象,将已参与搭建目标页面的各对象的编辑页面进行合并,所得到的页面作为第一对象进行编辑操作的第一编辑页面。In one embodiment, the first editing page performed by the interface determination and feedback module 110 according to the edited content of the target page to determine the first object for editing operations includes: if the first object is the first object that participates in building the target page , determine the copy page corresponding to the initial target page as the first editing page for the first object to edit; if the first object is not the first object to participate in building the target page, the The edited pages are merged, and the obtained page is used as the first edited page on which the editing operation is performed on the first object.
在一实施方式中,操作界面包括:用于选择组件的组件选择区,以及放置选择的组件并对选择的组件编辑组件数据的编辑区,其中,第一编辑页面位于编辑区;在一实施方式中,编辑内容获取模块120,用于获取第一对象在操作界面的组件编辑内容,包括:获取第一对象从组件选择区中选择的组件,和/或,对选择的组件编辑的组件数据。In one embodiment, the operation interface includes: a component selection area for selecting components, and an editing area for placing the selected components and editing component data for the selected components, wherein the first editing page is located in the editing area; in one embodiment Among them, the editing content acquisition module 120 is used to acquire the component editing content of the first object on the operation interface, including: acquiring the component selected by the first object from the component selection area, and/or the component data edited for the selected component.
在一实施方式中,冲突检测模块130所执行的根据第一对象的组件编辑内容以及第二对象的组件编辑内容,检测第一对象与第二对象选择的形成目标页面的组件和/或编辑的组件数据是否冲突,包括:根据第一对象的组件编辑内容以及第二对象的组件编辑内容,检测第一对象与第二对象从组件选择区中选择的组件是否冲突,和/或,检测第一对象与第二对象对已选择的组件所编辑的组件数据是否冲突。In one embodiment, the conflict detection module 130 detects the components and/or edited components selected by the first object and the second object to form the target page according to the component editing content of the first object and the component editing content of the second object. Whether the component data conflicts, including: according to the component editing content of the first object and the component editing content of the second object, detecting whether the components selected by the first object and the second object from the component selection area conflict, and/or detecting the first Whether the object and the second object conflict with the component data edited by the selected component.
在一实施方式中,冲突检测模块130所执行的检测第一对象与第二对象从组件选择区中选择的组件是否冲突包括:检测第一对象与第二对象是否从组件选择区中选择同类型的不同组件;其中,若第一对象与第二对象从组件选择区中选择同类型的不同组件,则第一对象与第二对象从组件选择区中选择的组件相冲突。In one embodiment, detecting whether the components selected by the first object and the second object from the component selection area conflict with the conflict detection module 130 includes: detecting whether the first object and the second object select the same type from the component selection area different components of ; wherein, if the first object and the second object select different components of the same type from the component selection area, the components selected by the first object and the second object from the component selection area conflict.
冲突检测模块130所执行的检测第一对象与第二对象对已选择的组件所编辑的组件数据是否冲突包括:检测第一对象与第二对象是否同时编辑同一组件的组件数据;其中,若第一对象与第二对象同时编辑同一组件的组件数据,则第一对象与第二对象对已选择的组 件所编辑的组件数据相冲突。Detecting whether the component data edited by the first object and the second object conflict with the selected component performed by the conflict detection module 130 includes: detecting whether the first object and the second object edit the component data of the same component at the same time; If an object and a second object edit the component data of the same component at the same time, then the component data edited by the first object and the second object conflict with the selected component.
在一实施方式中,编辑内容更新模块140所执行的在第一编辑页面中更新第一对象的组件编辑内容包括:在第一编辑页面中合并第一对象的组件编辑内容。In one embodiment, updating the component editing content of the first object on the first editing page performed by the editing content updating module 140 includes: merging the component editing content of the first object on the first editing page.
在一实施方式中,页面更新模块150所执行的根据第一编辑页面更新目标页面包括:将第一编辑页面中修改的组件内容,合并到目标页面。In one embodiment, updating the target page according to the first editing page performed by the page updating module 150 includes: merging the modified component content in the first editing page into the target page.
图10示出了本申请实施例提供的页面搭建装置的另一框图,结合图9和图10所示,该装置还可以包括:拒绝提示模块160,用于若检测结果为相冲突,向第一对象提示拒绝第一对象的组件编辑内容。FIG. 10 shows another block diagram of the page building device provided by the embodiment of the present application. In combination with FIG. 9 and FIG. An object prompts to reject the component edit content of the first object.
图11示出了本申请实施例提供的页面搭建装置的再一框图。结合图9和图11所示,该页面搭建装置还可以包括:对象标识反馈模块170,用于在反馈给第一对象的操作界面中,携带当前参与搭建目标页面的各对象的对象标识;若在第一对象之后存在参与搭建目标页面的新对象,向第一对象反馈新对象的对象标识,以便在第一对象的操作界面增加展示新对象的对象标识;若存在退出搭建目标页面的退出对象,向第一对象反馈取消展示退出对象的对象标识的指令,以便在第一对象的操作界面取消展示退出对象的对象标识;操作标志反馈模块180,用于确定各第二对象的操作标志在操作界面对应的位置信息,将各第二对象的操作标志对应的位置信息反馈给第一对象,以便在第一对象的操作界面展示各第二对象的操作标志。FIG. 11 shows another block diagram of the page construction device provided by the embodiment of the present application. As shown in FIG. 9 and FIG. 11 , the page building device may further include: an object identifier feedback module 170, configured to carry the object identifiers of the objects currently involved in building the target page in the operation interface fed back to the first object; After the first object, there is a new object that participates in building the target page, and the object ID of the new object is fed back to the first object, so that the object ID of the new object can be displayed on the operation interface of the first object; if there is an exit object that exits the target page Feedback to the first object an instruction to cancel the display of the object identifier of the exit object, so that the object identifier of the exit object can be canceled on the operation interface of the first object; the operation flag feedback module 180 is used to determine that the operation flag of each second object is in operation The position information corresponding to the interface is to feed back the position information corresponding to the operation marks of each second object to the first object, so as to display the operation marks of each second object on the operation interface of the first object.
在一实施方式中,对象标识反馈模块170和操作标志反馈模块180也可择一实现。In one embodiment, the object identifier feedback module 170 and the operation flag feedback module 180 can also be implemented alternatively.
本申请实施例提供的页面搭建装置,允许多个对象参与搭建目标页面,并且使得后面参与搭建的对象是在前面对象的已编辑内容基础上进行编辑,同时,保障各对象的组件编辑内容不相冲突,可在多个对象参与搭建目标页面的情况下,协同多个对象的页面搭建工作,实现高效搭建页面。The page construction device provided by the embodiment of the present application allows multiple objects to participate in the construction of the target page, and allows the objects that participate in the construction to be edited on the basis of the edited content of the previous object, and at the same time, ensures that the edited content of the components of each object is not consistent. Conflict, when multiple objects participate in building the target page, coordinate the page building work of multiple objects to achieve efficient page building.
本申请实施例还提供一种服务器,该服务器可以部署搭建页面的服务,以便多个对象接入该服务,以实现多个对象参与搭建页面;具体的,该服务器可以通过装载上述服务器角度描述的页面搭建装置,以实现本申请实施例提供的服务器角度执行的页面搭建方法。The embodiment of the present application also provides a server, which can deploy the service of building pages, so that multiple objects can access the service, so as to realize the participation of multiple objects in building pages; specifically, the server can be loaded with the The page building device is used to realize the page building method performed from the perspective of the server provided in the embodiment of the present application.
图12示出了本申请实施例提供的服务器的框图。如图12所示,该服务器可以包括:至少一个处理器1,至少一个通信接口2,至少一个存储器3和至少一个通信总线4;在本申请实施例中,处理器1、通信接口2、存储器3、通信总线4的数量为至少一个,且处理器1、通信接口2、存储器3通过通信总线4完成相互间的通信。Fig. 12 shows a block diagram of a server provided by an embodiment of the present application. As shown in Figure 12, the server may include: at least one processor 1, at least one communication interface 2, at least one memory 3 and at least one communication bus 4; in the embodiment of the present application, the processor 1, the communication interface 2, the memory 3. There is at least one communication bus 4 , and the processor 1 , the communication interface 2 , and the memory 3 communicate with each other through the communication bus 4 .
在一实施方式中,通信接口2可以为用于进行网络通信的通信模块的接口。In one embodiment, the communication interface 2 may be an interface of a communication module for network communication.
在一实施方式中,处理器1可能是CPU(中央处理器),GPU(Graphics Processing Unit,图形处理器),NPU(嵌入式神经网络处理器),FPGA(Field Programmable Gate Array,现场可编程逻辑门阵列),TPU(张量处理单元),AI芯片,特定集成电路ASIC(Application Specific Integrated Circuit),或者是被配置成实施本申请实施例的一个或多个集成电路等。In one embodiment, processor 1 may be CPU (central processing unit), GPU (Graphics Processing Unit, graphics processing unit), NPU (embedded neural network processor), FPGA (Field Programmable Gate Array, Field Programmable Logic gate array), TPU (tensor processing unit), AI chip, specific integrated circuit ASIC (Application Specific Integrated Circuit), or one or more integrated circuits configured to implement the embodiments of the present application, etc.
存储器3可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。The memory 3 may include a high-speed RAM memory, and may also include a non-volatile memory (non-volatile memory), such as at least one magnetic disk memory.
其中,存储器3存储一条或多条计算机可执行指令,处理器1调用一条或多条计算机可执行指令,以执行实现本申请实施例提供的服务器角度执行的页面搭建方法。Wherein, the memory 3 stores one or more computer-executable instructions, and the processor 1 invokes one or more computer-executable instructions to implement the server-perspective page building method provided by the embodiment of the present application.
本申请实施例还提供一种存储介质,该存储介质可存储一条或多条计算机可执行指令,该一条或多条计算机可执行指令被执行时实现本申请实施例提供的服务器角度执行的页面搭建方法。The embodiment of the present application also provides a storage medium, which can store one or more computer-executable instructions. When the one or more computer-executable instructions are executed, the server-perspective page construction provided by the embodiment of the present application is realized. method.
本申请实施例还提供一种计算机程序,该计算机程序被执行时实现本申请实施例提供的服务器角度执行的页面搭建方法。The embodiment of the present application also provides a computer program. When the computer program is executed, the method for building a page provided by the embodiment of the present application from the perspective of the server is implemented.
下面从对象使用的终端的角度,对本申请实施例提供的页面搭建装置进行介绍,下文描述的页面搭建装置可以认为是,终端为实现本申请实施例提供的页面搭建方法所需设置的功能模块。下文描述的页面搭建装置的内容,可与上文描述的页面搭建方法的内容,相互对应参照。From the perspective of the terminal used by the object, the page building device provided by the embodiment of the present application is introduced below. The page building device described below can be regarded as a functional module that the terminal needs to set to implement the page building method provided by the embodiment of the present application. The content of the page building device described below may be referred to in correspondence with the content of the page building method described above.
图13示出了本申请实施例提供的页面搭建装置的又一框图。如图13所示,该装置可以包括:访问请求发送模块200,用于向服务器发送第一对象针对操作界面的访问请求,操作界面用于搭建由组件形成的目标页面,第一对象为参与搭建目标页面的多个对象中的任一对象;界面获取及展示模块210,用于获取服务器反馈的包括第一编辑页面的操作界面并展示操作界面,其中,第一编辑页面为基于针对目标页面的已编辑内容,确定的第一对象进行编辑操作的编辑页面;编辑内容检测及发送模块220,用于检测第一对象在操作界面的组件编辑内容,将组件编辑内容发送给服务器,其中,第一对象与第二对象的组件编辑内容指示第一对象与第二对象选择的形成目标页面的组件和/或编辑的组件数据不冲突时,第一编辑页面成功更新第一对象的组件编辑内容;编辑完成模块230,用于检测第一对象的编辑完成操作,向服务器发送第一对象的编辑完成指令,以使服务器根据第一编辑页面更新目标页面。Fig. 13 shows another block diagram of the page building device provided by the embodiment of the present application. As shown in FIG. 13 , the device may include: an access request sending module 200, configured to send to the server an access request of the first object for the operation interface, the operation interface is used to build a target page formed by components, and the first object is to participate in the construction Any object in a plurality of objects of the target page; the interface acquisition and display module 210, used to acquire the operation interface of the first editing page fed back by the server and display the operation interface, wherein the first editing page is based on the target page Edited content, the editing page where the determined first object performs editing operations; the editing content detection and sending module 220 is used to detect the component editing content of the first object on the operation interface, and send the component editing content to the server, wherein, the first When the component editing content of the object and the second object indicates that the first object does not conflict with the components and/or edited component data selected by the second object to form the target page, the first editing page successfully updates the component editing content of the first object; The completion module 230 is configured to detect the editing completion operation of the first object, and send the editing completion instruction of the first object to the server, so that the server updates the target page according to the first editing page.
在一实施方式中,若第一对象为第一个参与搭建目标页面的对象,则第一编辑页面为初始的目标页面对应的副本页面;若第一对象不为第一个参与搭建目标页面的对象,则第一编辑页面为已参与搭建目标页面的各对象的编辑页面合并后的页面。In one embodiment, if the first object is the first object involved in building the target page, the first edit page is the copy page corresponding to the initial target page; if the first object is not the first object involved in building the target page object, the first editing page is a page obtained by merging the editing pages of the objects that have participated in building the target page.
在一实施方式中,界面获取及展示模块210,用于展示操作界面包括:展示用于选择组件的组件选择区,以及放置选择的组件并对选择的组件编辑组件数据的编辑区,其中,第一编辑页面位于编辑区;在一实施方式中,编辑内容检测及发送模块220,用于检测第一对象在操作界面的组件编辑内容,包括:检测第一对象从组件选择区中选择的组件,和/或,对选择的组件编辑的组件数据。In one embodiment, the interface acquiring and displaying module 210, used to display the operation interface includes: displaying a component selection area for selecting components, and an editing area for placing the selected components and editing component data for the selected components, wherein, the first An editing page is located in the editing area; in one embodiment, the editing content detection and sending module 220 is used to detect the component editing content of the first object in the operation interface, including: detecting the component selected by the first object from the component selection area, And/or, component data edited for the selected component.
图14示出了本申请实施例提供的页面搭建装置的又另一框图。结合图13和图14所示,该页面搭建装置还可以包括:拒绝提示获取模块240,用于在第一对象与第二对象的 组件编辑内容指示第一对象与第二对象选择的形成目标页面的组件和/或编辑的组件数据相冲突时,获取服务器反馈的拒绝第一对象的组件编辑内容的提示。Fig. 14 shows yet another block diagram of the page building device provided by the embodiment of the present application. As shown in FIG. 13 and FIG. 14 , the page building device may further include: a rejection prompt acquisition module 240, configured to indicate the formation of the target page selected by the first object and the second object in the component editing content of the first object and the second object When there is a conflict between the component and/or the edited component data, a prompt to reject the edited content of the component of the first object fed back by the server is obtained.
图15示出了本申请实施例提供的页面搭建装置的又再一框图。结合图13和图15所示,该装置还可以包括:对象标识展示模块250,用于在展示操作界面时,在操作界面展示当前参与搭建目标页面的各对象的对象标识;在第一对象之后存在参与搭建目标页面的新对象时,获取服务器反馈的新对象的对象标识,在操作界面增加展示新对象的对象标识;在存在退出搭建目标页面的退出对象时,获取服务器反馈的取消展示退出对象的对象标识的指令,在操作界面取消展示退出对象的对象标识;操作标志展示模块260,用于获取服务器反馈的各第二对象的操作标志在操作界面对应的位置信息,在第一对象的操作界面展示各第二对象的操作标志。Fig. 15 shows yet another block diagram of the page building device provided by the embodiment of the present application. As shown in FIG. 13 and FIG. 15, the device may further include: an object identification display module 250, which is used to display the object identifications of the objects currently involved in building the target page on the operation interface when displaying the operation interface; after the first object When there is a new object that participates in building the target page, obtain the object ID of the new object fed back by the server, and add the object ID to display the new object in the operation interface; when there is an exit object that exits the construction target page, obtain the feedback from the server to cancel the display of the exit object The instruction of the object identification of the object is to cancel the display of the object identification of the exiting object on the operation interface; the operation identification display module 260 is used to obtain the position information corresponding to the operation identification of each second object fed back by the server on the operation interface, and to perform the operation of the first object The interface displays the operation signs of each second object.
在一实施方式中,对象标识展示模块250和操作标志展示模块260可择一使用。In one embodiment, the object identification display module 250 and the operation identification display module 260 can be used alternatively.
本申请实施例还提供一种终端,该终端可通过装载上述的页面搭建装置,以实现本申请实施例提供的终端角度执行的页面搭建方法。在一种实现中,结合图12所示,该终端可以包括至少一个存储器和至少一个处理器,存储器存储一条或多条计算机可执行指令,处理器调用一条或多条计算机可执行指令,以执行实现本申请实施例提供的终端角度执行的页面搭建方法。The embodiment of the present application also provides a terminal, which can implement the page building method performed from the perspective of the terminal provided in the embodiment of the present application by loading the above-mentioned page building device. In one implementation, as shown in FIG. 12 , the terminal may include at least one memory and at least one processor, the memory stores one or more computer-executable instructions, and the processor invokes one or more computer-executable instructions to execute Implement the page building method executed from the terminal perspective provided in the embodiment of the present application.
本申请实施例还提供一种存储介质,该存储介质可以存储一条或多条计算机可执行指令,该一条或多条计算机可执行指令被执行时实现本申请实施例提供的终端角度执行的页面搭建方法。The embodiment of the present application also provides a storage medium, which can store one or more computer-executable instructions. When the one or more computer-executable instructions are executed, the page construction provided by the embodiment of the present application from the perspective of the terminal is implemented. method.
本申请实施例还提供一种计算机程序,该计算机程序被执行时实现本申请实施例提供的终端角度执行的页面搭建方法。The embodiment of the present application further provides a computer program. When the computer program is executed, the method for building a page provided by the embodiment of the present application from the perspective of the terminal is implemented.
虽然本申请实施例披露如上,但本申请并非限定于此。任何本领域技术人员,在不脱离本申请的精神和范围内,均可作各种更动与修改,因此本申请的保护范围应当以权利要求所限定的范围为准。Although the embodiments of the present application are disclosed above, the present application is not limited thereto. Any person skilled in the art can make various changes and modifications without departing from the spirit and scope of the present application. Therefore, the protection scope of the present application should be based on the scope defined in the claims.

Claims (14)

  1. 一种页面搭建方法,其中,包括:A page building method, including:
    获取第一对象针对操作界面的访问请求,其中,所述操作界面用于搭建由组件形成的目标页面,所述第一对象为参与搭建目标页面的多个对象中的任一对象;Obtain an access request from a first object for an operation interface, wherein the operation interface is used to build a target page formed by components, and the first object is any one of multiple objects involved in building the target page;
    根据目标页面的已编辑内容,确定所述第一对象进行编辑操作的第一编辑页面,将包括所述第一编辑页面的操作界面反馈给所述第一对象;According to the edited content of the target page, determine the first editing page on which the first object performs editing operations, and feed back the operation interface including the first editing page to the first object;
    获取所述第一对象在所述操作界面的组件编辑内容;Acquiring the edited content of the component of the first object on the operation interface;
    根据所述第一对象的组件编辑内容以及第二对象的组件编辑内容,检测所述第一对象与第二对象选择的形成所述目标页面的组件和/或编辑的组件数据是否冲突;所述第二对象不同于所述第一对象;According to the component editing content of the first object and the component editing content of the second object, detect whether the components and/or edited component data selected by the first object and the second object to form the target page conflict; the second object is different from the first object;
    若检测结果为不冲突,在所述第一编辑页面中更新所述第一对象的组件编辑内容;If the detection result is no conflict, update the component editing content of the first object on the first editing page;
    获取所述第一对象的编辑完成指令,根据所述第一编辑页面更新所述目标页面。An editing completion instruction of the first object is acquired, and the target page is updated according to the first edited page.
  2. 根据权利要求1所述的页面搭建方法,其中,所述根据目标页面的已编辑内容,确定所述第一对象进行编辑操作的第一编辑页面包括:The page building method according to claim 1, wherein said determining the first edited page on which the first object performs editing operations according to the edited content of the target page comprises:
    若第一对象为第一个参与搭建目标页面的对象,确定初始的目标页面对应的副本页面,作为第一对象进行编辑操作的第一编辑页面;If the first object is the first object to participate in building the target page, determine the copy page corresponding to the initial target page as the first editing page for the first object to edit;
    若第一对象不为第一个参与搭建目标页面的对象,将已参与搭建目标页面的各对象的编辑页面进行合并,所得到的页面作为第一对象进行编辑操作的第一编辑页面。If the first object is not the first object to participate in building the target page, the editing pages of the objects that have participated in building the target page are combined, and the resulting page is used as the first editing page for the first object to perform editing operations.
  3. 根据权利要求1或2所述的页面搭建方法,其中,所述操作界面包括:用于选择组件的组件选择区,以及放置选择的组件并对选择的组件编辑组件数据的编辑区,其中,所述第一编辑页面位于所述编辑区;The page building method according to claim 1 or 2, wherein the operation interface includes: a component selection area for selecting components, and an editing area for placing the selected components and editing component data for the selected components, wherein the The first editing page is located in the editing area;
    所述获取所述第一对象在所述操作界面的组件编辑内容包括:The acquisition of the editing content of the component of the first object on the operation interface includes:
    获取所述第一对象从组件选择区中选择的组件,和/或,对选择的组件编辑的组件数据。Acquiring the component selected by the first object from the component selection area, and/or the component data edited on the selected component.
  4. 根据权利要求3所述的页面搭建方法,其中,所述根据所述第一对象的组件编辑内容以及第二对象的组件编辑内容,检测所述第一对象与第二对象选择的形成所述目标页面的组件和/或编辑的组件数据是否冲突包括:The page building method according to claim 3, wherein, according to the component editing content of the first object and the component editing content of the second object, it is detected that the first object and the second object are selected to form the target Whether the page's components and/or edited component data conflicts include:
    根据所述第一对象的组件编辑内容以及第二对象的组件编辑内容,检测所述第一对象与第二对象从组件选择区中选择的组件是否冲突,和/或,检测所述第一对象与第二对象对已选择的组件所编辑的组件数据是否冲突。According to the component editing content of the first object and the component editing content of the second object, detect whether the components selected from the component selection area of the first object and the second object conflict, and/or detect the first object Whether it conflicts with the component data edited by the second object on the selected component.
  5. 根据权利要求4所述的页面搭建方法,其中,所述检测所述第一对象与第二对象从组件选择区中选择的组件是否冲突包括:The page building method according to claim 4, wherein said detecting whether the components selected by the first object and the second object from the component selection area conflict includes:
    检测所述第一对象与第二对象是否从组件选择区中选择同类型的不同组件;其中,若所述第一对象与第二对象从组件选择区中选择同类型的不同组件,则所述第一对象与第二对象从组件选择区中选择的组件相冲突;Detecting whether the first object and the second object select different components of the same type from the component selection area; wherein, if the first object and the second object select different components of the same type from the component selection area, then the The first object conflicts with the component selected by the second object from the component selection area;
    所述检测所述第一对象与第二对象对已选择的组件所编辑的组件数据是否冲突包括:The detecting whether the component data edited by the first object and the second object conflict with the selected component includes:
    检测所述第一对象与第二对象是否同时编辑同一组件的组件数据;其中,若所述第一对象与第二对象同时编辑同一组件的组件数据,则所述第一对象与第二对象对已选择的组件所编辑的组件数据相冲突。Detect whether the first object and the second object edit the component data of the same component at the same time; wherein, if the first object and the second object edit the component data of the same component at the same time, the first object and the second object The edited component data of the selected component conflicts.
  6. 根据权利要求1所述的页面搭建方法,其中,所述在所述第一编辑页面中更新所述第一对象的组件编辑内容包括:The page building method according to claim 1, wherein updating the component editing content of the first object in the first editing page comprises:
    在所述第一编辑页面中合并所述第一对象的组件编辑内容;Merging the component editing content of the first object in the first editing page;
    所述根据所述第一编辑页面更新所述目标页面包括:The updating the target page according to the first editing page includes:
    将所述第一编辑页面中修改的组件内容,合并到所述目标页面;Merge the modified component content in the first editing page into the target page;
    所述方法还包括:The method also includes:
    若检测结果为相冲突,向所述第一对象提示拒绝所述第一对象的组件编辑内容。If the detection result is a conflict, prompting the first object to reject the component editing content of the first object.
  7. 根据权利要求1所述的页面搭建方法,其中,还包括:The page building method according to claim 1, further comprising:
    在反馈给第一对象的操作界面中,携带当前参与搭建目标页面的各对象的对象标识;若在第一对象之后存在参与搭建目标页面的新对象,向第一对象反馈所述新对象的对象标识,以便在第一对象的操作界面增加展示所述新对象的对象标识;若存在退出搭建目标页面的退出对象,向第一对象反馈取消展示所述退出对象的对象标识的指令,以便在第一对象的操作界面取消展示所述退出对象的对象标识;In the operation interface fed back to the first object, carry the object identifiers of the objects currently participating in building the target page; if there is a new object participating in building the target page after the first object, feed back the object of the new object to the first object identification, so that the object identification of the new object is displayed on the operation interface of the first object; if there is an exit object exiting the construction target page, an instruction to cancel the display of the object identification of the exit object is fed back to the first object, so that in the first object The operation interface of an object cancels displaying the object identifier of the exit object;
    和/或,确定第二对象的操作标志在操作界面对应的位置信息,将第二对象的操作标志对应的位置信息反馈给第一对象,以便在第一对象的操作界面展示第二对象的操作标志。And/or, determine the position information corresponding to the operation sign of the second object on the operation interface, and feed back the position information corresponding to the operation sign of the second object to the first object, so as to display the operation of the second object on the operation interface of the first object sign.
  8. 一种页面搭建方法,其中,包括:A page building method, including:
    向服务器发送第一对象针对操作界面的访问请求,所述操作界面用于搭建由组件形成的目标页面,所述第一对象为参与搭建目标页面的多个对象中的任一对象;Sending to the server an access request of the first object for the operation interface, the operation interface is used to build a target page formed by components, and the first object is any object among a plurality of objects participating in building the target page;
    获取服务器反馈的包括第一编辑页面的操作界面并展示所述操作界面,其中,所述第一编辑页面为基于目标页面的已编辑内容,确定的所述第一对象进行编辑操作的编辑页面;Obtaining an operation interface including a first edit page fed back by the server and displaying the operation interface, wherein the first edit page is an edit page on which the first object is determined to perform an edit operation based on the edited content of the target page;
    检测所述第一对象在所述操作界面的组件编辑内容,将所述组件编辑内容发送给服务器,其中,所述第一对象与第二对象的组件编辑内容指示第一对象与第二对象选择的形成所述目标页面的组件和/或编辑的组件数据不冲突时,所述第一编辑页面成功更新所述第一对象的组件编辑内容;Detecting the component editing content of the first object on the operation interface, and sending the component editing content to the server, wherein the component editing content of the first object and the second object indicates the selection of the first object and the second object When the components forming the target page and/or the edited component data do not conflict, the first edit page successfully updates the edited content of the components of the first object;
    检测所述第一对象的编辑完成操作,向服务器发送所述第一对象的编辑完成指令,以使服务器根据所述第一编辑页面更新所述目标页面。Detecting the editing completion operation of the first object, and sending an editing completion instruction of the first object to the server, so that the server updates the target page according to the first editing page.
  9. 根据权利要求8所述的页面搭建方法,其中,所述展示所述操作界面包括:The page construction method according to claim 8, wherein said displaying said operation interface comprises:
    展示用于选择组件的组件选择区,以及放置选择的组件并对选择的组件编辑组件数据的编辑区,其中,所述第一编辑页面位于所述编辑区;Displaying a component selection area for selecting a component, and an editing area for placing the selected component and editing component data for the selected component, wherein the first editing page is located in the editing area;
    所述检测所述第一对象在所述操作界面的组件编辑内容包括:The editing content of the component detecting the first object on the operation interface includes:
    检测所述第一对象从组件选择区中选择的组件,和/或,对选择的组件编辑的组件数据。Detecting the component selected by the first object from the component selection area, and/or editing the component data of the selected component.
  10. 根据权利要求8所述的页面搭建方法,其中,还包括:The page building method according to claim 8, further comprising:
    在所述第一对象与第二对象的组件编辑内容指示第一对象与第二对象选择的形成所述目标页面的组件和/或编辑的组件数据相冲突时,获取服务器反馈的拒绝所述第一对象的组件编辑内容的提示。When the edited content of the components of the first object and the second object indicates that the components and/or edited component data selected by the first object and the second object to form the target page conflict, obtain a rejection of the second object fed back by the server. A hint for editing content of an object's components.
  11. 根据权利要求8所述的页面搭建方法,其中,还包括:The page building method according to claim 8, further comprising:
    在展示所述操作界面时,在所述操作界面展示当前参与搭建目标页面的各对象的对象标识;在第一对象之后存在参与搭建目标页面的新对象时,获取服务器反馈的所述新对象的对象标识,在所述操作界面增加展示所述新对象的对象标识;在存在退出搭建目标页面的退出对象时,获取服务器反馈的取消展示所述退出对象的对象标识的指令,在所述操作界面取消展示所述退出对象的对象标识;When displaying the operation interface, the operation interface displays the object identifiers of the objects currently participating in the construction of the target page; when there is a new object participating in the construction of the target page after the first object, obtain the ID of the new object fed back by the server Object identification, adding and displaying the object identification of the new object on the operation interface; when there is an exit object that exits the construction target page, obtaining an instruction to cancel the object identification of the exit object that is fed back by the server, and displaying the object identification of the exit object on the operation interface undisclose the object identification of said exit object;
    和/或,获取服务器反馈的第二对象的操作标志在操作界面对应的位置信息,在第一对象的操作界面展示第二对象的操作标志。And/or, obtain the position information corresponding to the operation symbol of the second object fed back by the server on the operation interface, and display the operation symbol of the second object on the operation interface of the first object.
  12. 一种服务器,其中,包括:至少一个存储器和至少一个处理器,所述存储器存储一条或多条计算机可执行指令,所述处理器调用所述一条或多条计算机可执行指令,以执行实现如权利要求1-7任一项所述的页面搭建方法。A server, including: at least one memory and at least one processor, the memory stores one or more computer-executable instructions, and the processor invokes the one or more computer-executable instructions to perform implementations such as The page building method described in any one of claims 1-7.
  13. 一种终端,其中,包括:至少一个存储器和至少一个处理器,所述存储器存储一条或多条计算机可执行指令,所述处理器调用所述一条或多条计算机可执行指令,以执行实现如权利要求8-11任一项所述的页面搭建方法。A terminal, which includes: at least one memory and at least one processor, the memory stores one or more computer-executable instructions, and the processor invokes the one or more computer-executable instructions to perform implementations such as The page building method described in any one of claims 8-11.
  14. 一种存储介质,其中,所述存储介质存储一条或多条计算机可执行指令,所述一条或多条计算机可执行指令被执行时实现如权利要求1-7任一项所述的页面搭建方法,或者,如权利要求8-11任一项所述的页面搭建方法。A storage medium, wherein the storage medium stores one or more computer-executable instructions, and when the one or more computer-executable instructions are executed, the page building method according to any one of claims 1-7 is implemented , or, the page building method according to any one of claims 8-11.
PCT/CN2022/123496 2021-10-08 2022-09-30 Page building method, server, terminal, and storage medium WO2023056903A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111172664.2 2021-10-08
CN202111172664.2A CN114021053A (en) 2021-10-08 2021-10-08 Page construction method, server, terminal and storage medium

Publications (1)

Publication Number Publication Date
WO2023056903A1 true WO2023056903A1 (en) 2023-04-13

Family

ID=80055521

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/123496 WO2023056903A1 (en) 2021-10-08 2022-09-30 Page building method, server, terminal, and storage medium

Country Status (2)

Country Link
CN (1) CN114021053A (en)
WO (1) WO2023056903A1 (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114021053A (en) * 2021-10-08 2022-02-08 钉钉(中国)信息技术有限公司 Page construction method, server, terminal and storage medium

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102193933A (en) * 2010-03-10 2011-09-21 北大方正集团有限公司 Method and system for webpage editing
CN103914439A (en) * 2013-01-04 2014-07-09 中国移动通信集团公司 Method, device and system for online document edition
US20150347394A1 (en) * 2014-06-03 2015-12-03 Toshiba Tec Kabushiki Kaisha User interface screen creation supporting system
CN110309494A (en) * 2019-05-31 2019-10-08 深圳壹账通智能科技有限公司 Method, apparatus and computer equipment based on page end synchro edit document
CN110442336A (en) * 2019-08-05 2019-11-12 上海钧正网络科技有限公司 A kind of web development methods and device, storage medium and electronic equipment
CN110865807A (en) * 2018-08-27 2020-03-06 北京京东金融科技控股有限公司 Active page creation system, method, device and storage medium
CN114021053A (en) * 2021-10-08 2022-02-08 钉钉(中国)信息技术有限公司 Page construction method, server, terminal and storage medium

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102193933A (en) * 2010-03-10 2011-09-21 北大方正集团有限公司 Method and system for webpage editing
CN103914439A (en) * 2013-01-04 2014-07-09 中国移动通信集团公司 Method, device and system for online document edition
US20150347394A1 (en) * 2014-06-03 2015-12-03 Toshiba Tec Kabushiki Kaisha User interface screen creation supporting system
CN110865807A (en) * 2018-08-27 2020-03-06 北京京东金融科技控股有限公司 Active page creation system, method, device and storage medium
CN110309494A (en) * 2019-05-31 2019-10-08 深圳壹账通智能科技有限公司 Method, apparatus and computer equipment based on page end synchro edit document
CN110442336A (en) * 2019-08-05 2019-11-12 上海钧正网络科技有限公司 A kind of web development methods and device, storage medium and electronic equipment
CN114021053A (en) * 2021-10-08 2022-02-08 钉钉(中国)信息技术有限公司 Page construction method, server, terminal and storage medium

Also Published As

Publication number Publication date
CN114021053A (en) 2022-02-08

Similar Documents

Publication Publication Date Title
JP5443471B2 (en) Conflict resolution
US10089056B2 (en) Device, method, and graphical user interface for collaborative editing in documents
US10277643B2 (en) Server and method of providing collaboration services and user terminal for receiving collaboration services
US20200142545A1 (en) Document contribution management system
CN109710909B (en) Content acquisition method, device, terminal and storage medium
KR101794373B1 (en) Temporary formatting and charting of selected data
CN102508840B (en) Concurrent editing of online drawings
US11756001B2 (en) Online collaboration platform
US9436385B2 (en) Invocation control over keyboard user interface
JP2019537081A (en) Creating a project in a content management system
US10198411B2 (en) Storing additional document information through change tracking
US20230177464A1 (en) Managing reminders in a content management system
JP2012501586A (en) Minimum extension required for multi-master offline and collaboration for devices and web services
US20220164743A1 (en) Managing projects in a content management system
JP2007328471A (en) Document input editing system
WO2023056903A1 (en) Page building method, server, terminal, and storage medium
WO2022184004A1 (en) Document processing method and apparatus, and device and medium
US20240126901A1 (en) Method, apparatus, terminal and storage medium for service processing based on online document
JP6780392B2 (en) Information processing equipment and information processing programs
US10423713B1 (en) System and method for updating a master slide of a presentation
CN116415547A (en) Document processing method, device, equipment, medium and program product
JP2023075925A (en) Automatic two-way generation and synchronization of notebook and pipeline

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22877922

Country of ref document: EP

Kind code of ref document: A1