Page display method based on weight and mechanical model

Abstract

The invention discloses a weight and mechanical model-based page display method, which comprises the following steps of: designing a to-be-displayed page, and receiving a page request; determining a terminal type, determining a mobile terminal, adjusting a to-be-displayed page to adapt to a screen of the mobile terminal, determining a computer terminal, keeping a page proportion, and arranging blank areas outside the to-be-displayed page according to the following method; page element weights are calculated, and an arrangement element set is constructed according to the weights; identifying a blank area outside the to-be-displayed page, and confirming coordinates of each page element in the arrangement element set in the blank area by using a spiral arrangement method; calculating the acting force between any two page elements by utilizing Hooke's law, and updating coordinates based on the acting force applied to each page element; and determining the size of a computer screen, rendering page elements in the size of the computer screen according to the updated coordinates, and sending the rendered page to be displayed to the computer end. According to the method and the device, more page contents can be displayed, and preferential recommendation access of high-level page elements is realized.

Description

Technical Field

[0001] This invention belongs to the field of computer technology, specifically relating to a page display method based on weights and a mechanical model. Background Art

[0002] In modern web design and application interface layout, to ensure compatibility with various screen sizes, different display devices, and page display effects, two sets of web design styles are typically developed for mobile and desktop applications respectively. Furthermore, to simplify the development process, web pages often include a certain amount of blank space when displayed on different devices. This blank space is often underutilized, resulting in low page resource utilization and poor information display.

[0003] To utilize blank areas, some designers use carousels to display page elements sequentially. However, this method can only display one element at a time, and the element size must remain consistent each time. While it utilizes some blank space, the space outside the carousel remains unused, and it's difficult to highlight the importance of each element. Another approach is to arrange multiple elements from top to bottom. This tiling method effectively utilizes blank space, but it still struggles to prioritize elements and handles elements of varying shapes and sizes. In the edge node supplier management backend, there are elements such as revenue details and device management lists. Because the content they display differs—for example, the former needs to show revenue for different time periods each day, while the latter needs to show detailed information for different devices—each element is presented at a different size. Using existing technology, this easily leads to overlap or excessively large blank areas. Therefore, there is an urgent need for a layout method that can automatically adjust the page layout based on the real-time content of elements and highlight element priority. Summary of the Invention

[0004] To address the above problems, this invention proposes a page display method based on weights and a mechanics model. The technical solution adopted by this invention to solve the above technical problems is as follows:

[0005] A page layout method based on weights and a mechanical model includes the following steps:

[0006] S1, on the server side, design the aspect ratio of the page to be displayed and receive page requests from the terminal;

[0007] S2, the server determines the terminal type. If it is a mobile terminal, it adjusts the page to be displayed to fit the mobile terminal screen size and sends the adjusted page to be displayed to the mobile terminal. If it is a computer terminal, it keeps the page to be displayed and arranges the page to be displayed and the blank area outside the page according to the method of steps S2-S6.

[0008] S3 collects user behavior data, calculates the weight of each page element in the preset page element set based on the user behavior data, and constructs the element set in descending order of weight.

[0009] S4. Based on the screen size of the computer, identify the blank area outside the page to be displayed, and use the spiral arrangement method to confirm the coordinates of each page element in the blank area in the arrangement element set obtained in step S3.

[0010] S5. Based on the coordinates of all page elements in the layout element set obtained in step S4, calculate the force between any two page elements using Hooke's Law, and update the coordinates based on the force on each page element.

[0011] S6. Confirm the computer screen size based on the page request from the computer, render each page element within the computer screen size according to the coordinates updated in step S5, and send the rendered page to be displayed to the computer.

[0012] In step S3, the formula for calculating the weight is:

[0013] w i =σ i ×(ζ i +0.2×t i );

[0014] In the formula, w i σ represents the weight of the i-th page element. i ζ represents the operational coefficient of the i-th page element. i t represents the number of times the i-th page element has been viewed. i This represents the browsing time of the i-th page element.

[0015] Step S4 includes the following steps:

[0016] S4.1 determines the position of the page to be displayed based on the computer screen size and identifies the size of the blank area;

[0017] S4.2, using the center point of the blank area as the origin, and starting from the origin, place each page element in the layout element set in a spiral manner, and calculate the coordinates of each page element in the layout element set sequentially according to the spiral algorithm, including the following steps:

[0018] S4.2.1, Set the maximum number of attempts Set the spiral step value S, and initialize the number of elements n = 1 and the number of attempts. and the set of placed elements

[0019] S4.2.2, take the center point of the blank area identified in step S4.1 as the origin of coordinates, place the first page element in the set of arranged elements obtained in step S3 at the origin of coordinates, and place the first page element in the set of placed elements.

[0020] S4.2.3, execute n = n + 1;

[0021] S4.2.4 Calculate the coordinates of the nth page element in the arrangement set according to the spiral algorithm, and determine whether the nth page element overlaps with the previous n page elements. If so, proceed to step S4.2.5; otherwise, place the nth page element in the coordinates and proceed to step S4.2.6.

[0022] S4.2.5, Number of trial rounds judge If yes, return to step S4.2.4; otherwise, place the nth page element in the coordinates calculated in step S4.2.4 and execute step S4.2.6.

[0023] S4.2.6, Arrange the element set The nth page element is placed in the set of placed elements. If yes, return to step S4.2.3; otherwise, proceed to step S5.

[0024] In step S4.2.4, the coordinates of the nth page element are determined using (x... n ,y n The formula for calculating this is:

[0025]

[0026] Where x center The x-coordinate of the origin is represented by y. center The ordinate represents the coordinate origin. This represents the placement radius of the nth page element in the element set. This indicates the placement angle of the nth page element in the element arrangement set;

[0027] Placement radius The calculation formula is:

[0028]

[0029] Placement angle The calculation formula is:

[0030]

[0031] In step S4.2.4, it is determined whether the nth page element overlaps with the previous n page elements, i.e., whether the element set has been placed. The method to check if all page elements overlap is as follows:

[0032] ① Calculate the set of elements to be arranged The nth page element and the set of placed elements The formula for calculating the center distance between the first page elements is:

[0033]

[0034] In the formula, Represents the arrangement of element sets The nth page element and the set of placed elements The center distance between the first page elements. Indicates the set of elements that have been placed. The coordinates of the first page element are also the coordinates of the origin, x. n The x-coordinate of the nth page element in the set of elements is represented by y. n Represents the ordinate of the nth page element in the set of arranged elements;

[0035] ② Calculate the set of elements to be arranged The nth page element and the set of placed elements The minimum distance between the first page elements is calculated using the following formula:

[0036]

[0037] In the formula, Represents the arrangement of element sets The nth page element and the set of placed elements The minimum distance between the first page elements. Represents the arrangement of element sets The radial length of the center of the nth page element. Indicates the set of elements that have been placed. The center radial length of the first page element. This indicates the preset minimum spacing between page elements;

[0038] ③, judge If so, determine the arrangement of the element set. The nth page element and the set of placed elements The first page element should not overlap; otherwise, the two page elements should overlap.

[0039] ④ Determine the arrangement of the element set in sequence according to steps ①-③. The nth page element and the set of placed elements Check if other page elements overlap.

[0040] Step S5 includes the following steps:

[0041] S5.1, Calculate the overlap between any page element and other page elements in the layout element set based on the coordinates of all page elements obtained in step S4.

[0042] S5.2, Calculate the force between any two page elements based on the overlap obtained in step S5.2 using Huke's law;

[0043] S5.3, Calculate the cooperative force of each page element in the element arrangement set based on the force obtained in step S5.2;

[0044] S5.4 Update the coordinates of each page element in the layout element set based on the cooperative force obtained in step S5.3.

[0045] In step S5.2, if the overlap is greater than zero, the repulsive force between the two page elements is regarded as the interaction force between the two page elements; if the overlap is zero, the interaction force between the two page elements is zero; if the overlap is less than zero, the attractive force between the two page elements is regarded as the interaction force between the two page elements.

[0046] The formula for calculating repulsive force is:

[0047]

[0048] Where, This represents the repulsive force exerted on the nth page element in the set of arranged elements by the jth page element in the set of arranged elements, both horizontally and vertically. and σ represents the difference in x and y coordinates between the nth page element and the jth page element in the set of arranged elements, respectively. repel It is the repulsive force constant. This represents the amount of overlap between the nth page element and the jth page element in the set of arranged elements;

[0049] The formula for calculating attractiveness is:

[0050]

[0051] In the formula, ρ attract For the attractive gravitational constant, This represents the attraction in both the horizontal and vertical directions exerted on the nth page element in the layout set by the jth page element in the layout set.

[0052] In step S5.2, and in step S5.4, the formula for updating the coordinates of the page element is:

[0053]

[0054] In the formula, (x ′ n ,y n ′ () represents the updated coordinates of the nth page element in the set of arranged elements. This represents the combined horizontal force of the nth page element in the element arrangement group. x represents the combined vertical force of the nth page element in the element set. n The x-coordinate of the nth page element in the set of elements is represented by y. n This represents the ordinate of the nth page element in the set of arranged elements.

[0055] Beneficial effects of the present invention:

[0056] 1. This invention allows users to quickly find the most useful page elements while also displaying more page content, making it easier for users to find and complete their operations more quickly;

[0057] 2. A spiral algorithm is used to arrange page elements. The angle and radius of placement are calculated for each attempt, and the distance to the center of the elements is also calculated. This solves the problem of inconsistent element size caused by the continuous change of the displayed content. While avoiding the overlap of page elements, more page elements can be displayed. At the same time, higher priority elements are placed closer to the center, which improves the access efficiency of suppliers.

[0058] 3. By introducing a mechanical model, the forces received by each page element are calculated. Based on these forces, the arrangement of each page element is further optimized, highlighting key elements and making the page layout more compact, thus effectively improving page utilization. Attached Figure Description

[0059] In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the following briefly introduces the drawings required for use in the embodiments or the description of the prior art. Obviously, the drawings described below are only some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.

[0060] Figure 1 This is a schematic diagram of the process of the present invention. Detailed Implementation

[0061] The technical solutions of the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present invention, and not all embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of the present invention.

[0062] A page display method based on weights and a mechanical model, such as Figure 1 As shown, it includes the following steps:

[0063] S1, on the server side, design the aspect ratio of the page to be displayed and receive page requests from the terminal;

[0064] The aspect ratio of the page to be displayed can be set to 390:844 (a common mobile aspect ratio), or it can be set to 393:852 or 375:667, etc. By unifying the aspect ratio of the page to be displayed on both mobile and desktop devices, there is no need to design a separate page. This not only ensures that the unified page displays correctly on both devices, but also allows for more content to be displayed in the extra space on the desktop.

[0065] S2, the server determines the terminal type. If it is a mobile terminal, it adjusts the page to be displayed to fit the mobile terminal screen size and sends the adjusted page to be displayed to the mobile terminal. If it is a computer terminal, it maintains the proportion of the page to be displayed and selects the corresponding page elements from the preset page element set according to the method of steps S2-S6 to arrange the blank area outside the page to be displayed.

[0066] When the server receives a webpage request from a terminal, it first determines the type of the requesting terminal based on the browser proxy type. For mobile terminals, responsive layout methods can be used to adapt the page ratio of the page to be displayed, ensuring the adjusted page matches the screen size of the mobile terminal. For desktop terminals, the page to be displayed remains unchanged, either vertically filling the desktop screen while maintaining a constant horizontal aspect ratio, or vertically filling the desktop screen and adjusting the horizontal aspect ratio according to settings. The server then lays out the remaining blank areas on the desktop screen, excluding the page content (i.e., the adjusted page to be displayed), based on the following steps.

[0067] S3, collect user behavior data, calculate the weight of each page element in the preset page element set based on the user behavior data, and construct the element set in descending order of weight, including the following steps;

[0068] S3.1, collect user behavior data;

[0069] The user behavior data includes the number of times users browse each page element, the browsing time, and the operational coefficient. The operational coefficient is preset by operations personnel for each page element based on actual business conditions. Preferably, in later stages, the number of times users browse each page element and the browsing time can be updated based on user clicks on both desktop and mobile devices to continuously adjust the element layout, gradually improve the page display effect, and increase the click-through rate of page elements.

[0070] S3.2, Calculate the weight of each page element based on the user behavior data collected in step S3.1. The corresponding calculation formula is as follows:

[0071] w i =σ i ×(ζ i +0.2×t i (1)

[0072] Where w i σ represents the weight of the i-th page element. i ζ represents the operational coefficient of the i-th page element. i t represents the number of times the i-th page element has been viewed. i This represents the browsing time of the i-th page element.

[0073] S3.3, Based on the weights obtained in step S3.2, select the top elements from the preset page element set. Use the page elements with higher weights to construct and arrange the element set;

[0074] Sorting page elements based on their weight values ​​determines their priority; elements with higher priority are displayed first, and elements with greater weight are placed in prominent positions on the page. The element set is arranged using... express, This indicates the number of page elements in the element set.

[0075] S4, based on the computer screen size, identify the blank area outside the page to be displayed, and use the spiral arrangement method to confirm the coordinates of each page element in the layout set obtained in step S3 in the blank area, including the following steps:

[0076] S4.1 determines the position of the page to be displayed based on the computer screen size and identifies the size of the blank area;

[0077] In this embodiment, the page to be displayed can be placed on the left or right side of the computer screen. By identifying and evaluating the size and position of other blank areas besides the page to be displayed, important page elements can be filled into the blank areas, making full use of these blank areas to display important information and maximizing the information display effect.

[0078] S4.2, using the center point of the blank area as the origin, and starting from the origin, place each page element in the layout element set in a spiral manner, and calculate the coordinates of each page element in the layout element set sequentially according to the spiral algorithm, including the following steps:

[0079] S4.2.1, Set the maximum number of attempts and the spiral step value, and initialize the number of elements n=1 and the number of trial rounds. and the set of placed elements

[0080] In this embodiment, the maximum number of attempts The spiral step value S = 20. The spiral step value is used to calculate the radius of each placement, and the placed element set is used to store page elements with determined coordinates.

[0081] S4.2.2, take the center point of the blank area identified in step S4.1 as the origin of coordinates, place the first page element in the set of arranged elements obtained in step S3 at the origin of coordinates, and place the first page element in the set of placed elements.

[0082] S4.2.3, execute n = n + 1;

[0083] S4.2.4 Calculate the coordinates of the nth page element in the arrangement set according to the spiral algorithm, and determine whether the nth page element overlaps with the previous n page elements. If so, proceed to step S4.2.5; otherwise, place the nth page element in the coordinates and proceed to step S4.2.6.

[0084] The coordinates of the nth page element in the element set are (x, y). n ,y n The formula for its calculation is:

[0085]

[0086] In the formula, x n The x-coordinate of the nth page element in the set of elements is represented by y. n The x-coordinate represents the ordinate of the nth page element in the set of elements. center The x-coordinate of the origin is represented by y. center The ordinate represents the y-coordinate of the origin. This represents the placement radius of the nth page element in the element set. This indicates the placement angle of the nth page element in the element arrangement set;

[0087] Placement radius The calculation formula is:

[0088]

[0089] Placement angle The calculation formula is:

[0090]

[0091] The determination of whether the nth page element in the element set is related to the previous n page elements, i.e., the already placed element set. The method to check if all page elements overlap is as follows:

[0092] ① Calculate the set of elements to be arranged The nth page element and the set of placed elements The formula for calculating the center distance between the first page elements is:

[0093]

[0094] Where, Represents the arrangement of element sets The nth page element and the set of placed elements The center distance between the first page elements. Indicates the set of elements that have been placed. The coordinates of the first page element are also the coordinates of the origin.

[0095] ② Calculate the set of elements to be arranged The nth page element and the set of placed elements The minimum distance between the first page elements is calculated using the following formula:

[0096]

[0097] Where, Represents the arrangement of element sets The nth page element and the set of placed elements The minimum distance between the first page elements. Represents the arrangement of element sets The radial length radiating from the center of the nth page element is half the diagonal of the square area occupied by that page element. Indicates the set of elements that have been placed. The center radial length of the first page element. This represents the preset minimum spacing between page elements. In this embodiment,

[0098] Central radiation length The calculation formula is:

[0099]

[0100] Where wn Represents the arrangement of element sets The width, h, of the nth page element. n Represents the arrangement of element sets The height of the nth element on the page. The length of the center radiating outwards. The calculation formula is the same as formula (7), only the width and height of the corresponding page element can be adjusted.

[0101] ③, judge If so, determine the arrangement of the element set. The nth page element and the set of placed elements The first page element should not overlap; otherwise, the two page elements should overlap.

[0102] ④ Determine the arrangement of the element set in sequence according to steps ①-③. The nth page element and the set of placed elements Check if other page elements overlap;

[0103] S4.2.5, Number of trial rounds judge If yes, return to step S4.2.4; otherwise, place the nth page element in the coordinates calculated in step S4.2.4 and execute step S4.2.6.

[0104] S4.2.6, Arrange the element set The nth page element is placed in the set of placed elements. If yes, return to step S4.2.3; otherwise, proceed to step S5.

[0105] The above uses a spiral algorithm to initially arrange all page elements in the element set. However, since the spiral algorithm increases the angle and radius with each iteration, it cannot guarantee full utilization of blank areas, and the page elements may be sparse. Furthermore, overlapping may occur after exceeding the calculation limit. Therefore, a mechanical model is used to fine-tune the relevant positions. This application uses a mechanical model to simplify the positional relationships between elements, reducing the computational complexity of corresponding element positions, adapting to different screen sizes and element combinations, and avoiding element overlap and excessive spacing.

[0106] S5, based on the coordinates of all page elements in the layout set obtained in step S4, calculate the force between any two page elements using Hooke's Law, and update the coordinates based on the force on each page element, including the following steps:

[0107] S5.1, Based on the coordinates of all page elements in the layout element set obtained in step S4, calculate the overlap between any page element and other page elements in the layout element set. The corresponding calculation formula is:

[0108]

[0109] Where, This represents the amount of overlap between the nth page element and the jth page element in the set of arranged elements. And n≠j, This represents the minimum distance between the nth page element and the jth page element in the set of arranged elements. This represents the center distance between the nth page element and the jth page element in the set of arranged elements.

[0110] S5.2, Calculate the force between any two page elements based on the overlap obtained in step S5.2 using Huke's law;

[0111] Specifically, if the overlap is greater than zero, the repulsive force between the two page elements is regarded as the interaction force between the two page elements; if the overlap is zero, the interaction force between the two page elements is zero, and the attractive force between the two page elements is regarded as the interaction force between the two page elements.

[0112] The formula for calculating repulsive force is:

[0113]

[0114] Where, This represents the repulsive force exerted on the nth page element in the set of arranged elements by the jth page element in the set of arranged elements, both horizontally and vertically. and σ represents the difference in x and y coordinates between the nth page element and the jth page element in the set of arranged elements, respectively. repel is the repulsive force constant.

[0115] The formula for calculating attractiveness is:

[0116]

[0117] In the formula, ρ attract For the attractive gravitational constant, This represents the attraction force exerted on the nth page element in the set of elements by the jth page element in the set, both horizontally and vertically. Since the overlap is less than zero, the attraction force is negative, and applying the force will shorten the distance between elements.

[0118] The formula for calculating coordinate difference is:

[0119]

[0120] S5.3, Calculate the sum of the forces between each page element and other page elements in the arrangement element set based on the forces obtained in step S5.2, and obtain the cooperative force of each page element;

[0121] Cooperative force reflects the force exerted on a page element by other page elements.

[0122] S5.4, based on the cooperative force obtained in step S5.4, update the coordinates of each page element in the layout element set. The corresponding formula is:

[0123]

[0124] In the formula, (x ′ n ,y n ′ () represents the updated coordinates of the nth page element in the set of arranged elements. This represents the sum of the horizontal forces between the nth page element in the set of arranged elements and other page elements. It represents the sum of the vertical forces between the nth page element in the set of arranged elements and other page elements.

[0125] S6. Confirm the computer screen size based on the page request from the computer, render each page element within the computer screen size according to the coordinates updated in step S5, and send the rendered page to be displayed to the computer.

[0126] This application embodiment only renders page elements that do not exceed the computer screen; the parts that exceed the screen will not be rendered.

[0127] This application also provides a page display device based on weights and a mechanical model, comprising:

[0128] Page storage module: used to design the aspect ratio of the page to be displayed on the server side;

[0129] Request receiving module: It is used to receive page requests from the terminal, determine the terminal type based on the received page request, if it is a mobile terminal, adjust the page to be displayed in the page storage module to adapt to the mobile terminal screen, and send the adjusted page to be displayed to the mobile terminal; if it is a computer terminal, it keeps the page to be displayed, and starts the page arrangement module, page optimization module and page generation module to arrange the page to be displayed and the blank area outside the page to be displayed.

[0130] Page layout module: It is used to identify the blank area outside the page to be displayed based on the computer screen size in the received request, and to confirm the coordinates of each page element in the blank area in the layout element set sent by the data collection module using the spiral arrangement method.

[0131] Page optimization module: It is used to calculate the force between any two page elements in the layout element set based on the coordinates obtained by the page layout module using Hooke's law, and update the coordinates based on the cooperative force of each page element;

[0132] Page generation module: It is used to confirm the computer screen size based on the page request from the computer, render each page element within the computer screen size according to the coordinates updated by the page optimization module, and send the rendered page to be displayed to the computer.

[0133] Data collection module: It is used to continuously collect user behavior data, calculate the weight of each page element in the preset page element set based on the collected user behavior data, construct the element set in descending order of weight, and send the element set to the page layout module and page optimization module.

[0134] This application also provides an electronic device, which includes a processor and a memory. The memory stores a computer program, and when the computer program is executed by the processor, it performs the steps of the page display method based on weights and mechanics models described above.

[0135] This application also provides a computer-readable storage medium storing a computer program. When executed by a processor, the computer program performs the steps of the page display method based on weights and mechanics models described above. Specifically, the storage medium can be a general-purpose storage medium, such as a removable disk or hard disk. When the computer program on the storage medium is run, it can execute the embodiments of the page display method based on weights and mechanics models described above.

[0136] The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and principles of the present invention should be included in the scope of protection of the present invention.

Claims

1. A page display method based on weight and mechanical model, characterized in that: The steps include: S1, designing the aspect ratio of the page to be displayed on the server side, and receiving the page request from the terminal; S2, the server determines the terminal type. If it is a mobile terminal, the page to be displayed is adjusted to fit the screen size of the mobile terminal, and the adjusted page to be displayed is sent to the mobile terminal. If it is a computer terminal, the page to be displayed is kept, and the page to be displayed and the blank area outside the page to be displayed are arranged according to the method of steps S2 to S6; S3, collecting user behavior data, calculating the weight of each page element in the preset page element set according to the user behavior data, and constructing an arrangement element set in descending order of weight; S4, identifying a blank area outside the page to be displayed based on the screen size of the computer, and confirming the coordinates of each page element in the blank area in the arrangement element set obtained in step S3 using a spiral arrangement method; S5, according to step S4, the coordinates of all page elements in the arrangement element set are obtained, and the force between any two page elements is calculated using Hooke's law, and the coordinates are updated based on the force applied to each page element; S6, confirming the computer screen size according to the page request of the computer, rendering each page element within the computer screen size according to the coordinates updated in step S5, and sending the rendered page to be displayed to the computer.

2. The page display method based on weight and mechanical model according to claim 1, characterized in that: In step S3, the weight calculation formula is: w i =s i ×(ζ i +0.2×t i ); In the formula, w i represents the weight of the i-th page element, σ i represents the operating coefficient of the i-th page element, ζ i represents the number of views of the i-th page element, t i Indicates the browsing time of the i-th page element.

3. The page display method based on weight and mechanical model according to claim 1, characterized in that: The step S4 comprises the following steps: S4.1, determining the position of the page to be displayed based on the screen size of the computer, and identifying the size of the blank area; S4.2, taking the center point of the blank area as the coordinate origin, placing each page element in the arrangement element set in a spiral manner with the coordinate origin as the starting point, and calculating the coordinates of each page element in the arrangement element set in sequence according to the spiral algorithm, including the following steps: S4.2.1, Setting the maximum number of attempts and the spiral step value S, and initialize the number of elements n = 1, the number of rounds to try and placed element sets S4.2.2, taking the center point of the blank area identified in step S4.1 as the coordinate origin, placing the first page element in the arrangement element set obtained in step S3 at the coordinate origin, and placing the first page element in the placed element set; S4.2.3, execute n=n+1; S4.2.4, calculate the coordinates of the nth page element in the arrangement element set according to the spiral algorithm, and determine whether the nth page element overlaps with the first n page elements. If so, execute step S4.2.5; otherwise, place the nth page element at the coordinates and execute step S4.2.6; S4.2.5, Number of execution attempts judge If yes, return to step S4.2.4, otherwise, place the nth page element at the coordinates calculated in step S4.2.4 and execute step S4.2.6; S4.2.6, arrange the element set The nth page element is placed in the set of placed elements, and the judgment If so, return to step S4.2.3, otherwise, execute step S5.

4. The page display method based on weight and mechanical model according to claim 3, characterized in that: In step S4.2.4, the coordinates of the nth page element are (x n ,y n ) indicates that the corresponding calculation formula is: In the formula, x center Represents the horizontal coordinate of the origin, y center The ordinate represents the origin of the coordinate system. Indicates the placement radius of the nth page element in the layout element set. Indicates the placement angle of the nth page element in the layout element set; Placement Radius The calculation formula is: Placement angle The calculation formula is:

5. The page display method based on weight and mechanical model according to claim 3, characterized in that: In step S4.2.4, it is determined whether the nth page element overlaps with the first n page elements, that is, the element set has been placed. The method to check whether all page elements overlap is: ①, calculate the arrangement element set The nth page element in the set of placed elements The center distance between the first page elements in the table is calculated as follows: In the formula, Represents a set of arrangement elements The nth page element in the set of placed elements The center distance between the first page elements in Indicates that the element set has been placed The coordinates of the first page element in the image are also the coordinates of the origin, x n Indicates the horizontal coordinate of the nth page element in the layout element set, y n Indicates the vertical coordinate of the nth page element in the arrangement element set; ②, calculate the arrangement element set The nth page element in the set of placed elements The minimum distance between the first page elements in the calculation formula is: In the formula, Represents a set of arrangement elements The nth page element in the set of placed elements The minimum distance between the first page elements. Represents a set of arrangement elements The center radial length of the nth page element, Indicates that the element set has been placed The center radial length of the first page element, l minpadding Indicates the preset minimum spacing between page elements; ③, judge If so, determine the arrangement element set The nth page element in the set of placed elements The first page element does not overlap, otherwise the two page elements overlap; ④, follow the steps ①-③ to determine the arrangement element set User nth page element and placed element set Whether other page elements overlap.

6. The page display method based on weight and mechanical model according to claim 1, characterized in that: The step S5 comprises the following steps: S5.1, calculating the overlap between any page element and other page elements in the arrangement element set according to the coordinates of all page elements in the arrangement element set obtained in step S4; S5.2, using Hooke's law to calculate the force between any two page elements based on the overlap obtained in step S5.2; S5.3, calculating the cooperative force of each page element in the arrangement element set according to the force obtained in step S5.2; S5.4, updating the coordinates of each page element in the arrangement element set according to the cooperative force obtained in step S5.

3.

7. The page display method based on weight and mechanical model according to claim 6, characterized in that: In step S5.2, if the overlap is greater than zero, the repulsive force between the two page elements is regarded as the acting force between the two page elements; if the overlap is zero, the acting force between the two page elements is zero; if the overlap is less than zero, the attractive force between the two page elements is regarded as the acting force between the two page elements; The formula for calculating the repulsive force is: In the formula, It indicates the repulsive force in the horizontal and vertical directions on the nth page element in the arrangement element set from the jth page element in the arrangement element set. and Respectively represent the horizontal coordinate difference and vertical coordinate difference between the nth page element and the jth page element in the arrangement element set, σ repel is the repulsive force constant, Indicates the amount of overlap between the nth page element and the jth page element in the arrangement element set; The formula for calculating attractiveness is: In the formula, ρ attract is the gravitational constant, It indicates the attraction force on the nth page element in the arrangement element set from the jth page element in the arrangement element set in the horizontal and vertical directions.

8. The page display method based on weight and mechanical model according to claim 6, characterized in that: In step S5.2, in step S5.4, the formula for updating the coordinates of the page element is: In the formula, (x′ n , y′ n ) represents the updated coordinates of the nth page element in the layout element set. Indicates the horizontal cooperative force of the nth page element in the layout element set. Indicates the vertical cooperative force of the nth page element in the arrangement element set, x n Indicates the horizontal coordinate of the nth page element in the layout element set, y n Indicates the vertical coordinate of the nth page element in the layout element set.

Images