CN113094127A - Page editing method and device, computer readable storage medium and computer equipment - Google Patents

Page editing method and device, computer readable storage medium and computer equipment Download PDF

Info

Publication number
CN113094127A
CN113094127A CN202010020784.XA CN202010020784A CN113094127A CN 113094127 A CN113094127 A CN 113094127A CN 202010020784 A CN202010020784 A CN 202010020784A CN 113094127 A CN113094127 A CN 113094127A
Authority
CN
China
Prior art keywords
layout
dashboard
component
target
page
Prior art date
Legal status (The legal status 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 status listed.)
Pending
Application number
CN202010020784.XA
Other languages
Chinese (zh)
Inventor
詹海亮
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen Co Ltd
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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN202010020784.XA priority Critical patent/CN113094127A/en
Publication of CN113094127A publication Critical patent/CN113094127A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The application relates to a page editing method, a page editing device, a computer readable storage medium and computer equipment, wherein the method comprises the following steps: acquiring an initial dashboard layout corresponding to a dashboard page according to pre-divided grids; acquiring an operation instruction of a target assembly, and executing the operation instruction based on the initial instrument board layout; acquiring a grid layout of components contained in a dashboard page obtained after the operation instruction is executed; and converting the grid layout into an absolute positioning layout to obtain a target dashboard layout of the dashboard page. According to the scheme provided by the application, the operation instruction aiming at the target component can be executed according to the initial dashboard layout determined by the divided grids, the target dashboard layout is determined according to the absolute positioning layout of the components contained in the dashboard page obtained after the operation instruction is executed, and the complexity of the editing operation of the dashboard page is reduced.

Description

Page editing method and device, computer readable storage medium and computer equipment
Technical Field
The present application relates to the field of computer technologies, and in particular, to a page editing method and apparatus, a computer-readable storage medium, and a computer device.
Background
With the development of computer technology, the application of intelligent dashboards (dashboards) is more and more widespread. The intelligent instrument panel is a visual tool for displaying data such as measurement information, service indexes and the like; data may be obtained from a data source and the obtained data presented via an interactive interface.
However, the measurement information and the business indexes required to be presented by different enterprise users are often different, and the enterprise users need to customize a proper dashboard interactive interface according to their own needs. When the requirements of enterprise users change or new business indexes need to be added, the layout of the instrument board interactive interface needs to be changed by developers, and the problem of high operation complexity exists.
Disclosure of Invention
Based on this, it is necessary to provide a page editing method, an apparatus, a computer-readable storage medium, and a computer device for solving the technical problem of high complexity of operation for changing an interface layout of a dashboard.
A page editing method, comprising:
acquiring an initial dashboard layout corresponding to a dashboard page according to pre-divided grids;
acquiring an operation instruction of a target component, and executing the operation instruction based on the initial dashboard layout;
acquiring the grid layout of the components contained in the dashboard page obtained after the operation instruction is executed;
and converting the grid layout into an absolute positioning layout to obtain a target dashboard layout of the dashboard page.
A page editing apparatus, the apparatus comprising:
the initial layout acquisition module is used for acquiring an initial dashboard layout corresponding to a dashboard page according to pre-divided grids;
the operation execution module is used for acquiring operation instructions of target components and executing the operation instructions based on the initial instrument board layout;
the component layout acquisition module is used for acquiring the grid layout of the components contained in the dashboard page obtained after the operation instruction is executed;
and the target layout determining module is used for converting the grid layout into an absolute positioning layout so as to obtain a target dashboard layout of the dashboard page.
A computer-readable storage medium storing a computer program which, when executed by a processor, causes the processor to perform the steps of:
acquiring an initial dashboard layout corresponding to a dashboard page according to pre-divided grids;
acquiring an operation instruction of a target component, and executing the operation instruction based on the initial dashboard layout;
acquiring the grid layout of the components contained in the dashboard page obtained after the operation instruction is executed;
and converting the grid layout into an absolute positioning layout to obtain a target dashboard layout of the dashboard page.
A computer device comprising a memory and a processor, the memory storing a computer program that, when executed by the processor, causes the processor to perform the steps of:
acquiring an initial dashboard layout corresponding to a dashboard page according to pre-divided grids;
acquiring an operation instruction of a target component, and executing the operation instruction based on the initial dashboard layout;
acquiring the grid layout of the components contained in the dashboard page obtained after the operation instruction is executed;
and converting the grid layout into an absolute positioning layout to obtain a target dashboard layout of the dashboard page.
According to the page editing method, the page editing device, the computer readable storage medium and the computer equipment, the operation instruction aiming at the target component can be executed according to the initial dashboard layout determined by the divided grids, the target dashboard layout is determined according to the absolute positioning layout of the components contained in the dashboard page obtained after the operation instruction is executed, the complexity of the editing operation of the dashboard page is reduced, a developer does not need to change the layout program of the dashboard page, and the problem that the developer changes the layout program which is not matched with the requirements of enterprise users is avoided.
Drawings
FIG. 1 is a diagram of an application environment of a page editing method in one embodiment;
FIG. 2 is a flowchart illustrating a method for editing a page in one embodiment;
FIG. 3 is a flow diagram that illustrates the positioning of other components included in the dashboard page, according to one embodiment;
FIG. 4 is a flow diagram that illustrates the flow of performing operational instructions based on an initial dashboard layout, under an embodiment;
FIG. 5 is a flow diagram illustrating a dashboard page in one embodiment;
FIG. 6 is an interface diagram of an edit page in one embodiment;
FIG. 7 is a flowchart illustrating a method for page editing in one embodiment;
FIG. 8 is a flowchart illustrating a page editing method according to another embodiment;
FIG. 9 is a block diagram of a dashboard editor, under an embodiment;
FIG. 10 is a block diagram showing the construction of a page editing apparatus according to an embodiment;
FIG. 11 is a diagram illustrating an internal structure of a computer device in one embodiment.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, the present application is described in further detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the present application and are not intended to limit the present application.
FIG. 1 is a diagram of an application environment of a method for page editing in one embodiment. Referring to fig. 1, the page editing method is applied to a page editing system. The page editing system includes a terminal 110 and a server 120. The terminal 110 and the server 120 are connected through a network. The terminal 110 may specifically be a desktop terminal or a mobile terminal, and the mobile terminal may specifically be at least one of a mobile phone, a tablet computer, a notebook computer, and the like. The server 120 may be implemented as a stand-alone server or a server cluster composed of a plurality of servers.
As shown in FIG. 2, in one embodiment, a page editing method is provided. The embodiment is mainly illustrated by applying the method to the terminal 110 in fig. 1. Referring to fig. 2, the page editing method specifically includes the following steps:
s202, obtaining an initial dashboard layout corresponding to the dashboard page according to the pre-divided grids.
The pre-divided grids refer to grids divided by the terminal into dashboard pages. Specifically, the terminal can divide the dashboard page into a plurality of grids in advance through the set row height and column width, and further determine the arrangement of the components contained in the dashboard page in the page based on the rows and columns of the grids. Optionally, the terminal may perform grid division and layout on the dashboard page based on CSS (Cascading Style Sheets) technology, Vue (progressive framework) technology, or Angular (front end framework) technology, so as to achieve accurate control and arrangement of the positions of the elements in the web page.
The terminal obtains an initial dashboard layout corresponding to the dashboard page according to the pre-divided grids, and specifically, the terminal can determine a grid layout corresponding to each component included in the dashboard page according to the pre-divided grids, and obtain the initial dashboard layout composed of the grid layouts corresponding to each component. For example, taking the upper left corner of the dashboard page as the origin, and taking the divided grid as a unit to represent the grid layout of the component, the grid layout of the component may be represented as Array ═ x, y, w, h, i, where i is the unique identifier corresponding to the component; w, h represent the size of the width and height of the assembly, respectively; x and y are the positions of the components in the column and row directions respectively; if Array is (1,7,2,4, i1), it means that the component with identifier i1 is located at column 1, row 7, and has width of 2 grid units and height of 4 grid units.
In one embodiment, the row height and column width set by the terminal may be determined according to the size of the components contained in the dashboard page. For example, the terminal may obtain the size of a component included in a traversal dashboard page, and determine the row height and column width of a divided grid according to the size with the largest occurrence number; the terminal may also determine the line height, column width, etc. of the divided grid according to the minimum size.
S204, acquiring an operation instruction of the target assembly, and executing the operation instruction based on the initial instrument board layout.
Components refer to elements that make up a dashboard page and may include, but are not limited to, a chart component, a text box component, a button component, and the like. The target component is a user-selected component acquired by the terminal. The target component may be a component contained in the dashboard page, or a component acquired from a component library stored in the terminal.
The terminal may obtain an operation instruction for the target component. The operation indication may include, but is not limited to, an addition indication, a movement indication, a zoom indication, a deletion indication, and the like. The operation instruction may be generated by a user clicking a button on the display screen, may be generated by the terminal according to a sliding operation of the user on the display screen, may be generated by the terminal according to an operation of the user on an external component, or the like. The peripheral components may include a keyboard, a mouse, and the like. For example, the terminal may generate a zoom instruction according to a sliding operation of a mouse by a user, may generate an operation instruction according to an operation of a shortcut key of a keyboard by the user, may generate a movement instruction according to a single-point sliding operation of the user on the display screen, or may generate a zoom instruction according to a double-point sliding operation of the user on the display screen.
The terminal executes an operation instruction based on the initial dashboard layout, and specifically, when the operation instruction includes a deletion instruction, the terminal can acquire the grid layout of the target component from the initial dashboard layout and delete the grid layout of the target component, so that the target component is not displayed on a dashboard page; when the operation instruction comprises at least one of an adding instruction, a moving instruction and a zooming instruction, the terminal can determine a target grid position of the target component according to the initial dashboard layout and the operation instruction, and then display the target component at the target grid position. Further, when the target grid position coincides with the positions of other components contained in the dashboard page, the terminal may further adjust the positions of the other components according to the initial dashboard layout to avoid the target component from coinciding with the other components.
S206, acquiring the grid layout of the components contained in the dashboard page obtained after the operation instruction is executed.
And the grid layout of the components contained in the dashboard page obtained after the operation instruction is executed is different from the initial dashboard layout. For example, when the operation instruction is a deletion instruction, the target component is not included in the dashboard page obtained after the operation instruction is executed; and when the operation instruction is a moving instruction, the grid layout of the target component in the dashboard page is different from the initial dashboard layout after the operation instruction is executed.
The terminal may perform the grid layout of the components included in the dashboard page obtained after the operation instruction. Similarly, the terminal may traverse the dashboard page obtained after the operation instruction is executed according to the preset divided grid, and obtain the grid layout of the components included in the dashboard page obtained after the operation instruction is executed.
S208, the grid layout is converted into an absolute positioning layout so as to obtain a target dashboard layout of the dashboard page.
Absolute positioning refers to a page element whose attribute is absolute or fixed. The position of the absolutely positioned element relative to the parent element is determined, and the layout mode is not influenced by the content change of the element and other elements.
The target dashboard layout comprises the absolute positioning layout of the components contained in the adjusted dashboard page. Specifically, the terminal may add a positioning component outside the grid layout of the components, convert the grid layout corresponding to each component into an absolute positioning layout, and obtain a target dashboard layout formed by the absolute grid layout corresponding to each component.
Further, after the terminal obtains the target dashboard layout, a preview effect corresponding to the target dashboard layout can be displayed, the target dashboard layout is sent to the server according to a confirmation instruction for the preview effect, and the target dashboard layout corresponding to the dashboard page is stored by the server. Optionally, the terminal may also display a preview effect of the dashboard page after the operation instruction is executed, obtain a grid layout of components included in the dashboard page obtained after the operation instruction is executed according to a confirmation instruction for the preview effect, convert the grid layout into an absolute positioning layout to obtain a target dashboard layout of the dashboard page, and then send the target dashboard layout to the server.
According to the page editing method, the initial dashboard layout corresponding to the dashboard page can be obtained according to the preset divided grids, the operation instruction aiming at the target component is executed based on the initial dashboard layout, the grid layout of the component contained in the dashboard page obtained after the operation instruction is executed is obtained, the grid layout is converted into the absolute positioning layout, and the target dashboard layout of the dashboard page is obtained. The page editing method can execute the operation instruction aiming at the target component according to the initial dashboard layout determined by the divided grids, and determine the target dashboard layout according to the absolute positioning layout of the components contained in the dashboard page obtained after the operation instruction is executed, thereby reducing the complexity of the editing operation of the dashboard page; the layout program of the dashboard page does not need to be changed by developers, and the problem that the changes of the developers are not matched with the requirements of enterprise users is avoided. And the grid layout is determined by combining an absolute positioning mode, so that the stability of page editing can be improved, and components which are overlapped or misplaced in page editing adjustment are avoided.
In one embodiment, when the operation instruction includes at least one of a move instruction and a zoom instruction, the process of executing the operation instruction based on the initial dashboard layout in the page editing method may include: acquiring grid coordinates corresponding to a target component in the process of executing the operation instruction; and adjusting the coordinate positions of other components contained in the dashboard page according to the grid coordinates corresponding to the target component and the initial dashboard layout.
The movement indication refers to an indication of a position of the movement target component in the dashboard page. The zoom instruction refers to an instruction to enlarge or reduce the size of the target component in the dashboard page. Specifically, when the operation instruction includes at least one of a movement instruction and a zoom instruction, the terminal may obtain grid coordinates corresponding to the target component in the process of executing the operation instruction according to a grid divided by the dashboard page as a unit.
Further, in the moving or zooming process of the target component, collision with other components contained in the dashboard page exists; the terminal can adjust the coordinate positions of other components contained in the dashboard page according to the grid coordinates corresponding to the target components and the initial dashboard layout.
Specifically, the initial dashboard layout includes a grid layout corresponding to each component included in the dashboard page before the operation instruction is executed. Furthermore, in the process that the terminal moves the target component according to the movement instruction, the terminal can acquire the grid coordinates of the target component in real time, determine whether grid layout information coincident with the grid coordinates exists in the initial instrument panel layout, and adjust the coordinate positions of other components contained in the instrument panel page when the grid layout information coincident with the grid coordinates exists.
In an embodiment, the adjusting of the position of the other component included in the dashboard page by the terminal may be adjusting the position of the to-be-processed component corresponding to the grid layout information coinciding with the grid coordinate, for example, the to-be-processed component may be adjusted to be below the last line of the dashboard page, or the position of the to-be-processed component may be shifted down or shifted right according to the width and height of the target component. Further, in order to avoid that the adjusted position of the to-be-processed component coincides with other components after the position of the to-be-processed component is adjusted, the terminal may also adjust the position of the to-be-processed component and a component of which the dashboard page includes a number of columns or rows that is greater than the number of columns or rows corresponding to the to-be-processed component.
Optionally, when the terminal adjusts the positions of other components included in the dashboard page, the changes in the positions of the components included in the dashboard page may be displayed.
In this embodiment, the operation instruction includes at least one of a move instruction and a zoom instruction, and the terminal may adjust the positions of other components included in the dashboard page according to the grid coordinates of the target component in the process of moving or zooming the target component according to the operation instruction, so that the dashboard page may be prevented from having overlapping components, and the effect of component layout may be improved.
FIG. 3 is a flow diagram that illustrates the positioning of other components included in the dashboard page, according to one embodiment. As shown in fig. 3, in an embodiment, the process of adjusting the coordinate positions of other components included in the dashboard page according to the grid coordinates corresponding to the target component and the initial dashboard layout includes:
s302, the target component is taken as a reference object.
S304, determining whether a to-be-processed component colliding with the reference object exists or not according to the grid coordinate corresponding to the reference object and the initial instrument panel layout; if yes, the process proceeds to step S306, otherwise, the process ends.
Specifically, the terminal may obtain an initial dashboard layout, where the initial dashboard layout includes layout information corresponding to each component included in a dashboard page; the initial dashboard layout is traversed to detect whether there is a pending component that collides with the reference object.
In one embodiment, the terminal may perform collision detection based on an AABB (Axis-Aligned Bounding boxes) algorithm, and the AABB algorithm may determine whether any one side of any two rectangles has no space, so as to determine whether the two rectangles collide with each other. Specifically, for any two modules (x1, y1, w1, w1), (x2, y2, w2, h 2); if the following conditions are met: { ((x1< (x2+ w2)) & ((x1+ w1) > x2) & (y1< (y2+ h2)) & ((y1+ h1) > y2) }, it is determined that there is a collision therebetween.
And S306, adjusting the coordinate position of the component to be processed according to the grid coordinate corresponding to the reference object.
The terminal adjusts the coordinate position of the to-be-processed component according to the grid coordinate corresponding to the reference object, and specifically, the terminal may move the to-be-processed component vertically downward according to the height corresponding to the reference object, may also move the to-be-processed component horizontally rightward according to the width corresponding to the reference object, or may move the to-be-processed component according to the size of the collision, which is not limited herein. For example, when the grid coordinates of the reference object are (x1, y1, w1, h1) and the coordinates of the component to be processed are (x2, y2, w2, h2), the terminal may adjust the coordinate position of the component to be processed to (x2, y1+ h1, w2, h 2); the coordinate position of the component to be processed may also be adjusted to (x1+ w1, y2, w2, h2), and so on. The terminal can display the position adjustment of the component to be processed in real time.
S308, the component to be processed is taken as a reference object, and the step S304 is returned.
Since the position of the component to be processed is adjusted, there may be a component in the initial dashboard layout that collides with the adjusted component to be processed, and the terminal may use the component to be processed as a reference object and return to perform the operation of step S304, it can be understood that, after returning to step S304, the grid coordinate corresponding to the reference object acquired by the terminal is the grid coordinate corresponding to the position of the component to be processed after adjustment.
In the embodiment, whether the to-be-processed component colliding with the reference object exists or not can be recursively detected, the coordinate position of the to-be-processed component colliding with the reference object is adjusted according to the grid coordinate of the reference object, the position of the colliding component can be automatically adjusted, large position change of the component in the dashboard page is avoided, editing is simple to operate, and the fact that the colliding component does not exist in the dashboard page can be guaranteed.
In one embodiment, in the provided page editing method, when the operation instruction is a delete instruction, the process of executing the operation instruction based on the initial dashboard layout may include: acquiring a grid layout corresponding to the target component according to the initial instrument board layout; and deleting the grid layout corresponding to the target component.
The deletion instruction is an operation instruction for deleting the target component from the dashboard page. The delete indication is for a target component located in the dashboard page. When the operation instruction is a deletion instruction, the terminal may acquire the grid layout corresponding to the target component from the initial dashboard layout, and delete the grid layout corresponding to the target component. And after the grid layout corresponding to the target component is deleted, the target component is not shown on the dashboard page, and the target component is not contained in the dashboard page obtained after the deletion instruction is executed.
In this embodiment, the grid layout corresponding to the target component may be deleted according to the deletion instruction for the target component, and the target component is not displayed on the dashboard page, that is, the deletion operation for the components included in the dashboard page is implemented.
FIG. 4 is a flow diagram that illustrates a process for performing operational directives based on an initial dashboard layout, under an embodiment. As shown in fig. 4, in one embodiment, a process for executing an operation instruction based on an initial dashboard layout in a page editing method is provided, which includes:
s402, when the operation instruction is an adding instruction, acquiring the column number of the grids divided in the initial instrument board layout and the maximum height value of the components contained in the instrument board layout in the column direction.
The width of the dashboard page is usually determined, and the number of columns can be determined according to the width of the dashboard page and the divided column width. The height of the dashboard page can be increased according to the size and height of the components needing to be laid out on the dashboard page; when the dashboard page is displayed, the component content contained in the dashboard page can be viewed through a sliding operation. The maximum height value refers to the maximum height value of the components contained in the dashboard page in the column direction. Specifically, the height value of the component in the column direction may be determined by the number of rows and the height of the component, for example, the number of rows is 10, and the height value of the component with the height of 3 in the column direction is 13; the terminal can traverse the components contained in the dashboard page according to the initial dashboard layout, and obtain the maximum height value of each component in the height in the column direction.
Taking the upper left corner of the dashboard page as the origin, and taking the grid layout of the divided grids as a unit to represent the components as Array (x, y, w, h, i), if the layout of the components with the largest number of rows in the dashboard page is Array1 (1,7,2,4, i1), Array2 (4,8,2,2, i2), and Array3 (6,8,3,3, i3), the heights of the components in the column direction are 11, 10, and 11, respectively; the maximum height value in the column direction is 11.
S404, determining the target grid layout of the target assembly according to the column number and the maximum height value.
The grid layout is used to characterize the location of the components in the dashboard page. The target grid layout is the grid layout corresponding to the target component after the operation instruction is executed. In this embodiment, the dashboard page does not include the target component, and the target component is a component selected from another file location, for example, the target component may be a component acquired from a server, or a component acquired from a component library stored in a terminal. Optionally, the terminal may display the components included in the component library on the dashboard page in an embedding manner, a floating layer manner, or the like, and obtain an operation instruction for a target component of the component library.
Specifically, the terminal may add a new page element to the dashboard page according to the number of columns and the maximum height value, and generate a target grid layout of the target component according to the page element. For example, when the number of the divided columns is 10 and the maximum height value is 25, the terminal may add a page element of Item ═ 10,25,2,2, that is, a page element of 2 grid units in height and width is added to the 10 th column 25 row of the dashboard page, thereby obtaining a component identifier i4 of the target component, and generating a grid layout corresponding to the target component of Array4 ═ (11,25,2,2, i 4). When the number of added page elements exceeds the number of columns divided by the page, the page elements are arranged in another row as a whole, namely the terminal can add the target component in the first column of the last row of the dashboard page. Alternatively, the location of the target component may not be limited by a particular number of columns, i.e., page elements may be added at any location below the last row to determine the target grid layout.
In one embodiment, the size, i.e., the height and the width, of the new page element added by the terminal may be set according to the actual application requirement, and is not limited herein. For example, it is possible to preset the width and height to be both 2, or the width to be 4 and the height to be 2. Optionally, the terminal may obtain a chart type corresponding to the chart component when the target component is the chart component, obtain a preset width and height according to the chart type, and add a new page element in the dashboard page according to the preset width and height to generate the target grid layout of the target component. For example, when the chart type of the chart component is a pie chart, the size of the added page element is preset to be 2 in both width and height; when the chart type of the chart component is a bar chart, the width of the added page element is preset to be 3, the height of the added page element is preset to be 2, and the like.
S406, displaying the target assembly according to the target grid layout.
After the terminal determines the target grid layout corresponding to the target component, the target component can be displayed according to the target grid layout. When the adding instruction for the target component is acquired, the target grid layout of the target component is determined according to the initial dashboard layout, and therefore the target component is displayed in the dashboard page according to the target grid layout.
In this embodiment, the target grid layout for the target component may be determined according to the grid column number and the maximum height value divided by the initial dashboard layout, the target component may be displayed according to the target grid layout, a dynamic effect added to the component may be displayed on the edit page, and the added target component may be prevented from being overlapped with other components included in the dashboard page.
In one embodiment, a process for acquiring an operation instruction for a target component in a page editing method is provided, and includes: a target component selected from the component library is obtained and an indication of addition of the target component is generated.
A component library is a collection used to hold components. Specifically, the terminal may display the components included in the component library, and when receiving a selection instruction for the target component, obtain the target component from the component library according to the selection instruction, and generate an addition instruction for the target component. The selection instruction can be generated by the terminal according to a single-click operation, a double-click operation, a long-press operation and the like of the target component by the user.
In one embodiment, the provided page editing method further comprises: obtaining the selected chart type, data source and display parameter; generating a chart component corresponding to the chart type according to the data source and the display parameters; and saving the chart component to a chart component library.
In this embodiment, the component library is used to save a collection of chart components. The chart components contained in the component library may be prestored by the terminal or obtained by the terminal from the server. In this embodiment, the terminal may also add a chart component in the component library.
The chart component comprises parameters such as chart type, data source and presentation parameters. The chart type may include a line chart, a bar chart, a pie chart, an area chart, a scatter chart, a dashboard relational chart, etc., and is not limited herein. The data source is used to determine the data to be shown by the chart component. For example, the data source may be the number of requests for service, the number of daily login accounts, the distribution data of the address locations of the accounts, and the like. The presentation parameters are used to characterize the attributes of the chart component when the page is presented. Presentation parameters may include parameters related to chart size, chart color, text size, text color, font, and the like.
Specifically, the terminal can display a component editing page, and the selectable chart types, data sources and display parameters are displayed on the component editing page; and generating a chart component corresponding to the chart type according to the selected data source and the display parameter, and storing the generated chart component to a component library.
In this embodiment, the selected chart type, the selected data source, and the selected display parameter may be acquired, a chart component corresponding to the chart type may be generated according to the data source and the display parameter, and the chart component may be stored in the component library. When the dashboard page is edited, the chart components can be acquired from the component library and added to the dashboard page, namely, the chart components can be newly added as required, and the personalized requirements of enterprise users can be met.
In one embodiment, the step S208 in the provided page editing method may include: acquiring a reference component in a dashboard page; the grid layout is converted to an absolute positioning layout relative to the reference component to obtain a target dashboard layout.
The reference component is used for serving as a parent element to wrap the child element and is a positioning reference of the child element. The reference component may be any component contained in the dashboard page. Optionally, the terminal may also preset an acquisition rule of the reference component, and acquire the reference component from the dashboard page according to the preset acquisition rule. For example, any component with the minimum line number y in the dashboard page may be used as the reference component, or a component with the minimum x among the components with the minimum line number y may be selected as the reference component, for example, a component with grid coordinates (x ═ 1, y ═ 1) may be used as the reference component.
The terminal converts the grid layout corresponding to the component included in the dashboard page obtained by executing the operation instruction into an absolute positioning layout relative to the reference component, and specifically, the terminal uses the grid layout of the reference component as a parent element of the grid layout of the component included in the dashboard page, that is, the component included in the dashboard page is set as the absolute positioning element relative to the reference component, so that the absolute positioning layout corresponding to the component can be obtained. The terminal may be based on a css cascading style sheet technology, and may also convert the components into an absolute positioning layout through a flex (Flexible Box, elastic layout) or a grid (grid layout).
In one embodiment, the terminal converting the grid layout to an absolute positioning layout relative to the reference assembly may further include: the grid layout is converted to a pixel layout, which is converted to an absolute positioning layout corresponding to the reference assembly.
Specifically, the grid layout is determined based on a grid divided by a dashboard page, the divided grid comprises a plurality of pixels, and the terminal can acquire the number of pixel rows and the number of pixel columns contained in a unit of the divided grid; the grid layout can be converted into a corresponding pixel layout according to the pixel row number and the pixel column number, the grid layout of the reference assembly is converted into a corresponding pixel layout, and the pixel layout corresponding to the assembly contained in the dashboard page is converted into an absolute positioning layout according to the pixel layout of the reference assembly.
The target dashboard layout is composed of a layout corresponding to each component included in the dashboard page obtained by executing the operation instruction. The terminal can generate a target dashboard layout according to the absolute positioning layout corresponding to each component.
In this embodiment, a reference component in the dashboard page may be obtained, a grid layout corresponding to a component included in the dashboard page obtained by executing the operation instruction is converted into an absolute positioning layout relative to the reference component, and a target dashboard layout is obtained, so that the display of the component in the dashboard page is determined to be unchanged relative to the reference component, and is not affected by the change of the component content or other components, and the display effect and stability of the dashboard page may be ensured.
FIG. 5 is a flow diagram that illustrates a dashboard page in one embodiment. As shown in fig. 5, in an embodiment, the provided page editing method, after converting the grid layout into an absolute positioning layout to obtain a target dashboard layout of the dashboard page, further includes:
and S502, sending the target dashboard layout to a server.
The server may be implemented as a stand-alone server or as a server cluster consisting of a plurality of servers. The server stores data and layout corresponding to the dashboard page, and when the terminal initiates a page viewing request to the server through the dashboard page link, the server can send the dashboard layout and data corresponding to the page link to the terminal.
And S504, receiving the chart data which is sent by the server and corresponds to the target instrument board layout.
Chart data is data for presentation at a chart component. The chart data corresponding to the target dashboard layout includes data corresponding to each of the chart components included in the target dashboard layout.
The terminal can obtain the chart data from the server through the page link corresponding to the dashboard page, and the server can obtain the chart data corresponding to the target dashboard layout and send the chart data to the terminal. Specifically, the server may obtain a data source corresponding to each graph component included in the target dashboard layout, obtain corresponding graph data from the third-party server according to the data source, and send the obtained graph data to the terminal. The third-party server is a server where the data source is located, for example, the third-party server may be a server corresponding to an enterprise operation system, a server corresponding to a customer service system, a server corresponding to an information retrieval system, or the like, which is not specified herein.
S506, displaying the chart data on the dashboard page according to the target dashboard layout.
The terminal displays the chart data on the dashboard page according to the target dashboard layout, specifically, the terminal renders the dashboard page according to the target dashboard layout, displays the chart data corresponding to the data source according to the chart type corresponding to the chart component according to the data source corresponding to the chart component included in the target dashboard layout.
Specifically, step S506 may include: acquiring a diagram type, a data source and a display parameter corresponding to a component contained in a target instrument board layout; acquiring target data corresponding to a data source of the component from the chart data; and displaying the target data according to the chart type and the display parameters corresponding to the components.
The diagram data sent by the server comprises data corresponding to each diagram component contained in the target dashboard layout, and the terminal can acquire the corresponding target data according to the data source of the component and display the target data according to the diagram type of the component.
In this embodiment, the diagram data sent by the server may be received, the diagram data may be displayed on the dashboard page according to the target dashboard layout, the target data corresponding to the data source of the component may be acquired from the diagram data, the target data may be displayed according to the diagram type and the display parameter of the component, that is, the editing of the dashboard page may be implemented, and the data display may be performed according to the edited dashboard.
FIG. 6 is an interface diagram of an edit page in one embodiment. As shown in fig. 6, the editing page 600 includes a dashboard area 610 and a component library area 620. The dashboard area 610 is used to present dashboard pages; the component library area 620 is used to show the chart components contained in the component library. The terminal can acquire the target component selected from the dashboard area 610 and add the target component to the dashboard area 610; an operation instruction for the target component shown in the dashboard area 610 may also be acquired, and the target component may be moved, scaled, deleted, and the like.
FIG. 7 is a flowchart illustrating a method for page editing in one embodiment. As shown in fig. 7, in one embodiment, the provided page editing method includes:
s702, a new or editing request of a dashboard page is received.
S704, whether the target component is contained in the component library is determined, if not, the process goes to S706, and if not, the process goes to S714.
S706, a target component addition request is received.
S708, obtaining the selected chart type, data source and display parameter.
And S710, generating a target component corresponding to the graph type according to the data source and the display parameters.
S712, save the target component to the component library, and proceed to S714.
S714, acquiring an operation instruction aiming at a target component contained in the component library, and executing the operation instruction based on the initial dashboard layout.
S716, obtaining the grid layout of the components contained in the dashboard page obtained after the operation instruction is executed, and converting the grid layout into an absolute positioning layout to obtain the target dashboard layout of the dashboard page.
S718, displaying a preview dashboard page of the target dashboard layout.
S720, storing the target dashboard layout and sending the target dashboard layout to the server.
Fig. 8 is a flowchart illustrating a page editing method according to another embodiment. As shown in fig. 8, in one embodiment, the provided page editing method includes:
s802, obtaining an initial dashboard layout of the dashboard page.
S804, receiving an operation instruction aiming at the target component, entering S806 when the operation instruction comprises at least one of a moving operation and a zooming operation, entering S810 when the operation instruction is an adding operation, and entering S814 when the operation instruction is a deleting operation.
S806, obtaining grid coordinates of the movement or the scaling of the target assembly.
And S808, determining whether a collided component to be processed exists according to the grid coordinate of the target component and the initial instrument board layout, adjusting the coordinate position of the component to be processed, and entering S816.
And S810, acquiring the number of the divided columns and the maximum height value according to the initial instrument board layout.
S812, determining the target grid layout of the target assembly according to the column number and the maximum height value, and entering S1016.
S814, traversing the initial dashboard layout, deleting the grid layout corresponding to the target component, and entering S1016.
And S816, obtaining a target instrument board layout after obtaining the execution operation instruction, and rendering an instrument board page according to the target instrument board layout.
The page editing process may be implemented based on a binding event in html (HyperText Markup Language), for example, when the operation instruction is a move operation, the step S802 may be executed by binding an ondragstern event, the steps S806 and S808 are executed by binding an onDragStop event, and the step S816 is executed by binding an onDragStop event; when the operation is indicated as a zoom operation, the zoom operation may be implemented by binding an onResizeStart event, an onResize event, an onResizeStap event, and the like, which is not limited herein.
FIG. 9 is a block diagram of a dashboard editor, according to one embodiment. As shown in fig. 9, in one embodiment, a dashboard editor 900 is provided, the dashboard editor 900 comprising a component editing unit 902, a component management unit 904, a dashboard editing unit 906, a dashboard management unit 908, and a data storage unit 910. The terminal edits the chart component through the component editing unit 902, namely, selects and adjusts a data source, a chart type, a display parameter and the like of the chart component; chart components contained in the component library can be managed through the component management unit 904, namely, the chart components can be added, modified, deleted, inquired or previewed; the dashboard editing unit 906 can edit a dashboard page, that is, operations such as adding, deleting, moving, zooming components and the like can be performed on the dashboard page; the dashboard page can be managed by the dashboard management unit 908, that is, operations such as deleting, modifying, adding, querying and previewing the dashboard page are performed; the data storage unit 910 may be used to store configuration data for chart components, dashboard pages.
In one embodiment, the terminal may be deployed with a dashboard editor capable of implementing the page editing method, and the dashboard editor may acquire a data source of operation data of the operation system from the server, generate a graph component according to the selected data source and the graph type, and store the graph component in the component library; the terminal can select required diagram components from the component library to establish a dashboard page, and can also perform editing operation on the dashboard page to generate the dashboard page capable of displaying the operation data of the safe operation system.
The page editing method is applied to an instrument panel page for displaying operation data of an enterprise safety operation system for example, the safety operation system stores a data source of the enterprise safety operation data, a server can acquire the data source from the safety operation system and issue the data source to a terminal, the terminal can acquire a selected data source, generate a corresponding chart component according to the chart type and display parameter configuration, and establish or edit the instrument panel page according to the chart component to generate the instrument panel page capable of displaying the enterprise safety operation data. When the instrument panel page is requested through the terminal, the server can acquire corresponding operation data from the safe operation system according to the data source of each chart component in the target instrument panel layout corresponding to the instrument panel page, and send the chart data of the instrument panel page to the terminal, so that the operation data can be displayed on the terminal according to the target instrument panel layout. The enterprise security operation data may include data related to a request event, a source IP (Internet Protocol Address), a destination IP, a source port, a destination port, and the like.
Fig. 2-5 and 7-8 are schematic flow diagrams of a page editing method in one embodiment. It should be understood that although the various steps in the flowcharts of fig. 2-5,7-8 are shown in order as indicated by the arrows, the steps are not necessarily performed in order as indicated by the arrows. The steps are not performed in the exact order shown and described, and may be performed in other orders, unless explicitly stated otherwise. Moreover, at least some of the steps in fig. 2-5,7-8 may include multiple sub-steps or multiple stages that are not necessarily performed at the same time, but may be performed at different times, and the order of performance of the sub-steps or stages is not necessarily sequential, but may be performed in turn or alternating with other steps or at least some of the sub-steps or stages of other steps.
Fig. 10 is a block diagram showing the structure of a page editing apparatus according to an embodiment. As shown in fig. 10, in one embodiment, a page editing apparatus 1000 is provided, including:
the initial layout obtaining module 1002 is configured to obtain an initial dashboard layout corresponding to a dashboard page according to a pre-divided grid.
And an operation executing module 1004 for acquiring an operation instruction for the target component, and executing the operation instruction based on the initial dashboard layout.
The component layout obtaining module 1006 is configured to obtain a grid layout of components included in the dashboard page obtained after the operation instruction is executed.
A target layout determination module 1008, configured to convert the grid layout to an absolute positioning layout to obtain a target dashboard layout of the dashboard page.
The page editing device can execute the operation instruction aiming at the target component according to the initial instrument panel layout determined by the divided grids, and determine the target instrument panel layout according to the absolute positioning layout of the components contained in the instrument panel page obtained after the operation instruction is executed, so that the complexity of the instrument panel page editing operation is reduced; the layout program of the dashboard page does not need to be changed by developers, and the problem that the changes of the developers are not matched with the requirements of enterprise users is avoided. And the grid layout is determined by combining an absolute positioning mode, so that the stability of page editing can be improved, and components which are overlapped or misplaced in page editing adjustment are avoided.
In one embodiment, the operation executing module 1004 may be further configured to, when the operation instruction includes at least one of a movement instruction and a zoom instruction, obtain grid coordinates corresponding to the target component in the process of executing the operation instruction; and adjusting the coordinate positions of other components contained in the dashboard page according to the grid coordinates corresponding to the target component and the initial dashboard layout.
In this implementation, when the terminal moves or zooms the target component according to at least one of the movement instruction and the zoom instruction, the terminal may adjust the positions of other components included in the dashboard page according to the grid coordinates of the target component and the initial dashboard layout, so that the existence of overlapped components in the dashboard page may be avoided, and the effect of component layout is improved.
In one embodiment, the operation execution module 1004 may be further configured to take the target component as a reference object; determining whether a to-be-processed component colliding with the reference object exists or not according to the grid coordinate corresponding to the reference object and the initial instrument board layout; when determining that the to-be-processed component collided with the reference object exists, adjusting the coordinate position of the to-be-processed component according to the grid coordinate corresponding to the reference object; and taking the to-be-processed component as a reference object, and returning to execute the grid coordinate and the initial dashboard layout corresponding to the reference object to determine whether the to-be-processed component collided with the reference object exists.
In the embodiment, whether the to-be-processed component colliding with the reference object exists or not can be recursively detected, the position of the to-be-processed component colliding with the reference object can be adjusted according to the grid coordinates of the reference object, the position of the colliding component can be automatically adjusted, large position change of the component in the dashboard page is avoided, editing is simple to operate, and the fact that the colliding component does not exist in the dashboard page can be guaranteed.
In one embodiment, the operation execution module 1004 is further configured to, when the operation instruction is a deletion instruction, obtain a grid layout corresponding to the target component according to the initial dashboard layout; and deleting the grid layout corresponding to the target component.
In this embodiment, the grid layout corresponding to the target component may be deleted according to the deletion instruction for the target component, and the target component is not displayed on the dashboard page, that is, the deletion operation for the components included in the dashboard page is implemented.
In one embodiment, the operation executing module 1004 may be further configured to, when the operation indication is an addition indication, obtain a column number of a grid divided in the initial dashboard layout and a maximum height value of a component included in the dashboard layout in a column direction; determining the target grid layout of the target assembly according to the column number and the maximum height value; and displaying the target component according to the target grid layout.
In this embodiment, the target grid layout for the target component may be determined according to the grid column number and the maximum height value divided by the initial dashboard layout, the target component may be displayed according to the target grid layout, a dynamic effect added to the component may be displayed on the edit page, and the added target component may be prevented from being overlapped with other components included in the dashboard page.
In one embodiment, the operation execution module 1004 is further operable to obtain a target component selected from the component library and generate an operation instruction for the target component; the page editing method further comprises a component generation module 1010, wherein the component generation module 1010 is used for acquiring the selected chart type, the data source and the display parameter; generating a chart component corresponding to the chart type according to the data source and the display parameters; and saving the chart component to a component library.
In this embodiment, the selected chart type, the selected data source, and the selected display parameter may be acquired, a chart component corresponding to the chart type may be generated according to the data source and the display parameter, and the chart component may be stored in the component library. When the dashboard page is edited, the chart components can be acquired from the component library and added to the dashboard page, namely, the chart components can be newly added as required, and the personalized requirements of enterprise users can be met.
In one embodiment, the target layout determination module 1008 may also be used to obtain reference components in a dashboard page; the grid layout is converted to an absolute positioning layout relative to the reference component to obtain a target dashboard layout.
In this embodiment, a reference component in the dashboard page may be obtained, a grid layout corresponding to a component included in the dashboard page obtained by executing the operation instruction is converted into an absolute positioning layout relative to the reference component, and a target dashboard layout is obtained, so that the display of the component in the dashboard page is determined to be unchanged relative to the reference component, and is not affected by the change of the component content or other components, and the display effect and stability of the dashboard page may be ensured.
In one embodiment, the provided page editing method further comprises a page display module 1012, and the page display module 1012 is further configured to send the target dashboard layout to the server; receiving diagram data which is sent by a server and corresponds to the target instrument board layout; and displaying chart data on a dashboard page according to the target dashboard layout.
In this embodiment, the diagram data sent by the server may be received, the diagram data may be displayed on the dashboard page according to the target dashboard layout, that is, the dashboard page may be edited, and the data may be displayed according to the edited dashboard page.
FIG. 11 is a diagram illustrating an internal structure of a computer device in one embodiment. The computer device may specifically be the terminal 110 in fig. 1. As shown in fig. 11, the computer apparatus includes a processor, a memory, a network interface, an input device, and a display screen connected through a system bus. Wherein the memory includes a non-volatile storage medium and an internal memory. The non-volatile storage medium of the computer device stores an operating system and may also store a computer program that, when executed by the processor, causes the processor to implement the page editing method. The internal memory may also have a computer program stored therein, which when executed by the processor, causes the processor to perform a page editing method. The display screen of the computer equipment can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer equipment can be a touch layer covered on the display screen, a key, a track ball or a touch pad arranged on the shell of the computer equipment, an external keyboard, a touch pad or a mouse and the like.
Those skilled in the art will appreciate that the architecture shown in fig. 11 is merely a block diagram of some of the structures associated with the disclosed aspects and is not intended to limit the computing devices to which the disclosed aspects apply, as particular computing devices may include more or less components than those shown, or may combine certain components, or have a different arrangement of components.
In one embodiment, the page editing apparatus provided in the present application may be implemented in the form of a computer program, and the computer program may be run on a computer device as shown in fig. 11. The memory of the computer device may store therein various program modules constituting the page editing apparatus, such as an initial layout acquisition module, an operation execution module, a component layout acquisition module, and a target layout determination module shown in fig. 10. The computer program constituted by the respective program modules causes the processor to execute the steps in the page editing method of the respective embodiments of the present application described in the present specification.
For example, the computer device shown in fig. 11 may execute step S202 by an initial layout acquisition module in the page editing apparatus shown in fig. 10. The computer device may perform step S204 by operating the execution module. The computer device may perform step S206 by the component layout acquisition module. The computer device may perform step S208 by the target layout determination module.
In one embodiment, a computer device is provided, comprising a memory and a processor, the memory storing a computer program which, when executed by the processor, causes the processor to perform the steps of the above-described page editing method. Here, the steps of the page editing method may be steps in the page editing methods of the above embodiments.
In one embodiment, a computer readable storage medium is provided, storing a computer program that, when executed by a processor, causes the processor to perform the steps of the above-described page editing method. Here, the steps of the page editing method may be steps in the page editing methods of the above embodiments.
It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by hardware related to instructions of a computer program, and the program can be stored in a non-volatile computer readable storage medium, and when executed, can include the processes of the embodiments of the methods described above. Any reference to memory, storage, database, or other medium used in the embodiments provided herein may include non-volatile and/or volatile memory, among others. Non-volatile memory can include read-only memory (ROM), Programmable ROM (PROM), Electrically Programmable ROM (EPROM), Electrically Erasable Programmable ROM (EEPROM), or flash memory. Volatile memory can include Random Access Memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in a variety of forms such as Static RAM (SRAM), Dynamic RAM (DRAM), Synchronous DRAM (SDRAM), Double Data Rate SDRAM (DDRSDRAM), Enhanced SDRAM (ESDRAM), Synchronous Link DRAM (SLDRAM), Rambus Direct RAM (RDRAM), direct bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM).
The technical features of the above embodiments can be arbitrarily combined, and for the sake of brevity, all possible combinations of the technical features in the above embodiments are not described, but should be considered as the scope of the present specification as long as there is no contradiction between the combinations of the technical features.
The above examples only express several embodiments of the present application, and the description thereof is more specific and detailed, but not construed as limiting the scope of the present application. It should be noted that, for a person skilled in the art, several variations and modifications can be made without departing from the concept of the present application, which falls within the scope of protection of the present application. Therefore, the protection scope of the present patent shall be subject to the appended claims.

Claims (10)

1. A page editing method, comprising:
acquiring an initial dashboard layout corresponding to a dashboard page according to pre-divided grids;
acquiring an operation instruction of a target component, and executing the operation instruction based on the initial dashboard layout;
acquiring the grid layout of the components contained in the dashboard page obtained after the operation instruction is executed;
and converting the grid layout into an absolute positioning layout to obtain a target dashboard layout of the dashboard page.
2. The method of claim 1, wherein said executing the operational directive based on the initial dashboard layout comprises:
when the operation instruction comprises at least one of a moving instruction and a zooming instruction, acquiring grid coordinates corresponding to the target component in the process of executing the operation instruction;
and adjusting the coordinate positions of other components contained in the dashboard page according to the grid coordinate corresponding to the target component and the initial dashboard layout.
3. The method of claim 2, wherein the adjusting the coordinate positions of other components included in the dashboard page according to the grid coordinates corresponding to the target components and the initial dashboard layout further comprises:
taking the target component as a reference object;
determining whether a component to be processed colliding with the reference object exists or not according to the grid coordinate corresponding to the reference object and the initial dashboard layout;
when determining that the component to be processed collided with the reference object exists, adjusting the coordinate position of the component to be processed according to the grid coordinate corresponding to the reference object;
and taking the to-be-processed component as a reference object, and returning to execute the grid coordinate corresponding to the reference object and the initial dashboard layout to determine whether the to-be-processed component collided with the reference object exists.
4. The method of claim 1, wherein said executing the operational directive based on the initial dashboard layout comprises:
when the operation instruction is a deletion instruction, acquiring a grid layout corresponding to the target component according to the initial dashboard layout;
and deleting the grid layout corresponding to the target assembly.
5. The method of claim 1, wherein said executing the operational directive based on the initial dashboard layout comprises:
when the operation instruction is an adding instruction, acquiring the column number of grids divided in the initial instrument panel layout and the maximum height value of components contained in the instrument panel layout in the column direction;
determining the target grid layout of the target assembly according to the column number and the maximum height value;
and displaying the target assembly according to the target grid layout.
6. The method of claim 5, wherein obtaining the operational indication of the target component comprises:
acquiring a target component selected from a component library, and generating an addition instruction for the target component;
the method further comprises the following steps:
obtaining the selected chart type, data source and display parameter;
generating a chart component corresponding to the chart type according to the data source and the display parameters;
saving the chart component to the component library.
7. The method of any of claims 1 to 6, wherein after converting the grid layout to an absolute positioning layout to obtain a target dashboard layout for the dashboard page, further comprising:
sending the target dashboard layout to a server;
receiving chart data which is sent by the server and corresponds to the target instrument board layout;
and displaying the chart data on a dashboard page according to the target dashboard layout.
8. A page editing apparatus, characterized in that the apparatus comprises:
the initial layout acquisition module is used for acquiring an initial dashboard layout corresponding to a dashboard page according to pre-divided grids;
the operation execution module is used for acquiring operation instructions of target components and executing the operation instructions based on the initial instrument board layout;
the component layout acquisition module is used for acquiring the grid layout of the components contained in the dashboard page obtained after the operation instruction is executed;
and the target layout determining module is used for converting the grid layout into an absolute positioning layout so as to obtain a target dashboard layout of the dashboard page.
9. A computer-readable storage medium, storing a computer program which, when executed by a processor, causes the processor to carry out the steps of the method according to any one of claims 1 to 7.
10. A computer device comprising a memory and a processor, the memory storing a computer program that, when executed by the processor, causes the processor to perform the steps of the method according to any one of claims 1 to 7.
CN202010020784.XA 2020-01-09 2020-01-09 Page editing method and device, computer readable storage medium and computer equipment Pending CN113094127A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010020784.XA CN113094127A (en) 2020-01-09 2020-01-09 Page editing method and device, computer readable storage medium and computer equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010020784.XA CN113094127A (en) 2020-01-09 2020-01-09 Page editing method and device, computer readable storage medium and computer equipment

Publications (1)

Publication Number Publication Date
CN113094127A true CN113094127A (en) 2021-07-09

Family

ID=76664055

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010020784.XA Pending CN113094127A (en) 2020-01-09 2020-01-09 Page editing method and device, computer readable storage medium and computer equipment

Country Status (1)

Country Link
CN (1) CN113094127A (en)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113569176A (en) * 2021-07-15 2021-10-29 深圳云之家网络有限公司 Portal layout method and device, computer equipment and storage medium
CN113797537A (en) * 2021-09-17 2021-12-17 网易(杭州)网络有限公司 Method, apparatus, device, medium, and program product for determining a floating layer display position
CN114415884A (en) * 2021-12-30 2022-04-29 山东奥邦交通设施工程有限公司 Page equipment icon layout method and system
CN116126298A (en) * 2023-04-19 2023-05-16 北京尽微致广信息技术有限公司 Object layout processing method, device and computer readable medium

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113569176A (en) * 2021-07-15 2021-10-29 深圳云之家网络有限公司 Portal layout method and device, computer equipment and storage medium
CN113797537A (en) * 2021-09-17 2021-12-17 网易(杭州)网络有限公司 Method, apparatus, device, medium, and program product for determining a floating layer display position
CN114415884A (en) * 2021-12-30 2022-04-29 山东奥邦交通设施工程有限公司 Page equipment icon layout method and system
CN114415884B (en) * 2021-12-30 2022-11-11 山东奥邦交通设施工程有限公司 Page equipment icon layout method and system
CN116126298A (en) * 2023-04-19 2023-05-16 北京尽微致广信息技术有限公司 Object layout processing method, device and computer readable medium

Similar Documents

Publication Publication Date Title
CN113094127A (en) Page editing method and device, computer readable storage medium and computer equipment
US10782844B2 (en) Smart whiteboard interactions
JP4653097B2 (en) Improved display of large objects on small display screens
WO2021068331A1 (en) Web page adaptive layout method, server and computer-readable storage medium
US9128596B2 (en) Method and device for selecting and displaying a region of interest in an electronic document
CN109543162B (en) Multi-chart display method and device for data, computer equipment and storage medium
JP4788122B2 (en) Digital content display method and program
CN107015751B (en) Optimal display and scaling of objects and text in a document
US9817794B2 (en) Responsive rendering of data sets
KR101143191B1 (en) Aligned behavior in templated lists
US20120096343A1 (en) Systems, methods, and computer-readable media for providing a dynamic loupe for displayed information
JP2005108210A5 (en)
JP2006178993A (en) Method, system, and computer readable storage medium for making layout of automatically-placed element and user-placed element on chart
KR20090041244A (en) Adaptive document displaying device and method
US20140237357A1 (en) Two-dimensional document navigation
KR101798149B1 (en) Chart visualization method by selecting some areas of the data table
US8892994B2 (en) System, method, and architecture for displaying a document
CN113536173B (en) Page processing method and device, electronic equipment and readable storage medium
KR101685288B1 (en) Method for controlling presentation of contents and user device for performing the method
CN113611376A (en) Method and device for constructing molecular structure, computer equipment and storage medium
US20120240027A1 (en) System and Method for Displaying a Document
US20080037051A1 (en) Document display processor, computer readable medium storing document display processing program, computer data signal and document display processing method
US20170270218A1 (en) Mapping of Defined Regions Within a Webpage
JP6327969B2 (en) Information processing apparatus, information processing method, and program
CN113468452B (en) Remote sensing data visual interface interaction method and device and electronic equipment

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
REG Reference to a national code

Ref country code: HK

Ref legal event code: DE

Ref document number: 40048255

Country of ref document: HK

SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination