WO2023000867A1

WO2023000867A1 - Page configuration method and apparatus

Info

Publication number: WO2023000867A1
Application number: PCT/CN2022/098598
Authority: WO
Inventors: 王光辉
Original assignee: 京东科技控股股份有限公司
Priority date: 2021-07-21
Filing date: 2022-06-14
Publication date: 2023-01-26
Also published as: CN115686293A

Abstract

The present disclosure discloses a page configuration method and apparatus, which relate to the technical field of computers. The method comprises: in response to detecting a trigger instruction for instructing to add a first canvas partition to a second canvas partition, and adding a data structure of the first canvas partition to a data structure of the second canvas partition; acquiring location information of the first canvas partition indicated by the trigger instruction; and displaying the first canvas partition at the page location indicated by the location information.

Description

Page configuration method and device

Cross References to Related Applications

This patent application claims the priority of the Chinese patent application with the application number 202110840927.6 and the title of the invention "page configuration method and device" filed on July 21, 2021, the entire content of which is incorporated by reference in this application .

technical field

The present disclosure relates to the field of computer technology, in particular to a page configuration method and device.

Background technique

Page visualization construction refers to dragging and dropping page components into the page canvas to build a complete page. Existing page visualization building methods usually nest page components in the page canvas to build different pages.

The existing method of nesting page components to construct different pages has the problem of low page configuration efficiency.

Contents of the invention

The disclosure provides a page configuration method, device, electronic equipment and computer-readable storage medium.

According to the first aspect of the present disclosure, there is provided a page configuration method, including: in response to detecting a trigger instruction indicating to add the first canvas partition to the second canvas partition, adding the data structure of the first canvas partition to to the data structure of the second canvas partition; acquire the location information of the first canvas partition indicated by the trigger instruction; and display the first canvas partition at the page position indicated by the location information.

In some embodiments, in response to detecting a trigger instruction indicating to add the first canvas partition to the second canvas partition, adding the data structure of the first canvas partition to the data structure of the second canvas partition includes: Responsive to detecting a trigger instruction for indicating that the first canvas partition is added to the second canvas partition, judging whether there is a preset field in the data structure of the second canvas partition; A preset field, adding the data structure of the first canvas partition to the preset field in the data structure of the second canvas partition.

In some embodiments, the page configuration method includes: in response to determining that a preset field exists in the data structure of the second canvas partition, presenting information for characterizing that the second canvas partition has a nesting function.

In some embodiments, the page configuration method includes: adding component information of the preset component to the data structure of the target canvas partition in response to detecting an add instruction indicating to add the preset component to the target canvas partition, wherein , the target canvas partition includes: the first canvas partition or the second canvas partition.

In some embodiments, the page configuration method includes: acquiring positional relationship information between the preset component indicated by the adding instruction and existing components in the target canvas partition; presenting the preset component in the target canvas partition according to the positional relationship information .

In some embodiments, the component information includes a component attribute field of a preset component; the page configuration method includes: determining an attribute value of the component attribute field according to user input information.

According to a second aspect of the present disclosure, there is provided a page configuration device, including: a detection unit configured to, in response to detecting a trigger instruction indicating to add a first canvas partition to a second canvas partition, add the first The data structure of the canvas partition is added to the data structure of the second canvas partition; the first acquisition unit is configured to obtain the position information of the first canvas partition indicated by the trigger instruction; the display unit is configured to display the first canvas partition at the page location indicated by the location information.

In some embodiments, the detection unit includes: a judging module configured to, in response to detecting a trigger instruction indicating adding the first canvas partition to the second canvas partition, judge whether the data structure of the second canvas partition is There is a preset field; an adding module configured to add the data structure of the first canvas partition to the preset field in the data structure of the second canvas partition in response to determining that the preset field exists in the data structure of the second canvas partition .

In some embodiments, the page configuration apparatus includes: a first presenting unit configured to, in response to determining that a preset field exists in the data structure of the second canvas partition, present information for representing that the second canvas partition has a nesting function.

In some embodiments, the page configuration includes: a loading unit configured to add component information of the preset component to the target canvas partition in response to detecting an adding instruction indicating that the preset component is added to the target canvas partition. In the data structure, the target canvas partition includes: the first canvas partition or the second canvas partition.

In some embodiments, the page configuration device further includes: a second acquisition unit configured to acquire positional relationship information between the preset component indicated by the adding instruction and the existing component in the target canvas partition; the second presentation unit, It is configured to present preset components in the target canvas partition according to the positional relationship information.

In some embodiments, the component information includes a component attribute field of a preset component; the page configuration device includes: a determining unit configured to determine an attribute value of the component attribute field according to user input information.

According to a third aspect of the present disclosure, an embodiment of the present disclosure provides an electronic device, including: at least one processor; and a memory communicatively connected to the at least one processor; wherein, the memory stores information executable by the at least one processor. An instruction, the instruction is executed by at least one processor, so that the at least one processor can implement the page configuration method provided in the first aspect when executed.

According to a fourth aspect of the present disclosure, an embodiment of the present disclosure provides a computer-readable storage medium on which computer instructions are stored, wherein the computer instructions are used to enable the computer to implement the page provided in the first aspect configuration method.

According to a fifth aspect of the present disclosure, an embodiment of the present disclosure provides a computer program product including a computer program, and when the computer program is executed by a processor, the page configuration method as provided in the first aspect can be implemented.

It should be understood that what is described in this section is not intended to identify key or important features of the embodiments of the present disclosure, nor is it intended to limit the scope of the present disclosure. Other features of the present disclosure will be readily understood through the following description.

Description of drawings

The accompanying drawings are used to better understand the present solution, and do not constitute a limitation to the present disclosure. in:

FIG. 1 is an exemplary system architecture diagram to which embodiments of the present disclosure can be applied;

FIG. 2 is a flowchart of an embodiment of a page configuration method according to the present disclosure;

FIG. 3 is a flowchart of another embodiment of a page configuration method according to the present disclosure;

FIG. 4 is a flowchart of another embodiment of a page configuration method according to the present disclosure;

FIG. 5 is a schematic diagram of an application scenario of the page configuration method according to the present disclosure;

Fig. 6 is a schematic structural diagram of an embodiment of a page configuration device according to the present disclosure;

FIG. 7 is a block diagram of an electronic device for implementing the page configuration method of the embodiment of the present disclosure.

detailed description

Exemplary embodiments of the present disclosure are described below in conjunction with the accompanying drawings, which include various details of the embodiments of the present disclosure to facilitate understanding, and they should be regarded as exemplary only. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope and spirit of the disclosure. Also, descriptions of well-known functions and constructions are omitted in the following description for clarity and conciseness.

FIG. 1 shows an exemplary system architecture 100 to which embodiments of the service processing method or service processing device of the present disclosure can be applied.

As shown in FIG. 1 , a system architecture 100 may include

terminal devices

101 , 102 , 103 , a network 104 and a server 105 . The network 104 is used as a medium for providing communication links between the

terminal devices

101 , 102 , 103 and the server 105 . Network 104 may include various connection types, such as wires, wireless communication links, or fiber optic cables, among others.

Users can use

terminal devices

101 , 102 , 103 to interact with server 105 via network 104 to receive or send messages and the like. The

terminal devices

101, 102, and 103 may be user terminal devices, on which various client applications may be installed, such as image acquisition applications, video acquisition applications, image recognition applications, video recognition applications, playback applications, search applications, financial applications, etc.

Terminal devices

101, 102, 103 may be various electronic devices with display screens and support for receiving server messages, including but not limited to smartphones, tablet computers, e-book readers, electronic players, laptop computers and desktop computers etc.

The

terminal devices

101, 102, and 103 may be hardware or software. When the

terminal devices

101, 102, 103 are hardware, they may be various electronic devices, and when the

terminal devices

101, 102, 103 are software, they may be installed in the electronic devices listed above. It may be implemented as multiple software or software modules (for example, multiple software modules for providing distributed services), or as a single software or software module. No specific limitation is made here.

After the server 105 detects the trigger instruction indicating to add the first canvas partition to the second canvas partition, it adds the data structure of the first canvas partition to the data structure of the second canvas partition, and obtains the data structure indicated by the trigger instruction. position information of the first canvas partition, and display the first canvas partition at the page position indicated by the position information.

It should be noted that the service processing methods provided by the embodiments of the present disclosure can be executed by the

terminal devices

101, 102, 103, or by the server 105, and correspondingly, the service processing apparatus can be set on the

terminal devices

101, 102, 103 In, can also be set in the server 105.

It should be understood that the numbers of terminal devices, networks and servers in Fig. 1 are only illustrative. According to the implementation needs, there can be any number of terminal devices, networks and servers.

The page configuration method and device provided by the present disclosure include: adding the data structure of the first canvas partition to the second canvas partition in response to detecting a trigger instruction indicating to add the first canvas partition to the second canvas partition In the data structure, the location information of the first canvas partition indicated by the trigger instruction is obtained; and the first canvas partition is displayed at the page position indicated by the location information, which can improve the efficiency of configuring the page.

Continuing to refer to FIG. 2 , a process 200 according to an embodiment of the page configuration method of the present disclosure is shown, including the following steps:

Step 201 , adding the data structure of the first canvas partition to the data structure of the second canvas partition in response to detecting a trigger instruction indicating to add the first canvas partition to the second canvas partition.

In this embodiment, after the execution subject of the page configuration method (for example, the server 105 shown in FIG. 1 ) detects a trigger instruction for instructing to add the first canvas partition to the second canvas partition, the first canvas partition may be added to the second canvas partition. The partition data structure is added to the data structure of the second canvas partition. Wherein, the trigger instruction for instructing to add the first canvas partition to the second canvas partition may be an instruction for the user to drag and drop the first canvas partition on the page displaying the canvas partition to the second canvas partition through the mouse, It may also be an instruction to add the first canvas partition to the second canvas partition, etc., input by the user through voice or text input. The data structure of the canvas partition can be an array, a record form, etc., and the data structure contains the component information of each component contained in the canvas partition, such as component identification, component style, component data source, component properties and other information related to the component.

Step 202, acquiring position information of the first canvas partition indicated by the trigger instruction.

In this embodiment, the position information of the first canvas partition indicated by the trigger instruction is obtained. The position information may be when the user drags the first canvas partition on the page displaying the canvas partition to the second canvas partition by using the mouse. The coordinate information of the position where the mouse finally stays on the page, or the position information of adding the first canvas partition to the second canvas partition input by the user through voice or text input, for example, adding the first canvas partition to the The left half area in the second canvas partition, or the middle area, etc.

Step 203, displaying the first canvas partition at the page position indicated by the position information.

In this embodiment, after the first canvas partition is added to the second canvas partition, the first canvas partition may be displayed at the page position indicated by the location information.

In the page configuration method provided in this embodiment, in response to detecting a trigger instruction indicating to add the first canvas partition to the second canvas partition, the data structure of the first canvas partition is added to the data structure of the second canvas partition ; Obtain the position information of the first canvas partition indicated by the trigger command; display the first canvas partition at the page position indicated by the position information, and perform elements from the granularity of the canvas partition during the page visualization building process (that is, the canvas partition , or each component in the canvas partition), and add elements based on the underlying data of the construction of the canvas partition (that is, the data structure of the canvas partition) to complete the page configuration, which can avoid the need for additional debugging caused by adding elements based on the display level And the problem of low efficiency of assembled page configuration.

Continue to refer to FIG. 3 , which shows a process 300 according to another embodiment of the page configuration method of the present disclosure, including the following steps:

Step 301 , in response to detecting a trigger instruction for instructing to add the first canvas partition to the second canvas partition, determine whether there is a preset field in the data structure of the second canvas partition.

In this embodiment, when the execution subject of the page configuration method (for example, the server 105 shown in FIG. 1 ) detects a trigger instruction for instructing to add the first canvas partition to the second canvas partition, determine the second canvas partition Whether there is a preset field in the data structure of the canvas partition, and the preset field is a field reserved in the data structure of the canvas partition to which other canvas partition data structures can be added.

Step 302, in response to determining that there is a preset field in the data structure of the second canvas partition, adding the data structure of the first canvas partition to the preset field in the data structure of the second canvas partition.

In this embodiment, when it is determined that there is a preset field in the data structure of the second canvas partition, the data structure of the first canvas partition is added to the preset field of the data structure of the second canvas partition, so as to achieve The first canvas section is nested within the canvas section.

Step 303, acquiring position information of the first canvas partition indicated by the trigger instruction.

Step 304, displaying the first canvas partition on the page position indicated by the position information.

The descriptions of

steps

303 and 304 in this embodiment are consistent with the descriptions of

steps

202 and 203, and will not be repeated here.

Compared with the embodiment described in FIG. 2, the page configuration method provided in this embodiment adds the method of judging whether there is a preset field in the data structure of the second canvas partition, and determines whether there is a preset field in the data structure of the second canvas partition. field, adding the data structure of the first canvas partition to the preset field of the data structure of the second canvas partition can improve the efficiency and convenience of nesting the first canvas partition in the second canvas partition.

Optionally, the page configuration method includes: in response to determining that a preset field exists in the data structure of the second canvas partition, presenting information for indicating that the second canvas partition has a nesting function.

In this embodiment, after it is determined that there is a preset field in the data structure of the second canvas partition, information indicating that the second canvas partition has a nesting function may be displayed in the display area of the second canvas partition, so that During the process of adding the first canvas partition to the second canvas partition, it indicates that the current second canvas partition can nest other canvas partitions. For example, when the user drags the first canvas partition in the displayed page to the area of the second canvas partition with the mouse, a display for representing the second canvas can be displayed in the area of the second canvas partition or any area in the displayed page. Canvas partitions can nest information of other canvas partitions to prompt users to drag the first canvas partition to the current canvas partition.

Continue to refer to FIG. 4 , which shows a process 400 according to another embodiment of the page configuration method of the present disclosure, including the following steps:

Step 401, in response to detecting an adding instruction indicating to add a preset component to a target canvas partition, add component information of the preset component to the data structure of the target canvas partition, wherein the target canvas partition includes: a first Canvas partition or second canvas partition.

In this embodiment, after the execution subject of the page configuration method (for example, the server 105 shown in FIG. 1 ) detects an add instruction for instructing to add the preset component to the target canvas partition, the component information of the preset component Add to the data structure of the target canvas partition, for example, add information such as the component ID, component style, component data source, and component properties of the preset component to the component structure of the target canvas partition. The target canvas partition can be the first canvas partition or the second canvas partition. The adding instruction used to indicate to add the preset component to the target canvas partition can be an instruction that the user drags and drops the preset component in the component collection to the target canvas partition through the mouse, or it can be input by the user through voice or text Instructions to add the preset components in the component collection to the target canvas partition entered in the same way.

Step 402: Add the data structure of the first canvas partition to the data structure of the second canvas partition in response to detecting a trigger instruction indicating to add the first canvas partition to the second canvas partition.

Step 403, acquiring position information of the first canvas partition indicated by the trigger instruction.

Step 404, displaying the first canvas partition on the page position indicated by the position information.

The descriptions of Step 402, Step 403, and Step 404 in this embodiment are consistent with the descriptions of Step 201, Step 202, and Step 203, and will not be repeated here.

The page configuration method provided in this embodiment can add components to the first canvas partition or the second canvas partition, and add the component information to the data structure of the target canvas partition, so that the data structure of the target canvas partition can record the canvas partition Information about the components in .

Optionally, the page configuration method further includes: acquiring positional relationship information between the preset component indicated by the adding instruction and existing components in the target canvas partition; presenting the preset component in the target canvas partition according to the positional relationship information.

In this embodiment, the positional relationship information between the preset component indicated by the add instruction and the existing components in the target canvas partition can be obtained, and the preset component can be presented in the target canvas partition according to the positional relationship information . The position relationship information can be the first coordinates of the position where the mouse finally stays on the page where the target canvas partition is located when the user drags the preset component to the target canvas partition through the mouse, and the existing components in the target canvas partition. The relationship between the second coordinates of the positions on the page (for example, the first coordinate is on the left side of the second coordinate, the difference between the first coordinate and the second coordinate on the horizontal axis and the vertical axis, etc.), or it can be determined by the user through After the preset component is added to the target canvas partition input by means of voice or text input, the positional relationship between the preset component and the existing components in the target canvas partition.

Optionally, the component information includes a component property field of a preset component; the page configuration method includes: determining the property value of the component property field according to user input information.

In this embodiment, the component information of the preset component includes the component attribute field of the preset component. Before adding the preset component to the target canvas partition, or after adding the preset component to the target canvas partition, you can Or the user's input information, configure the property value in the component property field of the preset component, wherein the property field may include the prohibition or permission of the specified function for representing the preset component, for example, the property field may include a click field, or Drag field, by configuring the attribute value in the click field, you can configure whether the default component allows click events, or by configuring the attribute value in the drag field, you can configure whether the preset component allows drag events. According to the user's requirement or the user's input information, configure the attribute value in the component attribute field of the preset component. To make the preset component universal (that is, to realize the flexible configuration of the preset component based on user needs without modifying the underlying program that implements the component), and to make the target canvas partition be added to other canvas partitions, or other canvas partitions to be added After reaching the target canvas partition, based on the user's display or use requirements for the updated (ie, nested canvas partitions) canvas partitions, the attributes of the components in the canvas partitions can be updated to improve the versatility and flexibility of the canvas partitions.

In some application scenarios, as shown in Figure 5(a), during page configuration, when it is detected that the user drags canvas partition A in the page to partition B through the mouse, the data structure of canvas partition A remains unchanged , add the data structure of canvas partition A to the preset field of the data structure of canvas partition B, and delete the original canvas partition of canvas partition A so that it is only displayed in canvas partition B. If the data structure of canvas partition A also contains preset fields, you can continue to embed new partitions into partition A. Wherein, the data structure of the canvas partition may be a structure as shown in FIG. 5( b ).

When canvas partition A is being dragged by the mouse, based on the detected coordinate position of the mouse, calculate the position to which the current canvas partition A is dragged. If the current drag position enters the partition position of canvas partition B, then (due to the detected There is a preset field in canvas partition B) to display the logo of other canvas partitions that can be nested in canvas partition B, to remind the user that the canvas partition can be laid out at the current position.

After the canvas partition A is dragged/nested, the user can continue to drag the canvas partition C to the canvas partition B through the mouse, and the coordinates of the mouse on the current page when dragging the canvas partition C and the coordinates of the canvas partition A The positional relationship between Canvas Partition C and Canvas Partition A is displayed to remind the user of the page layout status in the current page being configured.

Each canvas partition can contain page components. Page components are divided into three types: local static components, local dynamic components, and network components. Each component can also nest other components, and event tags can be set for each component (including : Click event, drag event: such as dragstart, dragend, dragover, drop, mousedown and other events in the progressive framework Vue used to build the user interface), after the nesting of the component or the nesting of the canvas partition to which the component belongs, The functions that the component can implement can be modified based on the component's event label to improve the versatility of nesting, component combination or canvas partition.

During the process of dragging a component to a certain canvas partition, the positional relationship between the component and the components existing in the canvas partition can be determined based on the coordinates of the dragged mouse, and the layout of the components in the canvas can be dynamically updated.

Further referring to FIG. 6 , as an implementation of the methods shown in the above figures, the present disclosure provides an embodiment of a page configuration device, which is similar to the method embodiments shown in FIG. 2 , FIG. 3 and FIG. 4 Correspondingly, the device can be specifically applied to various electronic devices.

As shown in FIG. 6 , the page configuration device of this embodiment includes: a detection unit 601 , a first acquisition unit 602 , and a display unit 603 . Wherein, the detection unit is configured to add the data structure of the first canvas partition to the data structure of the second canvas partition in response to detecting a trigger instruction indicating to add the first canvas partition to the second canvas partition; The first obtaining unit is configured to obtain the position information of the first canvas partition indicated by the trigger instruction; the display unit is configured to display the first canvas partition at the page position indicated by the position information.

In some embodiments, the component information includes a component attribute field of a preset component; the device includes: a determining unit configured to determine an attribute value of the component attribute field according to user input information.

Each unit in the above device 600 corresponds to the steps in the method described with reference to FIG. 2 , FIG. 3 and FIG. 4 . Therefore, the operations, features, and attainable technical effects described above for the method for generating information are also applicable to the device 600 and the units contained therein, and will not be repeated here.

According to the embodiments of the present disclosure, the present disclosure also provides an electronic device and a readable storage medium.

As shown in FIG. 7 , it is a block diagram of an electronic device 700 according to the page configuration method of the embodiment of the present disclosure. Electronic device is intended to represent various forms of digital computers, such as laptops, desktops, workstations, personal digital assistants, servers, blade servers, mainframes, and other suitable computers. Electronic devices may also represent various forms of mobile devices, such as personal digital processing, cellular telephones, smart phones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions, are by way of example only, and are not intended to limit implementations of the disclosure described and/or claimed herein.

As shown in FIG. 7, the electronic device includes: one or more processors 701, a memory 702, and interfaces for connecting various components, including high-speed interfaces and low-speed interfaces. The various components are interconnected using different buses and can be mounted on a common motherboard or otherwise as desired. The processor may process instructions executed within the electronic device, including instructions stored in or on the memory, to display graphical information of a GUI on an external input/output device such as a display device coupled to an interface. In other implementations, multiple processors and/or multiple buses may be used with multiple memories and multiple memories, if desired. Likewise, multiple electronic devices may be connected, with each device providing some of the necessary operations (eg, as a server array, a set of blade servers, or a multi-processor system). In FIG. 7, a processor 701 is taken as an example.

The memory 702 is a non-transitory computer-readable storage medium provided in the present disclosure. Wherein, the memory stores instructions executable by at least one processor, so that the at least one processor executes the page configuration method provided in the present disclosure. The non-transitory computer-readable storage medium of the present disclosure stores computer instructions, and the computer instructions are used to cause a computer to execute the page configuration method provided in the present disclosure.

The memory 702, as a non-transitory computer-readable storage medium, can be used to store non-transitory software programs, non-transitory computer-executable programs and modules, such as program instructions/modules corresponding to the page configuration method in the embodiments of the present disclosure (for example, attached The detection unit 601, the first acquisition unit 602, and the display unit 603 shown in FIG. 6). The processor 701 executes various functional applications and data processing of the server by running the non-transitory software programs, instructions and modules stored in the memory 702, that is, implements the page configuration method in the above method embodiments.

The memory 702 may include a program storage area and a data storage area, wherein the program storage area may store an operating system and an application program required by at least one function; data etc. In addition, the memory 702 may include a high-speed random access memory, and may also include a non-transitory memory, such as at least one magnetic disk storage device, a flash memory device, or other non-transitory solid-state storage devices. In some embodiments, the storage 702 may optionally include storages that are remotely located relative to the processor 701, and these remote storages may be connected to electronic devices for extracting video clips through a network. Examples of the aforementioned networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.

The electronic device of the page configuration method may further include: an input device 703 , an output device 704 and a bus 705 . The processor 701, the memory 702, the input device 703, and the output device 704 may be connected through a bus 705 or in other ways, and the connection through the bus 705 is taken as an example in FIG. 7 .

The input device 703 can receive input numbers or character information, and generate key signal inputs related to user settings and function control of electronic equipment for extracting video clips, such as touch screens, keypads, mice, trackpads, touchpads, pointers, etc. input devices such as sticks, one or more mouse buttons, trackballs, joysticks, etc. The output device 704 may include a display device, an auxiliary lighting device (eg, LED), a tactile feedback device (eg, a vibration motor), and the like. The display device may include, but is not limited to, a liquid crystal display (LCD), a light emitting diode (LED) display, and a plasma display. In some implementations, the display device may be a touch screen.

Various implementations of the systems and techniques described herein can be implemented in digital electronic circuitry, integrated circuit systems, application specific ASICs (application specific integrated circuits), computer hardware, firmware, software, and/or combinations thereof. These various embodiments may include being implemented in one or more computer programs executable and/or interpreted on a programmable system including at least one programmable processor, the programmable processor Can be special-purpose or general-purpose programmable processor, can receive data and instruction from storage system, at least one input device, and at least one output device, and transmit data and instruction to this storage system, this at least one input device, and this at least one output device an output device.

These computing programs (also referred to as programs, software, software applications, or codes) include machine instructions for a programmable processor and may be implemented using high-level procedural and/or object-oriented programming languages, and/or assembly/machine language calculation program. As used herein, the terms "machine-readable medium" and "computer-readable medium" refer to any computer program product, apparatus, and/or means for providing machine instructions and/or data to a programmable processor ( For example, magnetic disks, optical disks, memories, programmable logic devices (PLDs), including machine-readable media that receive machine instructions as machine-readable signals. The term "machine-readable signal" refers to any signal used to provide machine instructions and/or data to a programmable processor.

To provide for interaction with the user, the systems and techniques described herein can be implemented on a computer having a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user. ); and a keyboard and pointing device (eg, a mouse or a trackball) through which a user can provide input to the computer. Other kinds of devices can also be used to provide interaction with the user; for example, the feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and can be in any form (including Acoustic input, speech input or, tactile input) to receive input from the user.

The systems and techniques described herein can be implemented in a computing system that includes back-end components (e.g., as a data server), or a computing system that includes middleware components (e.g., an application server), or a computing system that includes front-end components (e.g., as a a user computer having a graphical user interface or web browser through which a user can interact with embodiments of the systems and techniques described herein), or including such backend components, middleware components, Or any combination of front-end components in a computing system. The components of the system can be interconnected by any form or medium of digital data communication, eg, a communication network. Examples of communication networks include: Local Area Network (LAN), Wide Area Network (WAN) and the Internet.

A computer system may include clients and servers. Clients and servers are generally remote from each other and typically interact through a communication network. The relationship of client and server arises by computer programs running on the respective computers and having a client-server relationship to each other.

It should be understood that steps may be reordered, added or deleted using the various forms of flow shown above. For example, each step described in the present disclosure can be executed in parallel, sequentially, or in a different order, as long as the desired result of the technical solution disclosed in the present disclosure can be achieved, no limitation is imposed herein.

The specific implementation manners described above do not limit the protection scope of the present disclosure. It should be apparent to those skilled in the art that various modifications, combinations, sub-combinations and substitutions may be made depending on design requirements and other factors. Any modifications, equivalent replacements and improvements made within the spirit and principles of the present disclosure shall be included within the protection scope of the present disclosure.

Claims

A page configuration method, comprising:

adding the data structure of the first canvas partition to the data structure of the second canvas partition in response to detecting a trigger instruction indicating to add the first canvas partition to the second canvas partition;

Acquiring position information of the first canvas partition indicated by the trigger instruction;

Displaying the first canvas partition at the page position indicated by the position information.
The method of claim 1 , wherein, in response to detecting a trigger indicating that a first canvas partition is added to a second canvas partition, adding the data structure of the first canvas partition to the The data structure of the second canvas partition includes:

In response to detecting a trigger instruction indicating to add the first canvas partition to the second canvas partition, determine whether there is a preset field in the data structure of the second canvas partition;

In response to determining that the preset field exists in the data structure of the second canvas partition, adding the data structure of the first canvas partition to the preset field in the data structure of the second canvas partition.
The method according to claim 2, wherein said method comprises:

Responsive to determining that the preset field exists in the data structure of the second canvas partition, presenting information for characterizing that the second canvas partition has a nesting function.
The method according to claim 1, wherein said method comprises:

Adding component information of the preset component to the data structure of the target canvas partition in response to detecting an adding instruction indicating to add the preset component to the target canvas partition, wherein the target canvas partition includes : the first canvas partition or the second canvas partition.
The method according to claim 4, wherein the method further comprises:

Obtaining positional relationship information between the preset component indicated by the adding instruction and an existing component in the target canvas partition;

According to the positional relationship information, the preset component is presented in the target canvas partition.
The method according to claim 4, wherein the component information includes a component attribute field of the preset component; the method comprises:

Determine the attribute value of the component attribute field according to the information input by the user.
A page configuration device, comprising:

A detection unit configured to add the data structure of the first canvas partition to the data structure of the second canvas partition in response to detecting a trigger instruction indicating to add the first canvas partition to the second canvas partition middle;

a first acquiring unit configured to acquire the position information of the first canvas partition indicated by the trigger instruction;

The display unit is configured to display the first canvas partition at the page position indicated by the position information.
The device according to claim 7, wherein the detection unit comprises:

A judging module configured to, in response to detecting a trigger instruction indicating adding the first canvas partition to the second canvas partition, judge whether there is a preset field in the data structure of the second canvas partition;

An adding module configured to add the data structure of the first canvas partition to the preset field in the data structure of the second canvas partition in response to determining that the preset field exists in the data structure of the second canvas partition set field.
The apparatus of claim 8, wherein the apparatus comprises:

The first presenting unit is configured to, in response to determining that the preset field exists in the data structure of the second canvas partition, present information for indicating that the second canvas partition has a nesting function.
The apparatus according to claim 7, wherein said apparatus comprises:

The loading unit is configured to add component information of the preset component to the data structure of the target canvas partition in response to detecting an adding instruction indicating to add the preset component to the target canvas partition, wherein, The target canvas partition includes: the first canvas partition or the second canvas partition.
The device according to claim 10, wherein the device further comprises:

A second acquiring unit configured to acquire positional relationship information between the preset component indicated by the adding instruction and existing components in the target canvas partition;

The second presentation unit is configured to present the preset component in the target canvas partition according to the position relationship information.
The device according to claim 10, wherein the component information includes a component attribute field of the preset component; the device comprises:

The determining unit is configured to determine the attribute value of the component attribute field according to user input information.
An electronic device comprising:

at least one processor; and

a memory communicatively coupled to the at least one processor; wherein,

The memory stores instructions executable by the at least one processor, the instructions are executed by the at least one processor, so that the at least one processor can perform any one of claims 1-6. Methods.
A non-transitory computer-readable storage medium storing computer instructions, wherein the computer instructions are used to cause the computer to execute the method according to any one of claims 1-6.
A computer program product comprising a computer program which, when executed by a processor, implements the method of any one of claims 1-6.