Method, apparatus, electronic device, and memory for processing a page

By determining the target page node in the page structure and rendering the view into the first subview area of ​​the root page node, the problem of low rendering efficiency is solved and efficient page rendering across the rendering framework is achieved.

CN113971256BActive Publication Date: 2025-07-04BAIDU ONLINE NETWORK TECH (BEIJIBG) CO LTD
View PDF 1 Cites 0 Cited by

Patent Information

Application Number
CN202111256658.5
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2021-10-27
Publication Date
2025-07-04
Estimated Expiration
2041-10-27

AI Technical Summary

Technical Problem

The existing technology requires maintaining two sets of code logic to render pages separately under the webview and NAView rendering frameworks, resulting in low rendering efficiency.

Method used

By determining the target page node in the page structure, the first target view is rendered within the first subview area associated with the root page node, the view is maintained on the fixed position on the graphical user interface, and the rendering logic consistency across the rendering framework is achieved.

Benefits of technology

It improves the efficiency of page rendering and can realize the display of fixed views under both webview and NAView rendering frameworks, avoiding the need to maintain two sets of code logic.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN113971256B_ABST
    Figure CN113971256B_ABST
Patent Text Reader

Abstract

The present disclosure provides a method, apparatus, electronic device, and memory for processing a page, which relates to the field of computers, and particularly to the field of page processing. The specific implementation solution is as follows: determining a first target view on a target page; obtaining a current page node of the first target view in the page structure of the target page, wherein the first target view associated with the current page node is a sub-view of a second target view of the target page; determining a target page node in the page structure based on the current page node; rendering the view content of the first target view within the view area associated with the target page node, wherein the first target view associated with the target page node is the first-level sub-view of a third target view associated with the root page node of the page structure, and the second target view is a sub-view of the third target view; and displaying the first target view associated with the target page node, thereby solving the technical problem of low efficiency in rendering a page.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present disclosure relates to the field of computer technologies, and in particular, to a method, an apparatus, an electronic device, and a memory for processing a page in the field of page processing. Background Art

[0002] Currently, the rendering method of a page can be to use the rendering framework of a web view (webview) for rendering, or to use the rendering framework of a native application view (Native APP View, abbreviated as NAView) for rendering. However, in this way, it is necessary to maintain two sets of code logics, one running under the rendering framework of the webview and the other running under the rendering framework of the NAView, so that the page cannot be rendered both under the rendering framework of the webview and under the rendering framework of the NAView. Summary of the Invention

[0003] The present disclosure provides a method, an apparatus, an electronic device, and a memory for processing a page.

[0004] According to one aspect of the present disclosure, there is provided a method for processing a page. The method may include: determining a first target view on a target page; obtaining a current page node of the first target view in the page structure of the target page, where the first target view associated with the current page node is a sub-view of a second target view of the target page; determining a target page node in the page structure based on the current page node; rendering view content of the first target view within a view area associated with the target page node, where the first target view associated with the target page node is a first-level sub-view of a third target view associated with a root page node of the page structure, and the second target view is a sub-view of the third target view; and displaying the first target view associated with the target page node.

[0005] According to another aspect of the present disclosure, there is further provided a page processing apparatus. The apparatus may include: a first determination unit for determining a first target view on a target page; an obtaining unit for obtaining a current page node of the first target view in the page structure of the target page, where the first target view associated with the current page node is a sub-view of a second target view of the target page; a second determination unit for determining a target page node in the page structure based on the current page node; a rendering unit for rendering view content of the first target view within a view area associated with the target page node, where the first target view associated with the target page node is a first-level sub-view of a third target view associated with a root page node of the page structure, and the second target view is a sub-view of the third target view; and a display unit for displaying the first target view associated with the target page node.

[0006] According to another aspect of the present disclosure, an electronic device is further provided. The electronic device may include: at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to execute the page processing method of the embodiments of the present invention.

[0007] According to another aspect of the present disclosure, a non-transitory computer-readable storage medium storing computer instructions is further provided. The computer instructions are used to cause a computer to execute the page processing method of the embodiments of the present invention.

[0008] According to another aspect of the present disclosure, a computer program product is further provided, including a computer program which, when executed by a processor, implements the page processing method of the embodiments of the present invention.

[0009] It should be understood that the content described in this part is not intended to identify the key or important features of the embodiments of the present disclosure, nor is it used to limit the scope of the present disclosure. Other features of the present disclosure will become easily understood through the following description. BRIEF DESCRIPTION OF THE DRAWINGS

[0010] The drawings are used to better understand the solution and do not constitute a limitation to the present disclosure. Among them:

[0011] Figure 1 is a flowchart of a page processing method according to an embodiment of the present disclosure;

[0012] Figure 2 is a schematic diagram of a page structure according to an embodiment of the present disclosure;

[0013] Figure 3 is a schematic diagram of a page processing device according to an embodiment of the present disclosure.

[0014] Figure 4 is a schematic block diagram of an electronic device according to an embodiment of the present disclosure. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0015] The following describes exemplary embodiments of the present disclosure in conjunction with the accompanying drawings. Various details of the embodiments of the present disclosure are included to assist understanding, and they should be considered merely exemplary. Therefore, those of ordinary skill in the art should recognize that various changes and modifications can be made to the embodiments described herein without departing from the scope and spirit of the present disclosure. Similarly, for clarity and conciseness, the description of well-known functions and structures is omitted below.

[0016] Figure 1 is a flowchart of a page processing method according to an embodiment of the present disclosure. As Figure 1As shown, the method may include the following steps:

[0017] Step S102, determine a first target view on the target page.

[0018] In the technical solution provided in step 102 of the present disclosure above, the target page may be a page in an application, which may be a document page in a document flow. The application may be a mini-program, and the mini-program may be a mini-program on a terminal that needs to achieve smooth page rendering, such as a mini-program on a low-end device or a vehicle-mounted system. There is no specific limitation here.

[0019] This embodiment may open the mini-program, enter the mini-program, and then determine a first target view on the target page of the mini-program. The first target view may be a view that needs to be fixedly displayed on the graphical user interface. For example, when the content view of the target page scrolls, the display position of the first target view on the graphical user interface may remain unchanged.

[0020] Step S104, obtain the current page node of the first target view in the page structure of the target page.

[0021] In the technical solution provided in step 104 of the present disclosure above, after determining the first target view on the target page, obtain the current page node of the first target view in the page structure of the target page, where the first target view associated with the current page node is a sub-view of the second target view of the target page.

[0022] In this embodiment, the target page has a corresponding page structure, which can be used to represent the relationship between multiple views of the target page. It may be a tree structure, including a root node, a parent page node, and a sub-page node.

[0023] This embodiment obtains the current page node of the first target view in the page structure. The first target view associated with the current page node may be a sub-view of the second target view of the target page, that is, the second target view is the parent view of the first target view. For example, the first target view associated with the current page node is the B2 view, and the second target view may be the B view. Among them, the second target view may have multiple sub-views. For example, in addition to the above B2 view, the sub-views of the B view may also include the B1 view and the B3 view.

[0024] Step S106, based on the current page node, determine the target page node in the page structure.

[0025] In the technical solution provided in step 106 of the present disclosure above, after obtaining the current page node of the first target view in the page structure of the target page, based on the current page node, determine the target page node in the page structure.

[0026] In this embodiment, based on the current page node of the first target view in the page structure, it can be determined whether there is a corresponding target page node for the first target view in the page structure, where the target page node is the page node corresponding to the first target view after re-layout on the target page. Optionally, if the current page node is the first-level child node of the root page node of the page structure, no special processing may be performed on the first target view.

[0027] Step S108: Render the view content of the first target view within the view area associated with the target page node.

[0028] In the technical solution provided in step 108 of the present disclosure above, after determining the target page node in the page structure based on the current page node, the view content of the first target view is rendered within the view area associated with the target page node, where the first target view associated with the target page node is the first-level child view of the third target view associated with the root page node of the page structure, and the second target view is a sub-view of the third target view.

[0029] In this embodiment, after determining the target page node corresponding to the first target view in the page structure, the view content of the first target view can be rendered within the view area associated with the target page node in a fixed-position manner, that is, the first target view is added to the target page node for display. The page structure of this embodiment has a root page node, which is associated with a third target view, that is, the root node view, and the first target view associated with the target page node is the first-level child view of the above-mentioned third target view, that is, this embodiment can directly determine the first target view associated with the target page node as the first-level child view of the root node view. For example, the first target view B2 associated with the target page node is the first-level child view of the root node view.

[0030] Step S110: Display the first target view associated with the target page node.

[0031] In the technical solution provided in step 110 of the present disclosure above, after rendering the view content of the first target view within the view area associated with the target page node, the first target view associated with the target page node is displayed.

[0032] After this embodiment finishes rendering the view content of the first target view within the view area associated with the target page node, the first target view associated with the target page node can then be displayed. For example, the first target view associated with the target page node is displayed on the graphical user interface of the terminal where the applet is installed.

[0033] In this embodiment, when the content view of the target page scrolls, the above-mentioned second target view and the sub-views of the second target view will move accordingly. For example, the above-mentioned View B and Views B1, B2, and B3 will all move accordingly, thus failing to achieve the purpose of the business party to fix the view. Based on the current page node in this embodiment, the target page node is determined in the page structure. The first target view associated with the target page node is the first-level sub-view of the third target view associated with the root page node of the page structure. The view content of the first target view is rendered within the view area associated with the target page node, thereby achieving the purpose of rendering the view, and then the first target view associated with the target page node is displayed. When the content view of the target page scrolls, the display position of the first target view on the graphical user interface can remain unchanged.

[0034] Through the above steps S102 to S110 of the present application, the first target view is determined on the target page; the current page node of the first target view in the page structure of the target page is obtained, where the first target view associated with the current page node is the sub-view of the second target view of the target page; based on the current page node, the target page node is determined in the page structure; the view content of the first target view is rendered within the view area associated with the target page node, where the first target view associated with the target page node is the first-level sub-view of the third target view associated with the root page node of the page structure, and the second target view is the sub-view of the third target view; the first target view associated with the target page node is displayed. That is to say, in this embodiment, only the view content of the first target view needs to be rendered from the current page node in the page structure to the view area associated with the target page node. In this way, the first target view associated with the target page node is the first-level sub-view of the third target view associated with the root page node of the page structure, thereby fixedly displaying the first target view, and the above-mentioned rendering logic can be implemented on different rendering frameworks (such as the webview rendering framework and the NAView rendering framework), solving the technical problem of low efficiency in rendering the page and achieving the technical effect of improving the efficiency of rendering the page.

[0035] The above method of this embodiment will be further introduced below.

[0036] As an optional implementation manner, step S110, displaying the first target view associated with the target page node includes: when the target page is in a sliding state on the graphical user interface, displaying the first target view associated with the target page node at a fixed position on the graphical user interface.

[0037] In this embodiment, the first target view associated with the target page node is the first-level sub-view of the third target view associated with the root page node of the page structure. In this way, it is determined that the target page is in a sliding state on the graphical user interface. This sliding state can be a state where the target page scrolls up and down on the graphical user interface. At this time, the first target view associated with the target page node can be displayed at a fixed position on the graphical user interface. That is, no matter how the target page scrolls on the graphical user interface, the first target view associated with the target page node is always displayed at a fixed position on the screen and will not change. Thus, the positions of the elements in the first target view can remain unchanged when the target page scrolls. Here, the fixed position is also the fixed view position.

[0038] Optionally, in this embodiment, the fixed position of the first target view can be specified by the position of the screen viewport.

[0039] As an alternative implementation, in step S102, determining the first target view on the target page includes: obtaining the attributes of the elements of the target view set on the target page; determining that the attribute is a fixed attribute, and then determining the target view set on the target page as the first target view.

[0040] In this embodiment, when determining the first target view on the target page, it can be to obtain the attributes of the elements of the target view set on the target page, and then determine whether the attribute is a fixed attribute (fixed attribute). If it is determined that the attribute is a fixed attribute, that is, the element is a fixed element (fixed element), it can be determined that there is a target view with a fixed attribute element on the target page, and then this target view can be determined as the above-mentioned first target view, and this first target view is also the fixed view (fixed-View).

[0041] As an alternative implementation, in step S106, based on the current page node, determining the target page node in the page structure includes: in the page structure, determining that the parent page node of the current page node is not the root page node of the page structure, and then creating a new target page node in the page structure.

[0042] In this embodiment, when determining the target page node in the page structure based on the current page node, the parent page node of the current page node may be first obtained in the page structure, and then it may be determined whether the parent page node is the root page node of the page structure. If it is determined that the parent page node is not the root page node of the page structure, a new target page node may be created in the page structure, and the target page node is the first-level child node of the parent page node, so that the first target view associated with the target page node is the first-level child view of the third target view associated with the root page node of the page structure. Optionally, if it is determined that the parent page node is the root page node of the page structure, no special processing may be performed on the first target view associated with the current page node.

[0043] As an optional implementation, step S108, rendering the view content of the first target view in the view area associated with the target page node includes: releasing the first association relationship between the first target view and the current page node, and rendering the view content of the first target view in the view area associated with the target page node.

[0044] In this embodiment, when rendering the view content of the first target view in the view area associated with the target page node, the first association relationship between the first target view and the current page node can be released first, and the first target view can be removed from the multiple subviews of the second target view. For example, the multiple subviews of the second target view are view B1, view B2, and view B3, and the first target view is view B2. After removing it from the multiple subviews, only view B1 and view B2 remain. After the first association relationship between the first target view and the current page node is contacted, the view area associated with the target node can be determined, and then the view content of the first target view can be rendered in the view area, so as to display the first target view associated with the target page node at a fixed position on the graphical user interface.

[0045] As an optional implementation, step S108, rendering the view content of the first target view in the view area associated with the target page node includes: establishing a second association relationship between the first target view and the target page node, and rendering the view content of the first target view in the view area associated with the target page node based on the second association relationship.

[0046] In this embodiment, when rendering the view content of the first target view in the view area associated with the target page node, a second association relationship between the first target view and the target page node can be established first. The second association relationship refers to a relationship in which the first target view can be associated with the target page node. In this way, in the view area associated with the target page node, the view content of the first target view can be rendered for the first target view.

[0047] As an optional implementation, it also includes: deleting the current page node from the page structure.

[0048] In this embodiment, before rendering the view content of the first target view in the view area associated with the target page node, the current page node can also be deleted from the page structure to move the first view with elements of fixed attributes out of the normal document flow, thereby achieving the purpose of not reserving space for the current page node in the page structure.

[0049] As an optional implementation, the view area associated with the target page node is set at the top level of the target page.

[0050] In this embodiment, after the first association relationship between the first target view and the current page node is released and the second node between the first target view and the target page node is established, the first target view can be set as the topmost layer according to the view hierarchy of the target page, so that no matter how the target page is scrolled on the graphical user interface, the first target view associated with the target page node is always displayed in a fixed position on the graphical user interface.

[0051] This embodiment can be a solution for views with fixed attributes. Views with fixed attributes will be moved out of the normal document flow, and no space will be reserved for them. Instead, the position of the view with fixed attributes is specified by the position relative to the screen viewport, so that it remains unchanged when the graphical user interface scrolls, achieving a similar effect to that under webview rendering. For example, webview sets the position (position), and for fixed elements, the position of the view in the graphical user interface will be determined according to the values ​​of top, right, bottom, and left. This embodiment can also achieve page rendering under NAView rendering through the above method, that is, the page can be rendered under webview and NAView through the same set of code logic, thereby solving the technical problem of low efficiency in page rendering and achieving the technical effect of improving the efficiency of page rendering.

[0052] The technical solution of the present invention is further illustrated below in combination with preferred implementation modes, and is specifically illustrated by taking a page as a small program page.

[0053] The usage scenarios of mini-programs are becoming increasingly rich. The rendering method of the pages of mini-programs can use the webview method to draw the pages. However, in order to achieve smoother page rendering on low-end devices or in-vehicle systems, the NAView method can be selected to render the pages of mini-programs to improve the rendering performance of the pages of mini-programs. Based on this background, it is necessary to align and improve the positioning (position) attributes supported by the page rendering of webview. For example, the cascading style sheet positioning (css position) attribute can be used to specify the positioning method of an element in the document. Among them, the top, right, bottom, and left attributes determine the final position of the element.

[0054] In related technologies, for the operating system framework of webview, the kernel of webview already supports the positioning method in the document; the rendering framework of NAView does not provide a positioning method and cannot be used by developers. In this case, an absolute layout needs to be used to simulate page processing. Since NAView does not support postion, it is necessary to simulate the positioning method of elements in the document and separately layout a set of code logic for it. Although webview supports postion, it also needs to separately layout a set of code logic for fixed, resulting in low efficiency in rendering the page.

[0055] However, this embodiment can be a solution for views with fixed attributes of elements. Views with fixed attributes of elements will be removed from the normal document flow and no space will be reserved for them. Instead, the position of the view with fixed attributes of the element is specified by its position relative to the screen viewport, so that it remains unchanged when the graphical user interface scrolls, achieving a page implementation effect similar to that under webview rendering, and the purpose of fixed positioning elements (position fixed) in mini-programs under NAView rendering can also be achieved. The technical solution of this embodiment will be further introduced below.

[0056] Figure 2 It is a schematic diagram of a page structure according to an embodiment of the present disclosure. As Figure 2 shown, in this embodiment, first, the mini-program is opened and entered. The page structure of the mini-program page can be such that the first-level child nodes of the root node are respectively associated with views A and B, etc. Among them, the first-level child nodes of view A are respectively associated with views A1, A2, and A3, and the first-level child nodes of view B are respectively associated with views B1, B2, and B3.

[0057] This embodiment can determine whether there is a view with a fixed attribute in the applet page. If there is a view with a fixed attribute, for example, view B2, that is, there is a fixed node in the page structure, then when rendering the view, the page structure is re-layout. First, remove the view B2 with the fixed attribute from the original parent view B view, and render the view B2 with the fixed attribute directly under the root node view in a fixed position manner. In this way, when scrolling the content view, the position of the view with the fixed attribute remains unchanged on the screen.

[0058] Through the above method, this embodiment can make the functions of the applet page more perfect, and can compare with the basic function of the position-fixed layer in the webview Cascading Style Sheets (CSS for short). In addition, this embodiment can provide a set of code logics that can run both in the webview rendering framework and in the NAView rendering framework, avoiding the need to maintain two sets of code logics, one running in the webview rendering framework and one running in the NAView rendering framework, thus solving the technical problem of low rendering efficiency of the page and achieving the technical effect of improving the rendering efficiency of the page.

[0059] The embodiment of the present disclosure also provides a processing device for executing Figure 1 the page shown in the embodiment.

[0060] Figure 3 It is a schematic diagram of a page processing device according to an embodiment of the present disclosure. As Figure 3 shown, the page processing device 30 may include: a first determination unit 31, an acquisition unit 32, a second determination unit 33, a rendering unit 34, and a display unit 35.

[0061] The first determination unit 31 is configured to determine a first target view on the target page.

[0062] The acquisition unit 32 is configured to acquire the current page node of the first target view in the page structure of the target page, where the first target view associated with the current page node is a sub-view of the second target view of the target page.

[0063] The second determination unit 33 is configured to determine a target page node in the page structure based on the current page node.

[0064] The rendering unit 34 is used to render the view content of the first target view in the view area associated with the target page node, wherein the first target view associated with the target page node is a first-level subview of the third target view on the root page node associated with the page structure, and the second target view is a subview of the third target view.

[0065] The display unit 35 is used to display the first target view associated with the target page node.

[0066] Optionally, the display unit 35 includes: a display module, configured to display a first target view associated with a target page node at a fixed position on the graphical user interface when the target page is in a sliding state on the graphical user interface.

[0067] Optionally, the first determination unit 31 includes: an acquisition module, used to acquire the attribute of the element of the target view set on the target page; and a first determination module, used to determine that the attribute is a fixed attribute, and then determine the target view set on the target page as the first target view.

[0068] Optionally, the second determination unit 33 includes: a second determination module, configured to, in the page structure, determine that the parent page node of the current page node is not the root page node of the page structure, and then create a new target page node in the page structure.

[0069] Optionally, the rendering unit 34 includes: a rendering module, configured to release the first association relationship between the first target view and the current page node, and render the view content of the first target view in the view area associated with the target page node.

[0070] Optionally, the rendering module includes: a rendering submodule, configured to establish a second association relationship between the first target view and the target page node, and render the view content of the first target view in the view area associated with the target page node based on the second association relationship.

[0071] Optionally, the device further includes: a deleting unit, configured to delete the current page node from the page structure.

[0072] Optionally, the view area associated with the target page node is set at the top level of the target page.

[0073] Optionally, the target page is a page in an application.

[0074] In the page processing device of this embodiment, a first target view is determined on a target page by a first determination unit 31; a current page node of the first target view in the page structure of the target page is obtained by an acquisition unit 32, where the first target view associated with the current page node is a sub-view of a second target view of the target page; a target page node is determined in the page structure based on the current page node by a second determination unit 33; the view content of the first target view is rendered in the view area associated with the target page node by a rendering unit 34, where the first target view associated with the target page node is the first-level sub-view of a third target view associated with the root page node of the page structure, and the second target view is a sub-view of the third target view; a display unit 35 is used to display the first target view associated with the target page node. That is to say, in this embodiment, only the view content of the first target view needs to be rendered from the current page node in the page structure to the view area associated with the target page node, so that the first target view associated with the target page node is the first-level sub-view of the third target view associated with the root page node of the page structure, thereby fixedly displaying the first target view, and the above rendering logic can be implemented on different rendering frameworks (such as, webview rendering framework, NAView rendering framework), solving the technical problem of low efficiency in rendering the page and achieving the technical effect of improving the efficiency of rendering the page.

[0075] It should be noted that the above-mentioned units and modules can be implemented by software or hardware. For the latter, it can be implemented in the following ways, but not limited to this: the above-mentioned units and modules are all located in the same processor; or, the above-mentioned units and modules are respectively located in different processors in any combination form.

[0076] In the technical solution of the present disclosure, the acquisition, storage, and application of the user's personal information involved all comply with the provisions of relevant laws and regulations and do not violate public order and good customs.

[0077] According to an embodiment of the present disclosure, the present disclosure also provides an electronic device. The electronic device may include: at least one processor; and a memory communicatively connected to the at least one processor; wherein, the memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor so that the at least one processor can execute the data processing method of the embodiment of the present disclosure.

[0078] Optionally, the above-mentioned electronic device may further include a transmission device and an input / output device, where the transmission device is connected to the above-mentioned processor, and the input / output device is connected to the above-mentioned processor.

[0079] According to an embodiment of the present disclosure, the present disclosure also provides a non-transitory computer-readable storage medium storing computer instructions, wherein the computer instructions are used to cause a computer to execute the data processing method of the embodiment of the present disclosure.

[0080] Optionally, in this embodiment, the above non-volatile storage medium may be configured to store a computer program for performing the following steps:

[0081] S1. Determine a first target view on the target page;

[0082] S2. Obtain the current page node of the first target view in the page structure of the target page, wherein the first target view associated with the current page node is a sub-view of a second target view of the target page; based on the current page node, determine the target page node in the page structure;

[0083] S3. Render the view content of the first target view within the view area associated with the target page node, wherein the first target view associated with the target page node is the first-level sub-view of a third target view associated with the root page node of the page structure, and the second target view is a sub-view of the third target view;

[0084] S4. Display the first target view associated with the target page node.

[0085] Optionally, in this embodiment, the above non-transitory computer-readable storage medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, devices, or equipment, or any suitable combination of the foregoing. More specific examples of the readable storage medium would include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fibers, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0086] According to an embodiment of the present disclosure, the present disclosure also provides a computer program product, including a computer program, which when executed by a processor, implements the following steps:

[0087] S1. Determine a first target view on the target page;

[0088] S2. Obtain the current page node of the first target view in the page structure of the target page, wherein the first target view associated with the current page node is a sub-view of a second target view of the target page; based on the current page node, determine the target page node in the page structure;

[0089] S3. Render the view content of the first target view within the view area associated with the target page node, where the first target view associated with the target page node is the first-level sub-view of the third target view associated with the root page node of the page structure, and the second target view is a sub-view of the third target view;

[0090] S4. Display the first target view associated with the target page node.

[0091] Optionally, the specific examples in this embodiment may refer to the examples described in the above embodiments and optional implementation manners, and will not be elaborated herein.

[0092] The program code for implementing the data processing method of the present disclosure in this embodiment can be written in any combination of one or more programming languages. These program codes can be provided to the processor or controller of a general-purpose computer, a special-purpose computer, or other programmable data processing devices, such that when the program codes are executed by the processor or controller, the functions / operations specified in the flowchart and / or block diagram are implemented. The program codes can be executed entirely on the machine, partially on the machine, executed as an independent software package partially on the machine and partially on a remote machine, or executed entirely on a remote machine or server.

[0093] According to an embodiment of the present disclosure, the present disclosure also provides an electronic device, a readable storage medium, and a computer program product.

[0094] Figure 4 is a schematic block diagram of an electronic device according to an embodiment of the present disclosure. The electronic device is intended to represent various forms of digital computers, such as, a laptop computer, a desktop computer, a workbench, a personal digital assistant, a server, a blade server, a mainframe computer, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as, a personal digital processor, a cellular phone, a smart phone, a wearable device, and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely examples and are not intended to limit the implementation of the present disclosure described and / or claimed herein.

[0095] As Figure 4 shown, the device 400 includes a computing unit 401, which can execute various appropriate actions and processes according to the computer program stored in the read-only memory (ROM) 402 or the computer program loaded from the storage unit 408 into the random access memory (RAM) 403. In the RAM 403, various programs and data required for the operation of the device 400 can also be stored. The computing unit 401, the ROM 402, and the RAM 403 are connected to each other through a bus 404. The input / output (I / O) interface 405 is also connected to the bus 404.

[0096] Multiple components in device 400 are connected to I / O interface 405, including: input unit 406, such as a keyboard, mouse, etc.; output unit 407, such as various types of displays, speakers, etc.; storage unit 404, such as a disk, optical disc, etc.; and communication unit 409, such as a network card, modem, wireless communication transceiver, etc. Communication unit 409 allows device 400 to exchange information / data with other devices via a computer network such as the Internet and / or various telecommunication networks.

[0097] Computing unit 401 can be various general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of computing unit 401 include but are not limited to a central processing unit (CPU), a graphics processing unit (GPU), various dedicated artificial intelligence (AI) computing chips, various computing units running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. Computing unit 401 executes the various methods and processes described above, such as the page processing method. For example, in some embodiments, the page processing method can be implemented as a computer software program, which is tangibly contained in a machine-readable medium, such as storage unit 408. In some embodiments, part or all of the computer program can be loaded and / or installed onto device 400 via ROM 402 and / or communication unit 409. When the computer program is loaded into RAM 403 and executed by computing unit 401, one or more steps of the page processing method described above can be executed. Alternatively, in other embodiments, computing unit 401 can be configured to execute the page processing method by any other suitable means (e.g., by means of firmware).

[0098] The various embodiments of the systems and techniques described above in this article can be implemented in digital electronic circuit systems, integrated circuit systems, field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), system-on-chip systems (SOCs), complex programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various embodiments can include: being implemented in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which can be a special or general-purpose programmable processor, and can receive data and instructions from a storage system, at least one input device, and at least one output device, and transmit the data and instructions to the storage system, the at least one input device, and the at least one output device.

[0099] The program code for implementing the methods of the present disclosure may be written in any combination of one or more programming languages. These program codes may be provided to a processor or controller of a general purpose computer, a special purpose computer, or other programmable data processing device, such that the program codes, when executed by the processor or controller, cause the functions / operations specified in the flowchart and / or block diagram to be implemented. The program code may be executed entirely on the machine, partially on the machine, as a stand-alone software package partially on the machine and partially on a remote machine, or entirely on a remote machine or server.

[0100] In the context of the present disclosure, a machine-readable medium may be a tangible medium that can contain or store a program for use by or in connection with an instruction execution system, apparatus, or device. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or Flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0101] In order to provide interaction with a user, the systems and techniques described herein may be implemented on a computer having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user; and a keyboard and a pointing device (e.g., a mouse or a trackball) by which the user can provide input to the computer. Other kinds of devices may also be used to provide interaction with the user; for example, the feedback provided to the user may be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user may be received in any form (including acoustic input, voice input, or tactile input).

[0102] The systems and techniques described herein can be implemented in a computing system including backend components (e.g., as a data server), or a computing system including middleware components (e.g., an application server), or a computing system including frontend components (e.g., a user computer having a graphical user interface or a web browser through which a user can interact with an implementation of the systems and techniques described herein), or a computing system including any combination of such backend components, middleware components, or frontend components. The components of the system can be interconnected to each other by digital data communication in any form or medium (e.g., a communication network). Examples of communication networks include: local area network (LAN), wide area network (WAN), and the Internet.

[0103] A computer system can include a client and a server. The client and the server are generally far from each other and typically interact through a communication network. The client-server relationship is created by computer programs running on the respective computers and having a client-server relationship with each other. The server can be a cloud server, a server of a distributed system, or a server incorporating a blockchain.

[0104] It should be understood that various forms of the processes shown above can be used, steps can be reordered, added, or deleted. For example, the steps recited in this disclosure can be executed in parallel, sequentially, or in a different order, as long as the desired results of the technical solutions disclosed in this disclosure can be achieved, and this is not limited herein.

[0105] The above specific embodiments do not constitute a limitation on the protection scope of this disclosure. Those skilled in the art should understand that various modifications, combinations, sub-combinations, and substitutions can be made according to design requirements and other factors. Any modifications, equivalent substitutions, and improvements made within the spirit and principles of this disclosure shall be included within the protection scope of this disclosure.

Claims

1. A page processing method, comprising: Get the properties of the element of the target view set on the target page; In response to the attribute being a fixed attribute, determining the target view set on the target page as a first target view, wherein the first target view is a fixed view; Obtaining a current page node of the first target view in a page structure of the target page, wherein the page structure is used to represent a relationship between multiple views of the target page; In the page structure, in response to the parent page node of the current page node not being the root page node of the page structure, creating a new target page node in the page structure; On different rendering frames, in the view area associated with the target page node, the view content of the first target view is rendered in a fixed position manner, wherein the first target view associated with the current page node is a subview of the second target view of the target page, the first target view associated with the target page node is a first-level subview of the third target view associated with the root page node of the page structure, and the second target view is a subview of the third target view; When the target page is in a sliding state on the graphical user interface, displaying the first target view associated with the target page node at a fixed view position on the graphical user interface; The method further includes: in the page structure, in response to the parent page node of the current page node being the root page node of the page structure, displaying the first target view associated with the current page node.

2. The method according to claim 1, wherein On different rendering frames, in a view area associated with the target page node, rendering the view content of the first target view in a fixed position manner includes: On the different rendering frames, the first association relationship between the first target view and the current page node is released, and the view content of the first target view is rendered in the fixed position manner within the view area associated with the target page node.

3. The method according to claim 1, rendering the view content of the first target view in a fixed position in a view area associated with the target page node on different rendering frames comprises: On different rendering frames, a second association relationship is established between the first target view and the target page node, and based on the second association relationship, the view content of the first target view is rendered in the fixed position manner within the view area associated with the target page node.

4. The method according to claim 2, further comprising: Delete the current page node from the page structure. 5 . The method according to claim 1 , wherein the view area associated with the target page node is set at the top level of the target page.

6. The method according to any one of claims 1 to 4, wherein the target page is a page in an application.

7. A page processing device, comprising: A first determination unit, configured to obtain attributes of elements of a target view set on a target page; In response to the attribute being a fixed attribute, determining the target view set on the target page as a first target view, where the first target view is a fixed view; An acquisition unit, configured to acquire a current page node of the first target view in a page structure of the target page, where the page structure is used to represent relationships between multiple views of the target page; A second determination unit, configured to, in the page structure, in response to a parent page node of the current page node not being a root page node of the page structure, create a target page node in the page structure; A rendering unit, configured to, on different rendering frameworks, render view content of the first target view in a fixed position manner within a view area associated with the target page node, where the first target view associated with the current page node is a sub-view of a second target view of the target page, the first target view associated with the target page node is a first-level sub-view of a third target view associated with a root page node of the page structure, and the second target view is a sub-view of the third target view; A display unit, configured to, when the target page is in a sliding state on a graphical user interface, display the first target view associated with the target page node at a fixed view position on the graphical user interface; The apparatus is further configured to perform the following step: in the page structure, in response to a parent page node of the current page node being a root page node of the page structure, display the first target view associated with the current page node.

8. An electronic device, comprising: At least one processor; And A memory communicatively connected to the at least one processor; wherein, The memory stores instructions executable by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to execute the method according to any one of claims 1-6.

9. A non-transitory computer-readable storage medium storing computer instructions, wherein, The computer instructions are used to cause the computer to execute the method according to any one of claims 1-6.

10. A computer program product, comprising a computer program, where the computer program, when executed by a processor, implements the method according to any one of claims 1-6.

Citation Information

Patent Citations

  • Page display method and device, electronic equipment and storage medium

    CN111880712A