CN111767051B - Rendering method and device of network page - Google Patents

Rendering method and device of network page Download PDF

Info

Publication number
CN111767051B
CN111767051B CN202010617023.2A CN202010617023A CN111767051B CN 111767051 B CN111767051 B CN 111767051B CN 202010617023 A CN202010617023 A CN 202010617023A CN 111767051 B CN111767051 B CN 111767051B
Authority
CN
China
Prior art keywords
page
display
component
parameters
network
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.)
Active
Application number
CN202010617023.2A
Other languages
Chinese (zh)
Other versions
CN111767051A (en
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.)
Shenzhen Saiante Technology Service Co Ltd
Original Assignee
Shenzhen Saiante Technology Service 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 Shenzhen Saiante Technology Service Co Ltd filed Critical Shenzhen Saiante Technology Service Co Ltd
Priority to CN202010617023.2A priority Critical patent/CN111767051B/en
Publication of CN111767051A publication Critical patent/CN111767051A/en
Application granted granted Critical
Publication of CN111767051B publication Critical patent/CN111767051B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • Information Transfer Between Computers (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The application is applicable to the technical field of research and development management, and provides a rendering method and device of a network page, wherein the method comprises the following steps: receiving a display instruction of a network page, and acquiring page data of the network page; acquiring attribute parameters of a display module for displaying the network page, and configuring display parameters of the page component according to the attribute parameters; and rendering the network page based on the configured page component. According to the method and the device, page components in different display forms do not need to be configured and designed independently, different display forms can be used for commonly and identically using the page components, and the page components can be dynamically adjusted according to the attribute parameters of the display module, so that the development difficulty of a network page is greatly reduced, and the development efficiency is improved.

Description

Rendering method and device of network page
Technical Field
The application belongs to the technical field of research and development management, and particularly relates to a rendering method and equipment of a network page.
Background
With the development of internet technology, the number of page components contained in a web page is increasing. In the page components of the network page, the navigation menu is used as one of important components of the network page, plays a role in connecting all sub-pages and page skip, and the layout design of the navigation menu directly influences the use experience of a user.
In order to adapt to different display interfaces, navigation menus with different presentation forms, such as a left menu, a top menu and the like, are often required to be configured for the web page. In the existing network page technology, page components in different display forms need to be configured and designed independently, so that development difficulty of the network page is greatly increased, and development efficiency is reduced.
Disclosure of Invention
In view of this, the embodiments of the present application provide a method and apparatus for rendering a web page, so as to solve the problem that in the existing web page technology, individual configuration and design are required for page components in different display forms, thereby greatly increasing the development difficulty of the web page and reducing the development efficiency.
A first aspect of an embodiment of the present application provides a method for rendering a web page, including:
receiving a display instruction of a network page, and acquiring page data of the network page; the page data includes at least one adjustable page component;
acquiring attribute parameters of a display module for displaying the network page, and configuring display parameters of the page component according to the attribute parameters; the display parameter is used for determining the display size of the page component in response to the display instruction;
And rendering the network page based on the configured page component.
A second aspect of an embodiment of the present application provides a rendering device for a web page, including:
the page data acquisition unit is used for receiving a display instruction of a network page and acquiring page data of the network page; the page data includes at least one adjustable page component;
the display parameter configuration unit is used for acquiring attribute parameters of a display module for displaying the network page and configuring display parameters of the page assembly according to the attribute parameters; the display parameter is used for determining the display size of the page component in response to the display instruction;
and the network page rendering unit is used for rendering the network page based on the configured page component.
A third aspect of the embodiments of the present application provides a terminal device comprising a memory, a processor and a computer program stored in the memory and executable on the processor, the processor implementing the steps of the first aspect when executing the computer program.
A fourth aspect of the embodiments of the present application provides a computer-readable storage medium storing a computer program which, when executed by a processor, implements the steps of the first aspect.
The method and the device for rendering the network page have the following beneficial effects:
when receiving a display instruction for a network page, the embodiment of the invention firstly obtains the page data of the network page, thereby determining an adjustable page component contained in the network page, adjusting the display parameters in the page component through the attribute parameters of the display module of the terminal equipment, so that the page component is matched with the display module, and rendering the network page based on the adjusted page component, so as to respond to the display instruction of the network page, and realize the purpose of dynamically adjusting the page component. Compared with the existing network page technology, the page components in different display forms do not need to be configured and designed independently, the page components in different display forms can be commonly used and the same page components can be dynamically adjusted according to the attribute parameters of the display module, so that the development difficulty of the network page is greatly reduced, and the development efficiency is improved.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings that are required for the embodiments or the description of the prior art will be briefly described below, it being obvious that the drawings in the following description are only some embodiments of the present application, and that other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art.
Fig. 1 is a flowchart of an implementation of a method for rendering a web page according to a first embodiment of the present application;
FIG. 2 is a schematic diagram of a web page provided in an embodiment of the present application;
fig. 3 is a flowchart of a specific implementation of a method S102 for rendering a web page according to a second embodiment of the present application;
FIG. 4 is an expanded schematic diagram of a page component provided in an embodiment of the present application;
fig. 5 is a flowchart of a specific implementation of a method S102 for rendering a web page according to a third embodiment of the present application;
fig. 6 is a flowchart of a specific implementation of a method S501 for rendering a web page according to a fourth embodiment of the present application;
fig. 7 is a flowchart of a specific implementation of a rendering method S502 of a web page according to a fifth embodiment of the present application;
fig. 8 is a flowchart of a specific implementation of a rendering method S103 of a web page according to a sixth embodiment of the present application;
fig. 9 is a flowchart of a specific implementation of a rendering method of a web page according to a seventh embodiment of the present application;
FIG. 10 is a block diagram of a rendering device for web pages according to an embodiment of the present application;
fig. 11 is a schematic diagram of a terminal device according to another embodiment of the present application.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, the present application will be further described in detail with reference to the accompanying drawings and examples. It should be understood that the specific embodiments described herein are for purposes of illustration only and are not intended to limit the present application.
When receiving a display instruction for a network page, the embodiment of the invention firstly obtains the page data of the network page, thereby determining an adjustable page component contained in the network page, adjusting the display parameters in the page component through the attribute parameters of the display module of the terminal equipment, so that the page component is matched with the display module, and rendering the network page based on the adjusted page component, so as to respond to the display instruction of the network page, realize the purpose of dynamically adjusting the page component, solve the network page technology, and require independent configuration and design for the page components with different display forms, thereby greatly increasing the development difficulty of the network page and reducing the development efficiency.
In the embodiment of the present application, the execution body of the flow is a terminal device. The terminal device includes, but is not limited to: the terminal equipment comprises a display module, and the rendered web page can be output through the display module. Fig. 1 shows an implementation flowchart of a rendering method of a web page according to a first embodiment of the present application, which is described in detail below:
In S101, receiving a display instruction of a network page, and acquiring page data of the network page; the page data includes at least one adjustable page component.
In this embodiment, the terminal device may receive a display instruction regarding displaying a web page. The display instruction may carry a page identifier of the web page. The page identity is used as a unique identity code for each web page. The page identification includes, but is not limited to: network domain name and network address of the network page. The display instruction is specifically an instruction for displaying a web page, and if the terminal device receives a web domain name or a web address input by a user at the browser application, an access instruction generated by the browser application may be identified as the display instruction. If the network page is stored in the local database, that is, the terminal device stores the page file of the network page, the terminal device may identify the opening instruction for the page file as the display instruction.
In one possible implementation manner, a part of the network pages do not have the function of dynamically adjusting the display manner of the page component, based on the function, after receiving the display instruction of the network page, the terminal device can judge whether the network page supports the function of adjusting the page component, and if so, the network page is rendered in the manner of S101 to S103; otherwise, if the network page does not support the function of adjusting the page component, rendering operation is directly executed after obtaining the page data. The terminal equipment can be stored in a network page list with an adjustable page component display mode, and can identify whether the network page of the display instruction exists in the network page list, so that the function identification purpose is realized. Optionally, the network page supporting the display mode of the adjustment page component includes a specific identifier, for example, includes the same suffix or the page data is encapsulated by a corresponding data format, and the terminal device can identify whether the network page includes a preset identifier, thereby achieving the purpose of function identification.
In this embodiment, the terminal device may obtain the page data of the network page according to the page identifier included in the display instruction. If the page identifier is a network address or a web page domain name, the terminal device may establish a communication link with a server corresponding to the network page according to the page identifier, download page data of the network page from the server, and store the page data in a cache area of the terminal device. If the page is identified as a storage address, the terminal device can address according to the storage address, so that a storage area related to the network page can be obtained, and page data related to the network page can be extracted from the storage area.
In this embodiment, after obtaining the page data of the network page, the terminal device may analyze the page data to determine an adjustable page component included in the page data. The adjustable page component can adjust the matched display mode according to different attribute parameters of the display module so as to match the output network page with the attribute parameters of the display module. The page components described above include, but are not limited to: navigation components, page background components, video playback components, control components, and the like.
Typically, the attribute parameters of the display module are different, and when rendering the web page, the layout positions of the corresponding controls are also different. For example, for a display module of a horizontal screen, that is, the width of the display module is greater than the height, the navigation bar of the web page is generally in the upper half area of the web page, as shown in fig. 2 (a); for a vertical screen display module, i.e., a display module having a height greater than a width, the navigation bar of the web page is generally located in the left area of the web page, as shown in fig. 2 (b). Therefore, in order to correspond to the characteristics of different display modules, the rendering positions and sizes of the components in the web page need to be correspondingly adjusted.
In S102, acquiring an attribute parameter of a display module for displaying the web page, and configuring a display parameter of the page component according to the attribute parameter; the display parameter is used for determining the display size of the page component in response to the display instruction.
In this embodiment, the terminal device may obtain attribute parameters of the display module, where the attribute parameters include, but are not limited to, resolution, aspect ratio, module size, and the like of the display module. The display module of the terminal equipment can be a built-in display module, namely, the display module is connected with the processor of the terminal equipment through an internal bus; the display module may also be a peripheral display module, in which case the display module may be connected to a peripheral meter interface of the terminal device and to the processor via a serial interface. In one possible implementation manner, if the terminal device includes two or more display modules, the terminal device may select a main display module for displaying a web page from a plurality of display modules, and use an attribute parameter of the main display module as an attribute parameter of the configuration display parameter.
In this embodiment, the web page includes at least one adjustable page component, each page component corresponding to at least one display parameter. The display parameters include, but are not limited to: the size of the assembly, the display area, the unfolding mode (such as unfolding from top to bottom, unfolding from left to right, fading and amplifying) and the like are equal to parameters related to display, and the page assembly can display the web page in the web page based on the display mode matched with the display parameters after the web page is rendered subsequently according to the different display parameters. It should be noted that after rendering the web page, a part of the page components may be in a state to be displayed, for example, after the terminal device needs to detect that a user performs a click operation or a selection operation on a specific control, the page components of the above type may pop up.
In this embodiment, the terminal device may determine the display parameter of the page component according to the attribute parameter of the display module. If the number of the page components is multiple, the terminal device respectively determines the display parameters of each page component according to the attribute parameters, that is, the display parameters of different page components can be different. The implementation mode can be as follows: and the terminal equipment determines display parameters matched with the component types and the attribute parameters according to the component types of the page components. For example, for a first page component of the navigation type, determining a display parameter corresponding to an attribute parameter of the display module by adopting a first mapping relation; for the second page component of the video playing type, a second mapping relationship may be used to determine a display parameter corresponding to the attribute parameter of the display module. The mapping relation is specifically recorded with the corresponding relation between the attribute parameter and the display parameter.
In one possible implementation, the manner of configuring the display parameters of the page component according to the attribute parameters may be: the terminal equipment is configured with a mapping relation table of attribute parameters and display parameters, and the display parameters matched with the display parameters can be determined by inquiring the mapping relation table. Optionally, in the mapping relationship, each display parameter may correspond to an attribute parameter range, and the terminal device may query an attribute parameter range where an attribute parameter of the display module is located, and use a display parameter corresponding to the attribute parameter range as a display parameter corresponding to the attribute parameter. For example, the terminal device may divide the attribute parameters of the display module into two types, that is, a horizontal screen type and a vertical screen type, and preset corresponding attribute parameter ranges for the two screen types. The terminal equipment can determine the screen type of the display module according to the attribute parameters of the display module of the terminal equipment and the preset attribute parameter range, and takes the display parameters corresponding to the screen type as the display parameters of the page component.
In one possible implementation, the terminal device may be configured with a conversion algorithm between the attribute parameters and the display parameters. Specifically, if there are multiple display parameters, for example, including component size, display area, and expansion mode, each display parameter corresponds to a conversion algorithm, and each conversion algorithm corresponds to at least one attribute parameter. The terminal device may import the corresponding attribute parameters into the conversion algorithm, thereby calculating the corresponding display parameters.
For example, when calculating the parameter of the display mode of the page component, the width and the height of the display module need to be determined, alternatively, if the terminal device is a smart phone, the numerical value of the gravity sensor and the bit value of the screen locking identifier can be obtained, and the four attribute parameters are imported into a conversion algorithm corresponding to the display mode, so that the parameter value of the display mode corresponding to the page component can be output.
In one possible implementation, the page component includes a primary page component and a secondary page component. After the terminal device determines the display parameters of the main page component according to the attribute parameters, the terminal device determines the page parameters of each auxiliary page component according to the display parameters of the main page component. The main page component and the auxiliary page component can be in cascade connection or master-slave connection. For example, the navigation menu of the web page may be formed by splicing a plurality of page components, and the plurality of page components belonging to the navigation menu type include a main menu component and a secondary menu component, wherein the secondary menu component is embedded in the main menu component and is displayed depending on the main menu component. Based on the display parameters of the main menu component, the terminal equipment can firstly determine the display parameters of the main menu component, and adjust the display parameters of each secondary menu component based on the display parameters of the main menu component, so that the setting efficiency of the display parameters can be improved, and the cascade relation among page components can be maintained.
In one possible implementation, if the value of the display parameter matching the attribute parameter cannot be determined from the attribute parameter, the terminal device may configure the display parameter as a default value.
In S103, the web page is rendered based on the configured page component.
In this embodiment, after the terminal device dynamically adjusts the display parameters of each page component according to the attribute parameters of the display module, the network page may be rendered on the display module according to the adjusted page component and other page data except for the page component, and the rendered network page may be output through the display module.
It can be seen from the foregoing that, when receiving a display instruction for a network page, the rendering method for a network page provided by the embodiment of the present application firstly obtains page data of the network page, thereby determining an adjustable page component included in the network page, and adjusts, through attribute parameters of a display module of a terminal device, display parameters in the page component, so that the page component is matched with the display module, and renders the network page based on the adjusted page component, so as to respond to the display instruction for the network page, thereby achieving the purpose of dynamically adjusting the page component. Compared with the existing network page technology, the page components in different display forms do not need to be configured and designed independently, the page components in different display forms can be commonly used and the same page components can be dynamically adjusted according to the attribute parameters of the display module, so that the development difficulty of the network page is greatly reduced, and the development efficiency is improved.
Fig. 3 shows a flowchart of a specific implementation of a method S102 for rendering a web page according to a second embodiment of the present application. Referring to fig. 3, with respect to the embodiment described in fig. 1, in a rendering method of a web page provided in this embodiment, S102 includes: s1021 to S1024 are specifically described as follows:
further, the obtaining the attribute parameter of the display module for displaying the web page, and configuring the display parameter of the page component according to the attribute parameter includes:
in S1021, determining a presentation mode of the web page based on the resolution and the aspect ratio of the display module within the attribute parameter; the display mode includes: component deployment direction and maximum number of cascaded layers.
In this embodiment, the attribute parameters of the display module include two parameters, namely, resolution and aspect ratio of the display module. The aspect ratio may be specifically calculated according to a pixel value included in the width of the display module and a pixel value included in the height of the display module.
In this embodiment, the terminal device may determine, according to the two parameters, a presentation mode corresponding to the web page. The display modes include, but are not limited to, the following two modes: a horizontal screen display mode and a vertical screen display mode. Each display mode comprises at least two parameters, namely a component unfolding direction and a maximum cascading layer number. The expansion direction of the assembly is specifically the expansion direction of the page assembly when the page assembly is rendered, for example, the page assembly is expanded from top to bottom; or the page component is deployed from left to right. The maximum cascade layer number is specifically: for the page components with the cascade relation, the page components with the cascade relation can be combined into a component module, page components with all levels are displayed in sequence according to the operation instruction of the user, and the maximum cascade layer number represents the number of the levels which can be unfolded. Fig. 4 is an expanded schematic diagram of a page component according to an embodiment of the present application, as shown in fig. 4, for components of a navigation menu type, the components may be combined in a cascaded manner into a navigation module, where the navigation module includes a main menu and a plurality of submenus, and the maximum number of cascaded layers is used to define the maximum number of hierarchical levels of the submenus.
In one possible implementation manner, the manner of determining the display mode may be: the size of the assembly and the maximum cascading layer number are determined according to the resolution, and the assembly display direction is determined according to the aspect ratio. The terminal equipment can record conversion models of the two parameters, namely a resolution conversion model and a transverse-longitudinal ratio conversion model, respectively, and guide the resolution of the display parameters into the resolution conversion model, and calculate the size of the page assembly and the maximum cascading layer number; and importing the transverse-longitudinal ratio into the transverse-longitudinal ratio conversion model to determine the component unfolding direction of the page component.
In one possible implementation, different directions of expansion may correspond to different maximum number of cascaded layers. The terminal device may first determine a component deployment direction according to the resolution and the aspect ratio, and determine an associated maximum number of concatenation layers based on the component deployment direction. For example, for a page component that expands downward, its corresponding maximum number of cascading layers is 4; and for a page component that expands to the right, its corresponding maximum number of concatenation layers is 3.
In S1022, determining a cascade relationship of each of the page components in the web page, and selecting displayable components from all the page components based on the maximum cascade layer number.
In this embodiment, the terminal device may parse the page data to determine all page components included in the network page, where the page components include adjustable page components. The terminal equipment determines whether cascade relations exist among the page components, divides the page components with the cascade relations into the same module, and generates a cascade relation table according to the cascade relations, wherein the page level of the page components with the cascade relations is determined in the cascade relation table.
In this embodiment, the terminal device may determine the displayable page component, that is, the displayable component, according to the page level where each network page having a cascade relationship is located and the maximum cascade layer number. Specifically, judging whether the page level of the page component is larger than the maximum cascade level, if so, identifying the page component as a non-displayable component; otherwise, the page component is identified as a displayable component.
In one possible implementation manner, since the non-displayable component is not displayed in the rendered web page, the terminal device may not adjust the display parameter of the non-displayable component, and may configure the display parameter to be a default value.
In S1023, a display area of each displayable component is determined based on the component deployment direction.
In this embodiment, the terminal device may determine, according to the determined direction of expansion of the page component, a corresponding display area of the page component in the network page. Specifically, the terminal device may sequentially determine the display areas of the displayable components according to the page level where the displayable components are located. Since the display area of the displayable components in the cascade relationship is determined depending on the display area of the page component of the previous page level, the terminal device can sequentially determine the display areas of the displayable components according to the order of the page levels.
In S1024, the display parameters of the displayable components are configured according to the component deployment direction and the display area.
In this embodiment, the terminal device may determine a bit value corresponding to the component expansion direction, and assign the bit value to a corresponding display parameter, and if the display parameter is an array, may determine an element number for defining the component expansion direction, and assign the determined bit value to an element corresponding to the element number. The terminal device can determine the reference coordinates of the display area, and assign values to the corresponding display parameters based on the reference coordinates, so that the display parameters of the displayable components are configured according to the two parameters.
In the embodiment of the application, the displayable components are selected from all page components by determining the component unfolding direction and the maximum cascade level, and the display parameters of the displayable components are configured, so that the purpose of dynamically adjusting the display parameters can be achieved. For different display modules, due to reasons such as size, resolution, horizontal and vertical screen directions and the like, content which can be displayed simultaneously in the same page is limited, particularly for page components with cascade connection, the more the levels are, the larger the display space required during expansion is, when the display modules cannot simultaneously hold all the page components of the levels, at the moment, the page components of partial levels need to be hidden, the occurrence of abnormal display is avoided, and the stability of a network page can be improved.
Fig. 5 shows a flowchart of a specific implementation of a method S102 for rendering a web page according to a third embodiment of the present application. Referring to fig. 5, with respect to the embodiment described in fig. 1, in a rendering method of a web page provided in this embodiment, S102 includes: s501 to S504 are specifically described as follows:
further, the obtaining the attribute parameter of the display module for displaying the web page, and configuring the display parameter of the page component according to the attribute parameter includes:
In S501, a history of operation record of the terminal device is acquired.
In this embodiment, the terminal device may correspondingly adjust the display parameters of the page component of the network page according to different operation habits of users to whom the terminal device belongs. For example, the interrupt device is a smart phone, the display module is specifically a touch screen of the smart phone, and if a user of a certain smart phone is used to use a right hand to operate the smart phone, a main page component can be deployed on the right side of a network page, so that the user can operate conveniently; for the user of another smartphone, who is left-handed, the main page component can be deployed to the left of the web page. Based on the method, the terminal equipment can determine the operation habit of the user by acquiring the historical operation record of the terminal equipment, and adjust the position of each page component in the network page in a display mode matched with the operation habit of the user so as to improve the use experience and the operation efficiency of the user.
In one possible implementation, the terminal device may store the operation records of the user on all types of network pages in the memory, in which case the terminal device may extract the operation record that the user has operated to complete, i.e. the above-mentioned historical operation record, from the memory, and determine the display parameters of the page component based on the historical operation record.
In one possible implementation, after operating on the network page, each terminal device may upload the operation record to the server of the network page, i.e. the server of the network page may store the operation record for the network page from all terminal devices. In this case, the server may configure corresponding storage areas for different terminal devices to store history operation records of the different terminal devices, respectively. The terminal device may download the corresponding history operating record from the corresponding storage area in the server.
In this embodiment, the history operation record is used to record operations performed by the user on the web page, where the operations include, but are not limited to: click operation, slide operation, information input operation, page skip operation, and the like.
In S502, cluster analysis is performed on the historical operation record, so as to obtain cluster feature information of at least one operation action associated with the page component.
In this embodiment, the terminal device may perform cluster analysis on each history operation record, so that habits of the user may be determined. Such operational actions include, but are not limited to: click operations, slide operations, and framing operations, etc. One page component may correspond to at least one operational action. For example, for a menu bar, a click operation generally corresponds; and for the video playing control, a clicking operation and a drag operation for the progress bar are included.
In one possible implementation manner, the terminal device obtains a plurality of component operation groups according to the page components corresponding to the operation records. The cluster analysis is performed on the historical operation records in the same component operation group, and the mode of performing the cluster analysis can be as follows: determining operational characteristic values in a preset plurality of operational dimensions including, but not limited to: operation trigger coordinates, operation trigger time length, touch type, and the like. And marking operation coordinate points corresponding to each historical operation record in a preset coordinate system by the terminal equipment according to the operation characteristic values of the operation dimensions. And identifying a plurality of operation coordinate points with a clustering relation according to a preset effective clustering range, determining a center operation coordinate based on the plurality of operation coordinate points with the clustering relation, and generating the clustering characteristic information according to the operation characteristic values corresponding to the center operation coordinate in each operation dimension.
In S503, based on the matching degree between each piece of the cluster feature information and the preset display mode; the matching degree is specifically as follows:
wherein, matchper [ i ]]Is the ithThe matching degree corresponding to the display mode; disMode ij The j-th characteristic value in the cluster characteristic information is used; operation of j The j standard value corresponding to the display mode is the j standard value; zeta type toy ij A weight value of the j-th cluster feature dimension of the display mode; m is the total number of preset cluster feature dimensions; max (x) is a maximum selection function.
In this embodiment, each page component in the terminal device may be preconfigured with a plurality of different presentation modes. For example, for a navigation menu component, two presentation modes, drop-down expansion and right expansion, may be included; for a video playback component, two presentation modes, full screen expansion and window expansion, may be included. The terminal equipment can be used for importing the clustering characteristic information corresponding to all operation actions of the page assembly into a preset matching degree calculation algorithm to respectively determine the matching degree between the page assembly and each preset display mode.
In this embodiment, each display mode is preset with a standard feature value in a plurality of preset operation dimensions, and the terminal device may calculate a difference between the operation feature value of the operation feature information in each operation dimension and the standard feature value, so as to calculate a vector distance between the operation feature information and the display mode, so as to determine a difference degree between the operation feature information and the display mode. Wherein, the larger the difference degree is, the smaller the matching degree between the two is; conversely, the greater the degree of difference, the higher the degree of matching between the two. Then a distance maximum, i.e. Max (distode) ij -Operation j ) The vector distance can be normalized, so that the accuracy of matching degree calculation can be improved.
It should be noted that, the terminal device may determine, according to the attribute parameters of the display module, a display mode that the display module may support, and then calculate a degree of matching between the cluster feature information and each display mode.
In S504, the display mode with the largest matching degree is selected as a target display mode, and the display parameters of the page component are configured based on parameters associated with the target display mode.
In this embodiment, the terminal device may use the display mode with the largest matching degree as the display mode that is most matched with the page component, that is, the target display mode described above. Each display mode is associated with a corresponding display parameter, and the terminal equipment can take the display parameter of the display model as the display parameter corresponding to the page component, so that the page component can display in a network page in a preset display mode.
In the embodiment of the application, the historical operation record of the terminal equipment is obtained, so that the operation habit of the user is determined, and the page component display mode is determined according to the operation habit of the user, so that the accuracy of display parameter configuration is improved, and the aim of personalized setting is fulfilled.
Fig. 6 shows a flowchart of a specific implementation of a method S501 for rendering a web page according to a fourth embodiment of the present application. Referring to fig. 6, with respect to the embodiment described in fig. 5, a method S501 for rendering a web page provided in this embodiment includes: s5011 to S5013 are specifically described as follows:
further, the obtaining the history operation record of the terminal device includes:
in S5011, determining a page type of the web page, and selecting a history page matching the page type from a web page library as an associated page.
In this embodiment, if the history operation record corresponding to the network page is not stored in the terminal device, that is, the network page is the network page accessed by the user for the first time, the terminal device may predict the operation habit of the user for the network page through the history operation record of other pages of the same type as the network page. Based on the above, the terminal device may acquire the page type of the network page, and select the associated historical page as the associated page according to the page type.
In this embodiment, all network pages visited by the terminal device may be recorded in a network page library, and the history operation record about each network page is stored in the network page library, and the terminal device may select, according to the page type of the network page required to be visited at this time, the visited history page with the same type from the network page library as the associated page of the network page.
In S5012, a type of operation associated with the page component is determined from the page type.
In this embodiment, there is also a difference in the operation manner of the page component for different page types. For example, for a web page of the merchandise display class, the primary operation for the page component is a click operation; whereas for web pages of the user interaction class, the primary operation for the page component is a character input operation. Based on the above, the main operation types of the page components are different from each other according to different page types, and in order to improve the accuracy of determining the operation habit of the user, the terminal device can determine the operation type related to the page components according to the page types.
In this embodiment, the terminal device may be configured with a correspondence table between the page type and the operation type, and the terminal device may determine the operation type associated with the page type by querying the correspondence table.
In S5013, the candidate operation record corresponding to the operation type is selected from all candidate operation records of the associated page as the history operation record.
In this embodiment, the terminal device may obtain all candidate operation records of the associated page from the network page library, identify the operation types corresponding to the candidate operation records, and identify the candidate operation records having the same operation type as the page type as the above-mentioned history operation record.
In the embodiment of the application, the historical operation records of other pages with the same type as the network page are obtained and used as the historical operation records of the network page, so that the operation habit of the user can be predicted for the network page accessed for the first time, and the accuracy of the operation habit prediction of the user is improved.
Fig. 7 is a flowchart illustrating a specific implementation of a method S502 for rendering a web page according to a fifth embodiment of the present application. Referring to fig. 7, with respect to the embodiment described in fig. 5, a method S502 for rendering a web page according to the present embodiment includes: s5021 to S5024 are specifically described below:
further, the performing cluster analysis on the historical operation record to obtain cluster feature information of at least one operation action associated with the page component includes:
in S5021, all the history operation records are divided into at least one operation record group based on the operation type of each history operation record; the operation types of the history operation records in the operation record group are the same.
In this embodiment, the terminal device may divide the history operation records into a plurality of different operation record groups according to the operation types of the history operation records. Because of the difference of different operation types and corresponding operation modes, the operation habits of users are different, and the terminal equipment can respectively determine the operation habits of different operation types, thereby improving the accuracy of the display parameter configuration of the page component.
For example, the operation types include a click operation type and a slide operation type, and the terminal device may extract all history operation records related to the click operation type from all history operation records and add the history operation records to an operation record group corresponding to the click operation type; for the sliding operation type, a corresponding operation may be performed, that is, all the history operation records corresponding to the sliding operation type are added to the same operation record group.
In S5022, based on the operation type corresponding to the operation record group, determining a clustering algorithm corresponding to the operation record group, and obtaining a clustering operation core associated with the operation record group through the clustering algorithm.
In this embodiment, the terminal device may perform cluster analysis on different operation record groups, where different operation types correspond to different clustering algorithms, so that the corresponding clustering algorithm may be determined according to the operation type corresponding to the operation record group. For example, for the click operation, a clustering algorithm of the click coordinates may be used to extract clustering operation information; for the sliding operation, clustering operation information can be extracted by adopting a clustering algorithm of track similarity.
In this embodiment, the terminal device may import all the historical operation records in the operation record group into the clustering algorithm, and determine the clustering operation core corresponding to the operation record group. It should be noted that the number of the clustering operation cores may be one or more, and the number may be determined specifically according to the output result of the clustering algorithm.
In S5023, identifying the historical operation records in the operation record group, which have a difference degree with the operation clustering core smaller than a preset difference threshold value, as effective operation records.
In this embodiment, the terminal device may calculate the degree of difference between each of the history operation records in the operation record group and the operation clustering core. The manner of calculating the above-mentioned degree of difference may be: the terminal equipment generates a historical operation vector of the historical operation record, calculates a vector distance between the historical operation vector and a core vector of an operation clustering core, and determines the difference degree between the historical operation vector and the core vector based on the vector distance. If the difference is greater than or equal to a preset difference threshold, identifying the historical operation record as an invalid operation record; otherwise, the history operation record is identified as a valid operation record, so that invalid operation records can be screened.
In S5024, cluster feature information about the operation type is obtained based on the valid operation record.
In this embodiment, the terminal device may perform cluster analysis again on all the valid operation records, thereby generating cluster feature information about the type corresponding to the talent.
In the embodiment of the application, the historical operation records are grouped according to the operation types, the clustering operation cores corresponding to the operation types are determined, the effective historical operation records are selected, the influence of invalid noise on the clustering characteristic information can be reduced, and the accuracy of the clustering characteristic information is improved.
Fig. 8 is a flowchart of a specific implementation of a rendering method of a web page according to a sixth embodiment of the present application. Referring to fig. 8, with respect to any one of the embodiments of fig. 1 to 7, the method for rendering a web page according to the present embodiment further includes, before the receiving a display instruction of the web page and acquiring page data of the web page: s801 to S805 are specifically described below:
further, before the receiving the display instruction of the network page and acquiring the page data of the network page, the method further includes:
in S801, original component data associated with the page component is acquired.
In this embodiment, the terminal device may configure a web page that does not support adjustment of the page component according to the attribute parameter of the display module, and configure an original component in the web page as the adjustable page component. Therefore, after acquiring the page data of the network page, the terminal device can extract the original component data about each page component.
In S802, an invalid parameter in the original component data that is not related to the web page is determined.
In this embodiment, when the developer configures the component data of the page component, a redundancy item or a reservation item may be added, so that the component function expansion is performed subsequently. Based on the above, the terminal device can change the parameters, and can correspondingly adjust the attribute parameters according to the display module while the display effect of the page assembly is not affected, thereby realizing the aim of modifying the existing page assembly. Since the redundancy item and the reservation item belong to meaningless fields or data in the process of displaying the web page, the parameters are invalid parameters irrelevant to the web page.
In S803, based on the adjustable item of the web page, each of the invalid parameters in the original component data is changed to the display parameter corresponding to the adjustable item.
In this embodiment, the terminal device may acquire an adjustable item of the web page, specifically, an adjustable item included in the display parameter, for example, a component size, a component expansion direction, and a component resolution. The terminal equipment can identify the number of the invalid parameters, if the number of the invalid parameters is greater than or equal to the adjustable items, a corresponding adjustable item can be associated with each invalid parameter respectively, and the associated invalid parameters are used for storing the display parameters of the adjustable items; if the number of the invalid parameters is smaller than the adjustable items, two or more adjustable items may be used as one combined item, and in particular, two or more adjustable items having an association relationship may be used as one combined item. For example, the component size and the component resolution described above belong to two combination items having a strong association, and the terminal device may assign an invalid parameter to the same combination item, and store display parameters of a plurality of adjustable items through the invalid parameter.
Illustratively, the adjustable items described above include, but are not limited to: scMode, username, userIcon, routers, logo, collapsedLogo, username. Wherein scMode is a menu display mode, including the following 4 types of display modes (horizontal, vertical, floating, horizontal left). UserName is the user name, userIcon is the user icon, routers is the menu route, and collapsedLogo is the collapsed icon. The method comprises the steps of modifying password events by a modified password, logging out events, and identifying a slot: a break breadcrumbs slot, a slotHeaaderOption top slot, and an unnamed slot. The menu component includes a scHeader sub-component and a scSilderMenu sub-component, the scHeader sub-component displaying a user name, useRIcon, collapsedLogo and content within slot slotHeadEROPTION, and the scSilderMenu sub-component displaying a navigation menu.
In S804, the page data is generated according to all the changed original component data.
In this embodiment, the terminal device allocates a corresponding invalid parameter to each adjustable item, and after adjusting the component meaning of each invalid parameter to be a display parameter, repackages the component data of each page component and other page data to generate adjusted page data, and when the subsequent terminal device accesses the network page, because each page component in the page data has configured an adjustable display parameter, the terminal device can correspondingly adjust according to the attribute parameter of the display module.
In S805, the page data is uploaded to a blockchain system.
In this embodiment, in order to perform data security on the page data, the page data may be uploaded into the blockchain system, so as to reduce the risk of tampering with the page data. Blockchains are novel application modes of computer technologies such as distributed data storage, point-to-point transmission, consensus mechanisms, encryption algorithms, and the like. The Blockchain (Blockchain), which is essentially a decentralised database, is a string of data blocks that are generated by cryptographic means in association, each data block containing a batch of information of network transactions for verifying the validity of the information (anti-counterfeiting) and generating the next block. The blockchain may include a blockchain underlying platform, a platform product services layer, and an application services layer. The terminal equipment can acquire the page data of the network page through the block chain system, so that the page data of the network page is conveniently downloaded, and each distributed node can bear the task of page access because the page data is stored in each distributed node, thereby avoiding response failure caused by a large number of network page accesses, and also maintaining the reliability and uniqueness of the page data of the network page.
In the embodiment of the application, the page data of the original network page is changed, so that the page component of the network page realizes the adjustable control which is adaptively adjusted according to the attribute parameters of the display module, and the difficulty of component development is reduced.
Fig. 9 shows a flowchart of a specific implementation of a rendering method of a web page according to a seventh embodiment of the present application. Referring to fig. 9, with respect to any one of the embodiments of fig. 1 to 7, in the method for rendering a web page according to the present embodiment, after the web page is rendered based on the configured page component, the method further includes: S901-S903, detailed below:
further, after the rendering of the web page based on the configured page component, the method further includes:
in S901, if a display mode switching instruction is detected, an attribute parameter of a display mode after switching is acquired.
In this embodiment, the terminal device may switch the display module of the display module, for example, switch the main display screen from the screen a to the screen B, or switch the vertical screen display to the horizontal screen display according to the operation of the user; at this time, the terminal device detects a command for indicating the display mode to switch, so that the terminal device can obtain the attribute parameters corresponding to the display mode after switching in order to make the network page use the display mode after switching.
In S902, the display parameters of the page component are reconfigured based on the attribute parameters of the display mode.
In this embodiment, the terminal device may readjust the display parameters of the page component according to the attribute parameters of the display mode after switching, so that the adjusted page component matches with the display mode after switching. The specific way of configuring the display parameters can be referred to the implementation of the above embodiments. And will not be described in detail herein.
In S903, the web page is updated based on the reconfigured page component.
In this embodiment, the terminal device may update the network page according to the reconfigured page component, so that the updated network page matches the display mode after switching.
In the embodiment of the application, when the display mode is detected to be changed, the display parameters of the page assembly are reconfigured, so that the follow-up change of the page assembly and the display mode in the network page is realized, and the display effect of the network page is improved.
It should be understood that the sequence number of each step in the foregoing embodiment does not mean that the execution sequence of each process should be determined by the function and the internal logic of each process, and should not limit the implementation process of the embodiment of the present application in any way.
Fig. 10 is a block diagram of a network page rendering device according to an embodiment of the present application, where the network page rendering device includes units for performing the steps in the corresponding embodiment of fig. 1. Refer specifically to fig. 10 and the related description in the embodiment corresponding to fig. 1. For convenience of explanation, only the portions related to the present embodiment are shown.
Referring to fig. 10, the rendering apparatus of the web page includes:
a page data obtaining unit 11a, configured to receive a display instruction of a web page, and obtain page data of the web page; the page data includes at least one adjustable page component;
a display parameter configuration unit 12a, configured to obtain an attribute parameter of a display module for displaying the web page, and configure a display parameter of the page component according to the attribute parameter; the display parameter is used for determining the display size of the page component in response to the display instruction;
a web page rendering unit 13a, configured to render the web page based on the configured page component.
Optionally, the display parameter configuration unit 12a includes:
the display mode determining unit is used for determining a display mode of the network page based on the resolution and the aspect ratio of the display module in the attribute parameters; the display mode includes: component deployment direction and maximum number of cascaded layers
A displayable component selecting unit, configured to determine a cascade relationship of each of the page components in the network page, and select displayable components from all the page components based on the maximum cascade layer number;
a display area determining unit configured to determine a display area of each displayable component based on the component expansion direction;
and the display parameter adjusting unit is used for configuring the display parameters of the displayable components according to the component unfolding direction and the display area.
Optionally, the display parameter configuration unit 12a includes:
a history operation record obtaining unit, configured to obtain a history operation record of the terminal device;
the cluster characteristic information acquisition unit is used for carrying out cluster analysis on the historical operation records to obtain cluster characteristic information of at least one operation action associated with the page component;
the matching degree calculating unit is used for calculating the matching degree between the clustering characteristic information and a preset display mode; the matching degree is specifically as follows:
wherein, matchper [ i ]]The matching degree corresponding to the ith display mode is the matching degree; disMode ij The j-th characteristic value in the cluster characteristic information is used; operation of j The j standard value corresponding to the display mode is the j standard value; zeta type toy ij A weight value of the j-th cluster feature dimension of the display mode; m is the total number of preset cluster feature dimensions; max (x) is a maximum value selection function;
and the target display mode determining unit is used for selecting the display mode with the largest matching degree as a target display mode and configuring the display parameters of the page component based on the parameters associated with the target display mode.
Optionally, the history operation record acquiring unit includes:
the associated page determining unit is used for determining the page type of the network page and selecting a history page matched with the page type from a network page library as an associated page;
an operation type determining unit, configured to determine an operation type related to the page component according to the page type;
and the historical operation record selecting unit is used for selecting the candidate operation record corresponding to the operation type from all the candidate operation records of the associated page as the historical operation record.
Optionally, the cluster feature information acquiring unit includes:
an operation record group dividing unit configured to divide all the history operation records into at least one operation record group based on operation types of the respective history operation records; the operation types of the historical operation records in the operation record group are the same;
The clustering operation core determining unit is used for determining a clustering algorithm corresponding to the operation record group based on the operation type corresponding to the operation record group, and obtaining a clustering operation core associated with the operation record group through the clustering algorithm;
an effective operation record identifying unit, configured to identify, as an effective operation record, the historical operation record in the operation record group having a degree of difference with the operation clustering core smaller than a preset difference threshold;
and the cluster characteristic information generating unit is used for obtaining cluster characteristic information about the operation type based on the effective operation record.
Optionally, the rendering device of the web page further includes:
the original component data acquisition unit is used for acquiring the original component data associated with the page component;
the invalid parameter determining large warms are used for determining invalid parameters which are irrelevant to the network page in the original component data;
the display parameter setting unit is used for changing each invalid parameter in the original component data into the display parameter corresponding to the adjustable item based on the adjustable item of the network page;
the page data generating unit is used for generating the page data according to all the changed original assembly data;
And the page data uploading unit is used for uploading the page data to the block chain system.
Optionally, the rendering device of the web page further includes:
the display mode receiving unit is used for acquiring attribute parameters of the display mode after switching if the display mode switching instruction is detected;
a display parameter reconfiguration unit, configured to reconfigure a display parameter of the page component based on an attribute parameter of the display mode;
and the network page updating unit is used for updating the network page based on the reconfigured page component.
Therefore, the rendering device of the network page provided by the embodiment of the application does not need to be configured and designed independently for the page components in different display forms, the page components in different display forms can be commonly used for the same page components, and the page components can be dynamically adjusted according to the attribute parameters of the display module, so that the development difficulty of the network page is greatly reduced, and the development efficiency is improved.
Fig. 11 is a schematic diagram of a terminal device according to another embodiment of the present application. As shown in fig. 11, the terminal device 11 of this embodiment includes: a processor 110, a memory 111 and a computer program 112, such as a rendering program of a web page, stored in said memory 111 and executable on said processor 110. The processor 110, when executing the computer program 112, implements the steps in the above-described embodiments of the rendering method of each network page, such as S101 to S103 shown in fig. 1. Alternatively, the processor 110 may implement the functions of the units in the above-described device embodiments when executing the computer program 112, for example, the functions of the modules 11 to 13 shown in fig. 10.
By way of example, the computer program 112 may be partitioned into one or more units that are stored in the memory 111 and executed by the processor 110 to complete the present application. The one or more units may be a series of computer program instruction segments capable of performing a specific function for describing the execution of the computer program 112 in the terminal device 11. For example, the computer program 112 may be divided into a page data acquisition unit, a display parameter configuration unit, and a network page rendering unit, each unit functioning specifically as described above.
The terminal device 11 may be a computing device such as a desktop computer, a notebook computer, a palm computer, a cloud server, etc. The terminal device may include, but is not limited to, a processor 110, a memory 111. It will be appreciated by those skilled in the art that fig. 11 is merely an example of a terminal device 11 and does not constitute a limitation of the terminal device 11, and may include more or less components than illustrated, or may combine certain components, or different components, e.g., the terminal device may further include an input-output device, a network access device, a bus, etc.
The processor 110 may be a central processing unit (Central Processing Unit, CPU), but may also be other general purpose processors, digital signal processors (Digital Signal Processor, DSP), application specific integrated circuits (Application Specific Integrated Circuit, ASIC), off-the-shelf programmable gate arrays (Field-Programmable Gate Array, FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, or the like. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like.
The memory 111 may be an internal storage unit of the terminal device 11, such as a hard disk or a memory of the terminal device 11. The memory 111 may be an external storage device of the terminal device 11, such as a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card) or the like, which are provided on the terminal device 11. Further, the memory 111 may also include both an internal storage unit and an external storage device of the terminal device 11. The memory 111 is used for storing the computer program and other programs and data required by the terminal device. The memory 111 may also be used to temporarily store data that has been output or is to be output.
In addition, each functional unit in each embodiment of the present application may be integrated in one processing unit, or each unit may exist alone physically, or two or more units may be integrated in one unit. The integrated units may be implemented in hardware or in software functional units.
The above embodiments are only for illustrating the technical solution of the present application, and are not limiting; although the present application has been described in detail with reference to the foregoing embodiments, it should be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some technical features thereof can be replaced by equivalents; such modifications and substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the present application, and are intended to be included in the scope of the present application.

Claims (9)

1. A method for rendering a web page, comprising:
receiving a display instruction of a network page, and acquiring page data of the network page; the page data includes at least one adjustable page component;
acquiring attribute parameters of a display module for displaying the network page, and configuring display parameters of the page component according to the attribute parameters; the display parameter is used for determining the display size of the page component in response to the display instruction;
Rendering the web page based on the configured page component;
the obtaining the attribute parameters of the display module for displaying the network page, and configuring the display parameters of the page component according to the attribute parameters comprises the following steps:
acquiring a historical operation record of the terminal equipment; the history operation record is used for recording the operation executed by the user on the network page;
performing cluster analysis on the historical operation records to obtain cluster characteristic information of at least one operation action associated with the page component;
based on the matching degree between each piece of cluster characteristic information and a preset display mode; the matching degree is specifically as follows:
wherein, matchper [ i ]]The matching degree corresponding to the ith display mode is the matching degree; disMode ij The j-th characteristic value in the cluster characteristic information is used; operation of j The j standard value corresponding to the display mode is the j standard value; zeta type toy ij A weight value of the j-th cluster feature dimension of the display mode; m is the total number of preset cluster feature dimensions; max (x) is a maximum value selection function;
and selecting the display mode with the largest matching degree as a target display mode, and configuring the display parameters of the page component based on parameters associated with the target display mode.
2. The rendering method according to claim 1, wherein the obtaining the attribute parameter of the display module for displaying the web page, and configuring the display parameter of the page component according to the attribute parameter, includes:
determining a display mode of the network page based on the resolution and the aspect ratio of the display module in the attribute parameter; the display mode includes: component unfolding direction and maximum cascading layer number;
determining cascading relations of all page components in the network page, and selecting displayable components from all the page components based on the maximum cascading layer number;
determining a display area of each displayable component based on the component deployment direction;
and configuring the display parameters of the displayable components according to the component unfolding direction and the display area.
3. The rendering method according to claim 1, wherein the acquiring the history of operation record of the terminal device includes:
determining the page type of the network page, and selecting a history page matched with the page type from a network page library as an associated page;
determining an operation type related to the page component according to the page type;
And selecting the candidate operation record corresponding to the operation type from all candidate operation records of the associated page as the historical operation record.
4. The rendering method according to claim 1, wherein the performing cluster analysis on the historical operation records to obtain cluster feature information of at least one operation action associated with a page component includes:
dividing all the historical operation records into at least one operation record group based on the operation type of each historical operation record; the operation types of the historical operation records in the operation record group are the same;
determining a clustering algorithm corresponding to the operation record group based on the operation type corresponding to the operation record group, and obtaining a clustering operation core associated with the operation record group through the clustering algorithm;
identifying the historical operation records with the difference degree smaller than a preset difference threshold value between the operation records and the clustering operation cores in the operation record group as effective operation records;
and obtaining clustering characteristic information about the operation type based on the effective operation record.
5. The rendering method according to any one of claims 1 to 4, further comprising, before the receiving a display instruction of a web page, acquiring page data of the web page:
Acquiring original component data associated with the page component;
determining invalid parameters irrelevant to the network page in the original component data;
based on the adjustable item of the network page, changing each invalid parameter in the original component data into the display parameter corresponding to the adjustable item;
generating the page data according to all the changed original component data;
and uploading the page data to a blockchain system.
6. The rendering method according to any one of claims 1 to 4, further comprising, after the rendering of the web page based on the configured page component:
if a display mode switching instruction is detected, acquiring attribute parameters of the switched display mode;
reconfiguring display parameters of the page component based on the attribute parameters of the display mode;
and updating the network page based on the reconfigured page component.
7. A rendering apparatus for a web page, comprising:
the page data acquisition unit is used for receiving a display instruction of a network page and acquiring page data of the network page; the page data includes at least one adjustable page component;
The display parameter configuration unit is used for acquiring attribute parameters of a display module for displaying the network page and configuring display parameters of the page assembly according to the attribute parameters; the display parameter is used for determining the display size of the page component in response to the display instruction;
a network page rendering unit, configured to render the network page based on the configured page component;
the obtaining the attribute parameters of the display module for displaying the network page, and configuring the display parameters of the page component according to the attribute parameters comprises the following steps:
a history operation record acquisition unit for acquiring a history operation record of the terminal device; the history operation record is used for recording the operation executed by the user on the network page;
the cluster characteristic information acquisition unit is used for carrying out cluster analysis on the historical operation records to obtain cluster characteristic information of at least one operation action associated with the page component;
the matching degree calculating unit is used for calculating the matching degree between the clustering characteristic information and a preset display mode; the matching degree is specifically as follows:
wherein, matchper [ i ]]The matching degree corresponding to the ith display mode is the matching degree; disMode ij The j-th characteristic value in the cluster characteristic information is used; operation of j The j standard value corresponding to the display mode is the j standard value; zeta type toy ij A weight value of the j-th cluster feature dimension of the display mode; m is the total number of preset cluster feature dimensions; max (x) is a maximum value selection function;
and the target display mode determining unit is used for selecting the display mode with the largest matching degree as a target display mode and configuring the display parameters of the page component based on the parameters associated with the target display mode.
8. A terminal device, characterized in that it comprises a memory, a processor and a computer program stored in the memory and executable on the processor, the processor executing the steps of the method according to any one of claims 1 to 6.
9. A computer readable storage medium storing a computer program, characterized in that the computer program when executed by a processor implements the steps of the method according to any one of claims 1 to 6.
CN202010617023.2A 2020-06-30 2020-06-30 Rendering method and device of network page Active CN111767051B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010617023.2A CN111767051B (en) 2020-06-30 2020-06-30 Rendering method and device of network page

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010617023.2A CN111767051B (en) 2020-06-30 2020-06-30 Rendering method and device of network page

Publications (2)

Publication Number Publication Date
CN111767051A CN111767051A (en) 2020-10-13
CN111767051B true CN111767051B (en) 2024-04-16

Family

ID=72724347

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010617023.2A Active CN111767051B (en) 2020-06-30 2020-06-30 Rendering method and device of network page

Country Status (1)

Country Link
CN (1) CN111767051B (en)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112541141A (en) * 2020-12-04 2021-03-23 深圳市欢太科技有限公司 Control display callback method, device, terminal and storage medium
CN112800363A (en) * 2021-02-04 2021-05-14 北京字节跳动网络技术有限公司 Page display method and device, electronic equipment and computer readable medium
CN113032706B (en) * 2021-03-16 2024-06-28 深圳市麦谷科技有限公司 Realization method and system for quickly building webpage
CN113312163B (en) * 2021-06-10 2022-07-29 腾讯数码（深圳）有限公司 Page switching state monitoring method and device, electronic equipment and storage medium
CN113504964B (en) * 2021-07-27 2023-12-05 抖音视界有限公司 Page component height determination method, page component height determination device, computer equipment and storage medium
CN114143589A (en) * 2021-11-11 2022-03-04 北京奇艺世纪科技有限公司 Page display method and device, electronic device and readable storage medium
CN117290627B (en) * 2023-11-27 2024-03-08 福瑞莱环保科技（深圳）股份有限公司 Server-side page component rendering method, system and medium
CN118227899A (en) * 2024-05-23 2024-06-21 天津中新智冠信息技术有限公司 Linkage navigation method and device for joint data, electronic equipment and storage medium

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103955367A (en) * 2014-04-28 2014-07-30 华为技术有限公司 Method and device for generating pages
CN110059142A (en) * 2019-04-24 2019-07-26 重庆邮电大学 A kind of efficient parallel uncertain data clustering method
CN110083760A (en) * 2019-04-16 2019-08-02 浙江工业大学 A kind of more recordable type dynamic web page information extracting methods based on visible-block
CN110489116A (en) * 2018-05-15 2019-11-22 优酷网络技术（北京）有限公司 A kind of rendering method of the page, device and computer storage medium
CN110972498A (en) * 2018-07-31 2020-04-07 谷歌有限责任公司 Browser-based navigation suggestions for task completion
CN111176643A (en) * 2019-12-24 2020-05-19 厦门市美亚柏科信息股份有限公司 Method for generating subsystem home page and computer readable storage medium

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070061319A1 (en) * 2005-09-09 2007-03-15 Xerox Corporation Method for document clustering based on page layout attributes
WO2016118098A1 (en) * 2015-01-20 2016-07-28 Ozturk Gurkan A method for layout and selection of the menu elements in man-machine interface
US11080068B2 (en) * 2018-06-28 2021-08-03 Microsoft Technology Licensing, Llc Adaptive user-interface assembling and rendering

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103955367A (en) * 2014-04-28 2014-07-30 华为技术有限公司 Method and device for generating pages
CN110489116A (en) * 2018-05-15 2019-11-22 优酷网络技术（北京）有限公司 A kind of rendering method of the page, device and computer storage medium
CN110972498A (en) * 2018-07-31 2020-04-07 谷歌有限责任公司 Browser-based navigation suggestions for task completion
CN110083760A (en) * 2019-04-16 2019-08-02 浙江工业大学 A kind of more recordable type dynamic web page information extracting methods based on visible-block
CN110059142A (en) * 2019-04-24 2019-07-26 重庆邮电大学 A kind of efficient parallel uncertain data clustering method
CN111176643A (en) * 2019-12-24 2020-05-19 厦门市美亚柏科信息股份有限公司 Method for generating subsystem home page and computer readable storage medium

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
Zhou Weini等.A New Software Architecture for Ultra-large-scale Rendering Cloud.《2012 11th International Symposium on Distributed Computing and Applications to Business,Engineering & science》.2012,196-199. *
基于B/S构架的网络结构可视化系统设计与实现;王勇等;《计算机工程与应用》;第56卷(第11期);230-237 *
面向可视化系统设计与开发的嵌套增量模型;崔迪等;《计算机科学》;第44卷(第06期);260-265 *

Also Published As

Publication number Publication date
CN111767051A (en) 2020-10-13

Similar Documents

Publication Publication Date Title
CN111767051B (en) Rendering method and device of network page
US10990644B2 (en) Systems and methods for contextual vocabularies and customer segmentation
US20210374174A1 (en) Method and apparatus for recommending multimedia resource, electronic device and storage medium
US9886565B2 (en) User-specific visualization of display elements
KR20180121466A (en) Personalized product recommendation using deep learning
US20230115491A1 (en) Information presentation method and apparatus, electronic device, and storage medium
US20150169710A1 (en) Method and apparatus for providing search results
CN107408115B (en) Web site filter, method and medium for controlling access to content
CN108153848B (en) Method and device for searching light application data and electronic device
US11086483B2 (en) Global filter
CN111563218A (en) Page repairing method and device
US20140359475A1 (en) Dynamic Panel of Inlined Control Settings
CN104699744A (en) Information searching method and device
KR20210023636A (en) Method and system for long-term relevant document clustering
KR20230035750A (en) Methodes, devices and systems for tailored interior design and providing quote information
US11182454B2 (en) Optimizing web pages by minimizing the amount of redundant information
US11341197B2 (en) Recommendation system based on adjustable virtual indicium
KR101934240B1 (en) Method of displaying a keyword and apparatus thereof
US10019295B2 (en) Method and system for managing and linking software applications
KR102430989B1 (en) Method, device and system for predicting content category based on artificial intelligence
US11194843B2 (en) Methods and systems for visual management of relational data
US11243649B2 (en) Method and apparatus for providing web browsing interface including dividing the content display region into at least two spaces, and allowing selection of different modes for loading web pages ot the at elast two spaces
KR102002896B1 (en) Method and system for personalization notification time within contents service
KR20200086574A (en) Method and system for extracting new keyword by using keyword relation structure
KR101944404B1 (en) Method and system for providing stock price information

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
TA01 Transfer of patent application right

Effective date of registration: 20210201

Address after: 518000 Room 201, building A, No. 1, Qian Wan Road, Qianhai Shenzhen Hong Kong cooperation zone, Shenzhen, Guangdong (Shenzhen Qianhai business secretary Co., Ltd.)

Applicant after: Shenzhen saiante Technology Service Co.,Ltd.

Address before: 1-34 / F, Qianhai free trade building, 3048 Xinghai Avenue, Mawan, Qianhai Shenzhen Hong Kong cooperation zone, Shenzhen, Guangdong 518000

Applicant before: Ping An International Smart City Technology Co.,Ltd.

TA01 Transfer of patent application right
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant