Page generation method and device, electronic equipment and storage medium

Abstract

The invention provides a page generation method which can be applied to the technical field of computers and the field of financial science and technology. The page generation method comprises the steps that in response to an operation for a target icon in M candidate icons displayed in a target page, an information query dimension corresponding to the target icon is determined, the target page comprises N candidate areas, and N and M are both positive integers larger than 1; in response to the fact that the target icon is moved to a first target area in the N candidate areas, according to an information query identifier corresponding to the first target area, performing query according to the information query dimension to obtain associated information corresponding to the information query identifier; and according to the associated information, performing rendering processing on the target page to generate a first information browsing page. The invention further provides a page generation device and equipment, a storage medium and a program product.

Description

Technical Field

[0001] The present disclosure relates to the fields of computer technology and financial technology, and in particular to a page generation method, device, electronic device, medium and program product. Background Art

[0002] In the related art, when a user is using an application, he can click on an icon displayed in the application page to jump to another page, thereby enabling the user to find the information he needs.

[0003] However, in the process of implementing the inventive concept of the present disclosure, the inventors found that the information displayed on the page in the related art has low flexibility and poor user experience. Summary of the invention

[0004] In view of the above problems, the present disclosure provides a page generation method, device, electronic device, medium and program product.

[0005] According to a first aspect of the present disclosure, a page generation method is provided, comprising: in response to an operation on a target icon among M candidate icons displayed in a target page, determining an information query dimension corresponding to the target icon, wherein the target page includes N candidate areas, and N and M are both positive integers greater than 1; in response to the target icon being moved to a first target area among the N candidate areas, according to an information query identifier corresponding to the first target area, querying and obtaining associated information corresponding to the information query identifier according to the information query dimension; and rendering the target page according to the associated information to generate a first information browsing page.

[0006] According to an embodiment of the present disclosure, in response to a target icon being moved to a first target area among N candidate areas, according to an information query identifier corresponding to the first target area, association information corresponding to the information query identifier is queried according to an information query dimension, including: in response to the target icon being located in the first target area, according to a positional relationship between the N candidate areas, a second target area corresponding to the first target area is determined from the N candidate areas; based on the first target area and the second target area, an information query identifier is determined; and according to the information query identifier, association information is queried according to the information query dimension.

[0007] According to an embodiment of the present disclosure, in response to a target icon being located in a first target area, a second target area corresponding to the first target area is determined from the N candidate areas based on the positional relationship between the N candidate areas, including: in response to a release operation on the operated target icon, determining the candidate area where the target icon is located when it is released as the first target area; determining the area ranking of the first target area based on area ranking information corresponding to the N candidate areas, wherein the area ranking information represents the ranking of the N candidate areas arranged in a predetermined direction on the target page; and determining the candidate area whose area ranking is before the first target area as the second target area.

[0008] According to an embodiment of the present disclosure, the page generation method further includes: monitoring the position information of the target icon during movement to obtain the track information of the target icon; and determining the predetermined direction according to the track information.

[0009] According to an embodiment of the present disclosure, a target page is rendered based on associated information to generate a first information browsing page, including: masking a target field in the associated information to obtain target associated information; rendering the target page according to the target associated information, a first target area, and a second target area according to a rendering template corresponding to the target icon to generate a first information browsing page.

[0010] According to an embodiment of the present disclosure, the above-mentioned page generation method also includes: in response to receiving a historical page generation request, parsing the historical page generation request to obtain an object identifier; according to the object identifier, querying from the storage space to obtain a historical information query identifier and a historical target icon identifier stored in association with the object identifier; according to the identifier of the historical target icon, determining a historical information query dimension and a historical rendering template; according to the historical information query identifier, querying according to the historical information query dimension to obtain historical associated information corresponding to the historical information query identifier; according to the historical rendering template, according to the historical associated information, rendering the first information browsing page to generate a second information browsing page.

[0011] According to an embodiment of the present disclosure, in response to an operation on a target icon among M candidate icons displayed in a target page, an information query dimension corresponding to the target icon is determined, including: in response to a selection operation of selecting a target icon from the M candidate icons, obtaining size information of the target icon; changing the size information of the target icon according to a predetermined size change ratio to obtain a changed target icon after the size change; in response to a move operation on the changed target icon, determining the information query dimension corresponding to the changed target icon.

[0012] A second aspect of the present disclosure provides a page generation device, including: a first determination module, for determining an information query dimension corresponding to a target icon in response to an operation on a target icon among M candidate icons displayed in a target page, wherein the target page includes N candidate areas, and N and M are both positive integers greater than 1; a first query module, for querying and obtaining associated information corresponding to the information query identifier according to the information query dimension in response to the target icon being moved to a first target area among the N candidate areas; and a first rendering module, for rendering the target page according to the associated information to generate a first information browsing page.

[0013] A third aspect of the present disclosure provides an electronic device, comprising: one or more processors; and a memory for storing one or more programs, wherein when the one or more programs are executed by the one or more processors, the one or more processors execute the above-mentioned page generation method.

[0014] A fourth aspect of the present disclosure further provides a computer-readable storage medium having executable instructions stored thereon, which, when executed by a processor, causes the processor to execute the above-mentioned page generation method.

[0015] A fifth aspect of the present disclosure further provides a computer program product, including a computer program, which implements the above-mentioned page generation method when executed by a processor.

[0016] According to the page generation method, device, electronic device, medium and program product provided by the present disclosure, by changing the target icon being operated, the information query dimension can be changed, thereby improving the flexibility of querying related information. In addition, by changing the first target area to which the target icon is moved, the information query identifier can be changed, thereby further improving the flexibility of querying related information. Based on this, by improving the flexibility of querying related information, the flexibility of information display is improved, thereby achieving flexible display of related information required by users according to user needs, thereby improving user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0017] The above contents and other objects, features and advantages of the present disclosure will become more apparent through the following description of the embodiments of the present disclosure with reference to the accompanying drawings, in which:

[0018] Figure 1 The application scenario diagram of the page generation method according to the embodiment of the present disclosure is schematically shown;

[0019] Figure 2 A flowchart of a page generation method according to an embodiment of the present disclosure is schematically shown;

[0020] Figure 3A schematic diagram schematically shows a target page according to an embodiment of the present disclosure;

[0021] Figure 4 A schematic diagram schematically shows a moving target icon according to a first embodiment of the present disclosure;

[0022] Figure 5 A schematic diagram schematically shows a first information browsing page according to the first embodiment of the present disclosure;

[0023] Figure 6 A schematic diagram schematically shows a moving target icon according to a second embodiment of the present disclosure;

[0024] Figure 7 A schematic diagram schematically shows a first information browsing page according to a second embodiment of the present disclosure;

[0025] Figure 8 A schematic diagram schematically shows a moving target icon according to a third embodiment of the present disclosure;

[0026] Fig. 9 A schematic diagram schematically shows a first information browsing page according to the third embodiment of the present disclosure;

[0027] Fig.10 A schematic diagram schematically shows a moving target icon according to a fourth embodiment of the present disclosure;

[0028] Fig.11 A schematic diagram schematically shows a first information browsing page according to a fourth embodiment of the present disclosure;

[0029] Fig.12 A schematic diagram schematically illustrates field masking according to an embodiment of the present disclosure;

[0030] Fig.13 A schematic diagram showing a structural block diagram of a page generating device according to an embodiment of the present disclosure; and

[0031] Fig.14 A block diagram of an electronic device suitable for implementing a page generating method according to an embodiment of the present disclosure is schematically shown. DETAILED DESCRIPTION

[0032] Hereinafter, embodiments of the present disclosure will be described with reference to the accompanying drawings. However, it should be understood that these descriptions are exemplary only and are not intended to limit the scope of the present disclosure. In the following detailed description, for ease of explanation, many specific details are set forth to provide a comprehensive understanding of the embodiments of the present disclosure. However, it is apparent that one or more embodiments may also be implemented without these specific details. In addition, in the following description, descriptions of known structures and technologies are omitted to avoid unnecessary confusion of the concepts of the present disclosure.

[0033] The terms used herein are only for describing specific embodiments and are not intended to limit the present disclosure. The terms "comprise", "include", etc. used herein indicate the existence of the features, steps, operations and / or components, but do not exclude the existence or addition of one or more other features, steps, operations or components.

[0034] All terms (including technical and scientific terms) used herein have the meanings commonly understood by those skilled in the art, unless otherwise defined. It should be noted that the terms used herein should be interpreted as having a meaning consistent with the context of this specification, and should not be interpreted in an idealized or overly rigid manner.

[0035] When using expressions such as "at least one of A, B, and C, etc.", they should generally be interpreted according to the meaning of the expression commonly understood by those skilled in the art (for example, "a system having at least one of A, B, and C" should include but is not limited to a system having A alone, B alone, C alone, A and B, A and C, B and C, and / or A, B, C, etc.).

[0036] It should be noted that the page generation method and device disclosed herein can be used in the financial field, and can also be used in any field other than the financial field, and the application field of the page generation method and device disclosed herein is not limited.

[0037] In the technical solution of the present invention, the user information (including but not limited to user personal information, user image information, user device information, such as location information, etc.) and data (including but not limited to data used for analysis, stored data, displayed data, etc.) involved are all information and data authorized by the user or fully authorized by all parties, and the collection, storage, use, processing, transmission, provision, disclosure and application of relevant data comply with the relevant laws, regulations and standards of relevant countries and regions, take necessary confidentiality measures, do not violate public order and good morals, and provide corresponding operation entrances for users to choose to authorize or refuse.

[0038] In the process of implementing the inventive concept of the present disclosure, the inventors discovered that the information displayed on the page in the related art has low flexibility and poor user experience.

[0039] In view of this, an embodiment of the present disclosure provides a page generation method, comprising: in response to an operation on a target icon among M candidate icons displayed in a target page, determining an information query dimension corresponding to the target icon, wherein the target page includes N candidate areas, and N and M are both positive integers greater than 1. In response to the target icon being moved to a first target area among the N candidate areas, according to an information query identifier corresponding to the first target area, querying and obtaining associated information corresponding to the information query identifier according to the information query dimension. According to the associated information, rendering the target page to generate a first information browsing page.

[0040] Figure 1 The application scenario diagram of the page generation method according to the embodiment of the present disclosure is schematically shown.

[0041] like Figure 1 As shown, the application scenario 100 according to this embodiment may include a first terminal device 101, a second terminal device 102, a third terminal device 103, a network 104, and a server 105. The network 104 is used to provide a medium for a communication link between the first terminal device 101, the second terminal device 102, the third terminal device 103, and the server 105. The network 104 may include various connection types, such as wired, wireless communication links, or optical fiber cables, etc.

[0042] The user may use at least one of the first terminal device 101, the second terminal device 102, and the third terminal device 103 to interact with the server 105 through the network 104 to receive or send messages, etc. Various communication client applications may be installed on the first terminal device 101, the second terminal device 102, and the third terminal device 103, such as shopping applications, web browser applications, search applications, instant messaging tools, email clients, social platform software, etc. (only as examples).

[0043] The first terminal device 101, the second terminal device 102 or the third terminal device 103 may be various electronic devices having a display screen and supporting web browsing, including but not limited to a smart phone, a tablet computer, a laptop computer, a desktop computer and the like.

[0044] The server 105 may be a server that provides various services, such as a background management server (only as an example) that provides support for websites browsed by users using the first terminal device 101, the second terminal device 102, or the third terminal device 103. The background management server may analyze and process received data such as user requests, and feed back processing results (such as web pages, information, or data obtained or generated according to user requests) to the terminal device.

[0045] It should be noted that the page generation method provided in the embodiment of the present disclosure can generally be executed by the server 105. Accordingly, the page generation device provided in the embodiment of the present disclosure can generally be set in the server 105. The page generation method provided in the embodiment of the present disclosure can also be executed by a server or server cluster that is different from the server 105 and can communicate with the first terminal device 101, the second terminal device 102, the third terminal device 103 and / or the server 105. Accordingly, the page generation device provided in the embodiment of the present disclosure can also be set in a server or server cluster that is different from the server 105 and can communicate with the first terminal device 101, the second terminal device 102, the third terminal device 103 and / or the server 105.

[0046] It should be understood that Figure 1 The number of the first terminal device, the second terminal device, the third terminal device, the network and the server in the embodiment is only for illustration. According to the implementation requirements, there may be any number of the first terminal device, the second terminal device, the third terminal device, the network and the server.

[0047] The following will be based on Figure 1 The scene described by Figure 2 to Figure 12 The page generation method of the disclosed embodiment is described in detail.

[0048] Figure 2 The flowchart of the page generation method according to the embodiment of the present disclosure is schematically shown.

[0049] like Figure 2 As shown, the page generation method of this embodiment includes operations S210 to S230.

[0050] In operation S210, in response to an operation on a target icon among M candidate icons displayed in a target page, an information query dimension corresponding to the target icon is determined, wherein the target page includes N candidate areas, and N and M are both positive integers greater than 1.

[0051] In operation S220, in response to the target icon being moved to a first target area among the N candidate areas, association information corresponding to the information query identifier is queried according to the information query dimension based on the information query identifier corresponding to the first target area.

[0052] In operation S230, the target page is rendered according to the associated information to generate a first information browsing page.

[0053] According to an embodiment of the present disclosure, the target page may be a page to be rendered. For example, the target page may include a front-end display page of an application.

[0054] The candidate icon may be an icon displayed on the target page. The candidate icon may include at least one of an account icon, an investment icon, a detail icon, and a transaction icon, but is not limited thereto. The candidate icon may correspond to an information query dimension.

[0055] For example, the information query dimension corresponding to the account icon may include at least one of the account identification dimension, the account appearance image dimension, the account type dimension, and the account amount dimension, and is not limited thereto. The information query dimension corresponding to the investment icon may include at least one of the financial product identification dimension, the financial product amount dimension, and the financial product type dimension, and is not limited thereto. The information query dimension corresponding to the detail icon may include at least one of the transaction date dimension, the transaction object dimension, and the transaction amount dimension, and is not limited thereto. The information query dimension corresponding to the transaction icon may include the transaction code image dimension, etc. The transaction code image may include a transaction QR code, etc.

[0056] According to an embodiment of the present disclosure, the target icon may be an operated icon among M candidate icons. The operation may include a selection operation, but is not limited thereto, and the operation may also include a selection operation and a move operation. The move operation may be a drag operation. For example, the Drag&Drop feature in the front-end design language HTML (HyperText Markup Language) 5 standard may be used to move the target icon. The business processing logic in the case of moving the target icon may be customized through the drag event function. Furthermore, the business processing logic when releasing the target icon may also be customized through the drop event function.

[0057] According to an embodiment of the present disclosure, a candidate region may have an association relationship with an information query identifier. A candidate region may be constructed based on a DIVision element. A DIVision element may be an element used to provide structure and background for block-level content in an HTML document. The DIVision element may be associated with the above-mentioned drag event function and drop event function, thereby enabling monitoring of the above-mentioned drag-and-drop operation, which includes a drag operation and a release operation.

[0058] According to an embodiment of the present disclosure, different candidate areas may correspond to different information query identifiers. The information query identifier may be used to query and obtain information stored in association with the information query identifier. The information query identifier may include an area identifier of the candidate area. By changing the association relationship between the area identifier and the account identifier, the associated information corresponding to the candidate area may be changed.

[0059] According to an embodiment of the present disclosure, the first target area may be a candidate area where the target icon to be moved is located. The information query identifier corresponding to the first target area may be used to query associated information according to the information query dimension. The associated information may be information to be displayed. For example, in the case where the information query dimension corresponds to the account icon, the account appearance image information corresponding to the account appearance image dimension, the account type information corresponding to the account type dimension, and the account amount information corresponding to the account amount dimension may be queried according to the information query identifier.

[0060] According to an embodiment of the present disclosure, the first information browsing page may be a page for browsing associated information corresponding to the first target area. The first information browsing page may include an account appearance image, an account identifier, an account type, an account amount, and the like.

[0061] According to an embodiment of the present disclosure, the moved candidate icon may be determined as the target icon, and according to the identifier of the target icon, the information query dimension corresponding to the identifier of the target icon may be determined.

[0062] According to an embodiment of the present disclosure, the candidate area to which the target icon is moved may be determined as the first target area. Then, the associated information may be obtained by invoking a query interface according to the information query dimension and the information query identifier corresponding to the first target area.

[0063] According to an embodiment of the present disclosure, a rendering template can be used to render a target page according to associated information to generate a first information browsing page. The rendering template can be used to render a target page according to associated information corresponding to different target icons. For example, the target page can be rendered according to account appearance image information so that the account appearance image is displayed at a predetermined position on the first information browsing page. The target page can also be rendered according to account balance information so that the first information browsing page displays the account balance information at a predetermined position.

[0064] According to an embodiment of the present disclosure, the associated information may be displayed at a position corresponding to the first target area. For example, the position where the associated information is displayed on the first information browsing page may be the same as the position of the first target area on the target page.

[0065] According to the embodiments of the present disclosure, the related information can be processed using front-end design languages ​​such as HTML, JS (Java Script) and CSS (Cascading Style Sheets) so that the related information is displayed on the first information browsing page. Among them, JS can be a lightweight, interpreted or just-in-time compiled programming language with function priority.

[0066] Figure 3A schematic diagram of a target page according to an embodiment of the present disclosure is schematically shown.

[0067] Figure 4 A schematic diagram of a moving target icon according to the first embodiment of the present disclosure is schematically shown.

[0068] Figure 5 A schematic diagram of a first information browsing page according to the first embodiment of the present disclosure is schematically shown.

[0069] like Figure 3 , Figure 4 and Figure 5 As shown, the target page 300 may include a first candidate icon 311 , a second candidate icon 312 , a third candidate icon 313 , a fourth candidate icon 314 , a first candidate region 321 , a second candidate region 322 , and a third candidate region 323 .

[0070] The first candidate icon 311 can be operated, thereby the first candidate icon 311 can be determined as the above-mentioned target icon. The first candidate icon 311 can be moved to the first candidate area 321. When the first candidate icon 311 is located in the first candidate area 321, the first candidate area 321 can be determined as the first target area. Then, according to the information query dimension corresponding to the first candidate icon 311 and the information query identifier corresponding to the first candidate area 321, the associated information is queried and obtained. Thus, the target page 300 can be rendered according to the associated information to generate the first information browsing page 500.

[0071] The first information browsing page may include a first candidate icon 311, a second candidate icon 312, a third candidate icon 313, a fourth candidate icon 314, a display area 521, a second candidate area 322, and a third candidate area 323. The first candidate icon 311 may be located at an initial position before the move. The associated information may be displayed in the display area 521. The position of the display area 521 on the first information browsing page 500 may be the same as the position of the first candidate area 321 on the target page 300.

[0072] The associated information displayed in the display area 521 may include an account appearance image 521_1 , an account type 521_2 , an account identifier 521_3 , and an account amount 521_4 .

[0073] It should be noted that at least one of the shape, position and size of at least one of the candidate icons and candidate regions may be changed without affecting the inventive concept of the present disclosure, and is not limited thereto.

[0074] According to the embodiments of the present disclosure, by changing the operated target icon, the information query dimension can be changed, thereby improving the flexibility of querying related information. Moreover, by changing the first target area to which the target icon is moved, the information query identifier can be changed, thereby further improving the flexibility of querying related information. Based on this, by improving the flexibility of querying related information, the flexibility of information display is improved, thereby achieving flexible display of the related information required by the user according to the user's needs, thereby improving the user experience.

[0075] According to an embodiment of the present disclosure, the areas of the display areas required for the association information corresponding to different candidate icons may be different. For example, the association information corresponding to the account icon may only require one display area for display. The association information corresponding to the investment icon may require two display areas for display. The size of the display area may be the same as the size of the candidate area.

[0076] According to an embodiment of the present disclosure, when the first target icon is located in the target area, the target area may display a border and a light gray background. In addition, the information originally displayed in the target area may be faded through an animation effect. When the associated information is obtained through the query, the associated message may be displayed from light to dark through an animation effect.

[0077] According to an embodiment of the present disclosure, in response to a target icon being moved to a first target area among N candidate areas, according to an information query identifier corresponding to the first target area, querying to obtain associated information corresponding to the information query identifier according to an information query dimension includes: in response to the target icon being located in the first target area, according to a positional relationship between the N candidate areas, determining a second target area corresponding to the first target area from the N candidate areas. Determine the information query identifier according to the first target area and the second target area. According to the information query identifier, querying to obtain associated information according to the information query dimension.

[0078] According to an embodiment of the present disclosure, the second target area may be a candidate area located in a predetermined direction of the first target area. The predetermined direction may include above, below, left, or right, etc. For example, at least one of at least one candidate area located above the first target area, at least one candidate area located below the first target area, at least one candidate area located to the left of the first target area, and at least one candidate area located to the right of the first target area may be determined as the second target area.

[0079] According to an embodiment of the present disclosure, the position where the associated information corresponding to the first target area is displayed on the first information browsing page can be the same as the position of the first target area on the target page. The position where the associated information corresponding to the second target area is displayed on the first information browsing page can be the same as the position of the second target area on the target page.

[0080] Figure 6 A schematic diagram of a moving target icon according to the second embodiment of the present disclosure is schematically shown.

[0081] Figure 7 A schematic diagram of a first information browsing page according to the second embodiment of the present disclosure is schematically shown.

[0082] like Figure 6 and Figure 7 As shown, the target page 600 may include a first candidate icon 611, a second candidate icon 612, a third candidate icon 613, a fourth candidate icon 614, a first candidate area 621, a second candidate area 622, a third candidate area 623, a fourth candidate area 624, a fifth candidate area 625, a sixth candidate area 626, a seventh candidate area 627, an eighth candidate area 628 and a ninth candidate area 629.

[0083] The second candidate icon 612 can be operated, thereby, the second candidate icon 612 can be determined as the above-mentioned target icon. The second candidate icon 612 can be moved to the fifth candidate area 625. In the case where the second candidate icon 612 is located in the fifth candidate area 625, the fifth candidate area 625 can be determined as the first target area. And, the second candidate area 622 located above the fifth candidate area 625 can be determined as the second target area, but is not limited to this. In some embodiments, at least one of the second candidate area 622 located above the fifth candidate area 625, the eighth candidate area 628 located below the fifth candidate area 625, the fourth candidate area 624 located to the left of the fifth candidate area 625, and the sixth candidate area 626 located to the right of the fifth candidate area 625 can be determined as the above-mentioned second target area.

[0084] The associated information corresponding to the second candidate area 622 can be obtained by querying according to the information query dimension corresponding to the second candidate icon 612 and according to the information query identifier corresponding to the second candidate area 622. Also, the associated information corresponding to the fifth candidate area 625 can be obtained by querying according to the information query dimension corresponding to the second candidate icon 612 and according to the information query identifier corresponding to the fifth candidate area 625.

[0085] Thus, the target page 600 may be rendered according to the association information corresponding to the second candidate area 622 and the association information corresponding to the fifth candidate area 625 to generate the first information browsing page 700 .

[0086] The first information browsing page may include a first candidate icon 611, a second candidate icon 612, a third candidate icon 613, a fourth candidate icon 614, a first candidate area 621, a first display area 722, a third candidate area 623, a fourth candidate area 624, a second display area 725, a sixth candidate area 626, a seventh candidate area 627, an eighth candidate area 628, and a ninth candidate area 629. The second candidate icon 612 may be located at an initial position before the movement.

[0087] The associated information corresponding to the second candidate region 622 may be displayed in the first display region 722. The position of the first display region 722 may be the same as the position of the second candidate region 622. And, the associated information corresponding to the fifth candidate region 625 may be displayed in the second display region 725. The position of the second display region 725 may be the same as the position of the fifth candidate region 625.

[0088] According to an embodiment of the present disclosure, a candidate area located in a predetermined direction of the first target area may be determined as the second target area.

[0089] According to an embodiment of the present disclosure, based on the information query identifier corresponding to the first target area and the information query identifier corresponding to the second target area, the associated information corresponding to the first target area and the associated information corresponding to the second target area can be queried according to the information query dimension.

[0090] According to the embodiments of the present disclosure, the second target area is determined according to the positional relationship between the first target area and other candidate areas, thereby improving the flexibility of determining the target area, thereby improving the flexibility of determining the associated information, and further improving the flexibility of displaying the associated information.

[0091] According to an embodiment of the present disclosure, in response to a target icon being located in a first target area, a second target area corresponding to the first target area is determined from the N candidate areas according to the positional relationship between the N candidate areas, including: in response to a release operation on the operated target icon, the candidate area where the target icon is located when it is released is determined as the first target area. The area ranking of the first target area is determined according to the area ranking information corresponding to the N candidate areas, wherein the area ranking information represents the ranking of the N candidate areas arranged in a predetermined direction on the target page. The candidate area whose area ranking is before the first target area is determined as the second target area.

[0092] According to an embodiment of the present disclosure, the release operation may be an operation of releasing the drag on the target icon. For example, when the target icon is released, the application is enabled to actively trigger a drop event function. The custom logic in the drop event function may include: determining the position of the target area in the column direction according to the number of candidate areas above the target area, and then calculating the number of displayed associated information according to the position. Then, the target page is rendered according to the associated information corresponding to the number of items to obtain the first information browsing page.

[0093] Figure 8 A schematic diagram of a moving target icon according to a third embodiment of the present disclosure is schematically shown.

[0094] Fig. 9 A schematic diagram of a first information browsing page according to the third embodiment of the present disclosure is schematically shown.

[0095] like Figure 8 and Fig. 9 As shown, the target page 800 may include a first candidate icon 811, a second candidate icon 812, a third candidate icon 813, a fourth candidate icon 814, a first candidate area 821, a second candidate area 822, a third candidate area 823, a fourth candidate area 824, a fifth candidate area 825, a sixth candidate area 826, a seventh candidate area 827, an eighth candidate area 828 and a ninth candidate area 829.

[0096] The second candidate icon 812 may be operated, thereby determining the second candidate icon 812 as the target icon. The second candidate icon 812 may be moved to the eighth candidate area 828. When the second candidate icon 812 is located in the eighth candidate area 828, the eighth candidate area 828 may be determined as the first target area.

[0097] The predetermined direction may be above the eighth candidate region 828 , and thus, the fifth candidate region 825 and the second candidate region 822 located above the eighth candidate region 828 may both be determined as the second target region.

[0098] According to the information query dimension corresponding to the second candidate icon 812 and the information query identifier corresponding to the second candidate area 822 , the associated information corresponding to the second candidate area 822 may be queried and obtained.

[0099] According to the information query dimension corresponding to the second candidate icon 812 and the information query identifier corresponding to the fifth candidate area 825 , the associated information corresponding to the fifth candidate area 825 can be queried and obtained.

[0100] The associated information corresponding to the eighth candidate area 828 may be obtained by querying according to the information query dimension corresponding to the second candidate icon 812 and according to the information query identifier corresponding to the eighth candidate area 828 .

[0101] Thus, the target page 800 may be rendered according to the association information corresponding to the second candidate area 822 , the association information corresponding to the fifth candidate area 825 , and the association information corresponding to the eighth candidate area 828 , to generate the first information browsing page 900 .

[0102] The first information browsing page may include a first candidate icon 811, a second candidate icon 812, a third candidate icon 813, a fourth candidate icon 814, a first candidate area 821, a first display area 922, a third candidate area 823, a fourth candidate area 824, a second display area 925, a sixth candidate area 826, a seventh candidate area 827, a third display area 928, and a ninth candidate area 829. The second candidate icon 812 may be located at an initial position before the movement.

[0103] The associated information corresponding to the second candidate area 822 may be displayed in the first display area 922. The position of the first display area 922 on the target page 800 may be the same as the position of the second candidate area 822 on the first information browsing page 900. The associated information corresponding to the fifth candidate area 825 may be displayed in the second display area 925. The position of the second display area 925 on the target page 800 may be the same as the position of the fifth candidate area 825 on the first information browsing page 900. And, the associated information corresponding to the eighth candidate area 828 may be displayed in the third display area 928. The position of the third display area 928 on the target page 800 may be the same as the position of the eighth candidate area 828 on the first information browsing page 900.

[0104] According to the embodiments of the present disclosure, multiple second target areas can be flexibly determined according to the ranking, and thus the associated information corresponding to each of the multiple second target areas can be flexibly displayed.

[0105] According to an embodiment of the present disclosure, the positions where the associated information corresponding to the plurality of second target areas is displayed on the first information browsing page can be the same as the positions of the plurality of second target areas on the target page. Thus, the associated information can be arranged according to the predetermined direction and the positions corresponding to the second target areas, thereby improving the regularity of the arrangement of the associated information. Thus, by neatly displaying the associated information, the user experience can be further improved.

[0106] According to an embodiment of the present disclosure, the page generation method further includes: monitoring the position information of the target icon during the movement process to obtain the track information of the target icon, and determining the predetermined direction according to the track information.

[0107] According to an embodiment of the present disclosure, the candidate area that the target icon passes through during the movement process can be determined according to the trajectory information.

[0108] According to an embodiment of the present disclosure, determining the predetermined direction according to the trajectory information may include: determining the Jth candidate area and the J-1th candidate area that the target icon passes through during the movement according to the trajectory information. Determine the predetermined direction according to the direction in which the Jth candidate area is located in the J-1th candidate area, where J is a positive integer greater than 1.

[0109] According to an embodiment of the present disclosure, determining a predetermined direction according to trajectory information may include: determining J-1 sub-directions of the target icon during movement according to the trajectory information, wherein the j-1th sub-direction of the J-1 sub-directions represents a direction from the j-1th candidate area to the j-th candidate area, wherein the j-th candidate area and the j-1th candidate area are both candidate areas passed by the target icon during movement, j is a positive integer less than or equal to J and greater than 1, and J is a positive integer greater than 1. Determine the predetermined direction according to the J-1 sub-directions.

[0110] Fig.10 A schematic diagram of a moving target icon according to a fourth embodiment of the present disclosure is schematically shown.

[0111] Fig.11 A schematic diagram of a first information browsing page according to a fourth embodiment of the present disclosure is schematically shown.

[0112] like Fig.10 and Fig.11 , the target page 1000 may include a first candidate icon 1011, a second candidate icon 1012, a third candidate icon 1013, a fourth candidate icon 1014, a first candidate area 1021, a second candidate area 1022, a third candidate area 1023, a fourth candidate area 1024, a fifth candidate area 1025, a sixth candidate area 1026, a seventh candidate area 1027, an eighth candidate area 1028 and a ninth candidate area 1029.

[0113] The second candidate icon 1012 may be operated, thereby determining the second candidate icon 1012 as the target icon. The second candidate icon 1012 may be moved to the fifth candidate area 1025. When the second candidate icon 1012 is located in the fifth candidate area 1025, the fifth candidate area 1025 may be determined as the first target area.

[0114] During the movement of the second candidate icon 1012, it may also pass through the first candidate area 1021, the second candidate area 1022 and the fourth candidate area 1024. Therefore, the first sub-direction may be determined according to the direction of the fifth candidate area 1025 relative to the fourth candidate area 1024; the second sub-direction may be determined according to the direction of the fourth candidate area 1024 relative to the second candidate area 1022; and the third sub-direction may be determined according to the direction of the second candidate area 1022 relative to the first candidate area 1021.

[0115] Based on this, the first sub-direction may represent the direction from the fourth candidate region 1024 to the fifth candidate region 1025. The second sub-direction may represent the direction from the second candidate region 1022 to the fourth candidate region 1024. The third sub-direction may represent the direction from the first candidate region 1021 to the second candidate region 1022.

[0116] Therefore, the first candidate region 1021 , the second candidate region 1022 , and the fourth candidate region 1024 may all be determined as the second target region.

[0117] The associated information corresponding to the first candidate area 1021 may be queried and obtained according to the information query dimension corresponding to the second candidate icon 1012 and the information query identifier corresponding to the first candidate area 1021 .

[0118] The associated information corresponding to the second candidate area 1022 may be obtained by querying according to the information query dimension corresponding to the second candidate icon 1012 and according to the information query identifier corresponding to the second candidate area 1022 .

[0119] The associated information corresponding to the fourth candidate area 1024 may be obtained by querying according to the information query dimension corresponding to the second candidate icon 1012 and according to the information query identifier corresponding to the fourth candidate area 1024 .

[0120] The associated information corresponding to the fifth candidate area 1025 may be obtained by querying according to the information query dimension corresponding to the fifth candidate icon 1012 and according to the information query identifier corresponding to the fifth candidate area 1025 .

[0121] Therefore, the target page 1000 can be rendered according to the associated information corresponding to the first candidate area 1021, the associated information corresponding to the second candidate area 1022, the associated information corresponding to the fourth candidate area 1024 and the associated information corresponding to the fifth candidate area 1025 to generate the first information browsing page 1100.

[0122] The first information browsing page may include a first candidate icon 1011, a second candidate icon 1012, a third candidate icon 1013, a fourth candidate icon 1014, a first display area 1121, a second display area 1122, a third candidate area 1023, a third display area 1124, a fourth display area 1125, a sixth candidate area 1026, a seventh candidate area 1027, an eighth candidate area 1028, and a ninth candidate area 1029. The second candidate icon 1012 may be located at an initial position before the movement.

[0123] The associated information corresponding to the first candidate region 1021 may be displayed in the first display region 1121. The position of the first display region 1121 on the first information browsing page 1100 may be the same as the position of the first candidate region 1021 on the target page 1000.

[0124] The associated information corresponding to the second candidate region 1022 may be displayed in the second display region 1122. The position of the second display region 1122 on the first information browsing page 1100 may be the same as the position of the second candidate region 1022 on the target page 1000.

[0125] The associated information corresponding to the fourth candidate region 1024 may be displayed in the third display region 1124. The position of the third display region 1124 on the first information browsing page 1100 may be the same as the position of the fourth candidate region 1024 on the target page 1000.

[0126] And, the associated information corresponding to the fifth candidate region 1025 may be displayed in the fourth display region 1125. The position of the fourth display region 1125 on the first information browsing page 1100 may be the same as the position of the fifth candidate region 1025 on the target page 1000.

[0127] According to an embodiment of the present disclosure, by determining the predetermined direction based on the trajectory information obtained from the moving target icon, the user can determine the predetermined direction by himself, which improves the flexibility of determining the second target area and further improves the flexibility of displaying related information.

[0128] According to an embodiment of the present disclosure, the associated information displayed in the display area can be restored by operating the display area. For example, the associated information displayed in the display area can be restored to the information displayed in the candidate area corresponding to the display area by clicking the display area.

[0129] According to an embodiment of the present disclosure, rendering a target page according to association information to generate a first information browsing page includes: shielding a target field in the association information to obtain target association information. Rendering the target page according to a rendering template corresponding to a target icon, according to the target association information, a first target area, and a second target area to generate a first information browsing page.

[0130] According to an embodiment of the present disclosure, the association information may further include an account identifier. The fields in the account identifier that are in a predetermined position may be masked to obtain the target association information. The predetermined position may be determined according to demand, and the present disclosure does not limit this.

[0131] According to an embodiment of the present disclosure, target association information corresponding to the first target area can be displayed at a position corresponding to the first target area in the first information browsing page, and target association information corresponding to the second target area can be displayed at a position corresponding to the second target area.

[0132] Fig.12 A schematic diagram of field masking according to an embodiment of the present disclosure is schematically shown.

[0133] like Fig.12 As shown, the target page 1200 may include a first candidate icon 1211, a second candidate icon 1212, a third candidate icon 1213, a fourth candidate icon 1214, a first display area 1221, a second display area 1222, and a candidate area 1223. Among them, the second display area 1222 may be the first target area, and the first display area 1221 may be the second target area.

[0134] The target-related information displayed in the first display area 1221 may include a first account appearance image 1221_1 , a first account type 1221_2 , a first account identifier 1221_3 , and a first account amount 1221_4 .

[0135] For example, the first account type 1221_2 may be "savings type", the first account amount 1221_4 may be "123456", and the masked first account identifier 1221_3 may be "987XXXX654", where "XXXX" may represent the masked target field.

[0136] The target-associated information displayed in the second display area 1222 may include a second account appearance image 1222_1 , a second account type 1222_2 , a second account identifier 1222_3 , and a second account amount 1222_4 .

[0137] For example, the second account type 1222_2 may be "savings type", the second account amount 1222_4 may be "345", and the masked second account identifier 1222_3 may be "321XXXX545", where "XXXX" may represent the masked target field.

[0138] According to the embodiments of the present disclosure, by shielding the target fields in the associated information displayed in the first target area and the second target area, information leakage can be avoided and information security can be improved.

[0139] According to an embodiment of the present disclosure, the queried associated information may be in the form of fields, and thus the fields may be converted into readable text according to a mapping relationship between the fields and the text.

[0140] According to an embodiment of the present disclosure, when the target icon is released, the object identifier, the information query identifier and the identifier of the target icon can be stored in association to achieve the storage of the first information browsing page. The information query identifier and the identifier of the target icon can be stored in association in the form of an array. The object identifier, the information query identifier and the identifier of the target icon can be stored in association by calling an API (Application Programming Interface). Among them, the object identifier can be determined based on the object, that is, the user who logs in to the application.

[0141] According to an embodiment of the present disclosure, the above-mentioned page generation method also includes: in response to receiving a historical page generation request, parsing the historical page generation request to obtain an object identifier. According to the object identifier, querying from the storage space to obtain a historical information query identifier and a historical target icon identifier stored in association with the object identifier. According to the identifier of the historical target icon, determining a historical information query dimension and a historical rendering template. According to the historical information query identifier, according to the historical information query dimension, querying to obtain historical association information corresponding to the historical information query identifier. According to the historical rendering template, according to the historical association information, rendering the first information browsing page to generate a second information browsing page.

[0142] According to an embodiment of the present disclosure, the historical page generation request may be a request for generating a historical browsing page. The historical page generation request may be received by calling an API. The historical browsing page may be an information browsing page that has been displayed historically. The historical browsing page may include a second information browsing page.

[0143] According to an embodiment of the present disclosure, an object identifier can be used to query a historical information query identifier and an identifier of a historical target icon stored in association with the object identifier. The identifier of the historical target icon can be used to determine a historical information query dimension corresponding to the second information browsing page. The historical information query identifier can be used to query and obtain associated information corresponding to the second information browsing page according to the historical information query dimension. The historical target icon can include a historical account icon, a historical investment icon, a historical detail icon, or a historical transaction icon, etc.

[0144] For example, the information query dimension corresponding to the historical account icon may include at least one of the historical account identification dimension, the historical account appearance image dimension, the historical account type dimension, and the historical account amount dimension, and is not limited thereto. The information query dimension corresponding to the historical investment icon may include at least one of the historical financial product identification dimension, the historical financial product amount dimension, and the historical financial product type dimension, and is not limited thereto. The information query dimension corresponding to the historical detail icon may include at least one of the historical transaction date dimension, the historical transaction object dimension, and the historical transaction amount dimension, and is not limited thereto. The information query dimension corresponding to the historical transaction icon may include the historical transaction code image dimension, etc. The historical transaction code image may include the historical transaction QR code, etc.

[0145] According to an embodiment of the present disclosure, the history rendering template may be used to render the first information browsing page or the target page according to the history association information corresponding to different history target icons.

[0146] According to the embodiment of the present disclosure, by querying the historical information query identifier and the identifier of the historical target icon according to the object identifier, the historical associated information can be queried, and then the target page is rendered according to the historical associated information according to the historical rendering template, thereby generating a second information browsing page that has been displayed historically. Based on this, the regeneration of the historical second information browsing page that the user has browsed is achieved, which can improve the user experience.

[0147] According to an embodiment of the present disclosure, in response to an operation on a target icon among M candidate icons displayed in a target page, determining an information query dimension corresponding to the target icon includes: in response to a selection operation of selecting a target icon from the M candidate icons, obtaining size information of the target icon. According to a predetermined size change ratio, changing the size information of the target icon to obtain a changed target icon after the size change. In response to a move operation on the changed target icon, determining an information query dimension corresponding to the changed target icon.

[0148] According to an embodiment of the present disclosure, the size information of the target icon may include a length value and a width value of the target icon.

[0149] According to an embodiment of the present disclosure, the predetermined size change ratio can be set according to requirements, and the predetermined size change ratio can be 130%, 140% or 150%.

[0150] According to an embodiment of the present disclosure, the changed target icon may be a target icon enlarged according to a predetermined size change ratio, but is not limited thereto. The changed target icon may be a target icon reduced according to a predetermined size change ratio.

[0151] According to an embodiment of the present disclosure, when a user uses a terminal device to select a target icon, the length value and width value in the attribute information of the target icon can be read. The duration of the target icon being selected can be monitored, and thus, when the duration of the target icon being selected is greater than or equal to a predetermined duration, the length value and width value of the target icon can be changed according to a predetermined size change ratio to obtain an enlarged or reduced changed target icon. The predetermined duration can be set according to demand, and the present disclosure does not limit this. The target icon can be enlarged or reduced in the form of animation.

[0152] For example, when the target icon is selected, the application can actively trigger the drag event function. The custom logic in the drag event function can include: enlarging the size of the target icon, obtaining the identifier of the target icon, and caching the full amount of associated information corresponding to the information query dimension, so as to query the associated information corresponding to the information query identifier from the full amount of associated information according to the information query identifier, thereby improving the efficiency of querying the associated information. Among them, the information query dimension corresponds to the target icon.

[0153] According to an embodiment of the present disclosure, the information query dimension corresponding to the change target icon is the information query dimension corresponding to the above-mentioned target icon.

[0154] According to an embodiment of the present disclosure, by changing the size information of the target icon according to a predetermined size change ratio when the target icon is selected, the selected state of the selected target icon can be prompted, thereby improving the user experience.

[0155] Based on the above page generation method, the present disclosure also provides a page generation device. Fig.13 The device is described in detail.

[0156] Fig.13 The structural block diagram of the page generating device according to the embodiment of the present disclosure is schematically shown.

[0157] like Fig.13 As shown, the page generating device 1300 of this embodiment includes a first determining module 1310 , a first query module 1320 and a first rendering module 1330 .

[0158] The first determination module 1310 is used to determine the information query dimension corresponding to the target icon in response to an operation on the target icon among the M candidate icons displayed in the target page, wherein the target page includes N candidate areas, and N and M are both positive integers greater than 1. In one embodiment, the first determination module 1310 can be used to perform the operation S210 described above, which will not be repeated here.

[0159] The first query module 1320 is used to query and obtain the associated information corresponding to the information query identifier according to the information query dimension in response to the target icon being moved to the first target area among the N candidate areas. In one embodiment, the first query module 1320 can be used to perform the operation S220 described above, which will not be repeated here.

[0160] The first rendering module 1330 is used to render the target page according to the associated information to generate a first information browsing page. In one embodiment, the first rendering module 1330 can be used to perform the operation S230 described above, which will not be described in detail here.

[0161] According to an embodiment of the present disclosure, the first query module 1320 includes a first determination submodule, a second determination submodule and a query submodule. The first determination submodule is used to determine, in response to the target icon being located in the first target area, a second target area corresponding to the first target area from the N candidate areas according to the positional relationship between the N candidate areas; the second determination submodule is used to determine an information query identifier according to the first target area and the second target area; and the query submodule is used to query and obtain associated information according to the information query identifier and the information query dimension.

[0162] According to an embodiment of the present disclosure, the first determination submodule includes a first determination unit, a second determination unit, and a third determination unit. The first determination unit is used to determine the candidate area where the target icon is located when it is released as the first target area in response to a release operation on the operated target icon; the second determination unit is used to determine the regional ranking of the first target area according to the regional ranking information corresponding to the N candidate areas, wherein the regional ranking information represents the ranking of the N candidate areas arranged in the target page according to a predetermined direction; the third determination unit is used to determine the candidate area whose regional ranking is before the first target area as the second target area.

[0163] According to an embodiment of the present disclosure, the first determination submodule further includes a monitoring unit and a fourth determination unit. The monitoring unit is used to monitor the position information of the target icon during movement to obtain the track information of the target icon; and the fourth determination unit is used to determine the predetermined direction according to the track information.

[0164] According to an embodiment of the present disclosure, the first rendering module 1330 includes a shielding submodule and a rendering submodule. The shielding submodule is used to shield the target field in the association information to obtain the target association information; the rendering submodule is used to render the target page according to the rendering template corresponding to the target icon, the target association information, the first target area and the second target area, to generate the first information browsing page.

[0165] According to an embodiment of the present disclosure, the page generation device includes a parsing module, a second query module, a second determination module, a third query module and a second rendering module. The parsing module is used to respond to receiving a historical page generation request, parse the historical page generation request, and obtain an object identifier; the second query module is used to query the storage space to obtain the historical information query identifier and the identifier of the historical target icon stored in association with the object identifier according to the object identifier; the second determination module is used to determine the historical information query dimension and the historical rendering template according to the identifier of the historical target icon; the third query module is used to query the historical information query identifier according to the historical information query dimension and obtain the historical association information corresponding to the historical information query identifier; the second rendering module is used to render the first information browsing page according to the historical rendering template and the historical association information to generate the second information browsing page.

[0166] According to an embodiment of the present disclosure, the first determination module 1310 includes an acquisition submodule, a change submodule and a third determination submodule. The acquisition submodule is used to obtain the size information of the target icon in response to the selection operation of selecting the target icon from the M candidate icons; the change submodule is used to change the size information of the target icon according to a predetermined size change ratio to obtain the changed target icon after the size change; the third determination submodule is used to determine the information query dimension corresponding to the changed target icon in response to moving the changed target icon.

[0167] According to an embodiment of the present disclosure, any multiple modules of the first determination module 1310, the first query module 1320 and the first rendering module 1330 can be combined into one module for implementation, or any one of the modules can be split into multiple modules. Alternatively, at least part of the functions of one or more of these modules can be combined with at least part of the functions of other modules and implemented in one module. According to an embodiment of the present disclosure, at least one of the first determination module 1310, the first query module 1320 and the first rendering module 1330 can be at least partially implemented as a hardware circuit, such as a field programmable gate array (FPGA), a programmable logic array (PLA), a system on a chip, a system on a substrate, a system on a package, an application-specific integrated circuit (ASIC), or can be implemented by hardware or firmware such as any other reasonable way of integrating or packaging the circuit, or implemented in any one of the three implementation methods of software, hardware and firmware or in any appropriate combination of any of them. Alternatively, at least one of the first determination module 1310, the first query module 1320 and the first rendering module 1330 can be at least partially implemented as a computer program module, and when the computer program module is run, the corresponding function can be performed.

[0168] Fig.14 A block diagram of an electronic device suitable for implementing a page generating method according to an embodiment of the present disclosure is schematically shown.

[0169] like Fig.14 As shown, the electronic device 1400 according to an embodiment of the present disclosure includes a processor 1401, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 1402 or a program loaded from a storage part 1408 into a random access memory (RAM) 1403. The processor 1401 may include, for example, a general-purpose microprocessor (e.g., a CPU), an instruction set processor and / or a related chipset and / or a special-purpose microprocessor (e.g., an application-specific integrated circuit (ASIC)), etc. The processor 1401 may also include an onboard memory for caching purposes. The processor 1401 may include a single processing unit or multiple processing units for performing different actions of the method flow according to an embodiment of the present disclosure.

[0170] In RAM 1403, various programs and data required for the operation of electronic device 1400 are stored. Processor 1401, ROM 1402 and RAM 1403 are connected to each other through bus 1404. Processor 1401 performs various operations of the method flow according to the embodiment of the present disclosure by executing the program in ROM 1402 and / or RAM 1403. It should be noted that the program can also be stored in one or more memories other than ROM 1402 and RAM 1403. Processor 1401 can also perform various operations of the method flow according to the embodiment of the present disclosure by executing the program stored in the one or more memories.

[0171] According to an embodiment of the present disclosure, the electronic device 1400 may further include an input / output (I / O) interface 1405, which is also connected to the bus 1404. The electronic device 1400 may further include one or more of the following components connected to the input / output (I / O) interface 1405: an input portion 1406 including a keyboard, a mouse, etc.; an output portion 1407 including a cathode ray tube (CRT), a liquid crystal display (LCD), etc., and a speaker, etc.; a storage portion 1408 including a hard disk, etc.; and a communication portion 1409 including a network interface card such as a LAN card, a modem, etc. The communication portion 1409 performs communication processing via a network such as the Internet. A drive 1410 is also connected to the input / output (I / O) interface 1405 as needed. A removable medium 1411, such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, etc., is installed on the drive 1410 as needed, so that a computer program read therefrom is installed into the storage portion 1408 as needed.

[0172] The present disclosure also provides a computer-readable storage medium, which may be included in the device / apparatus / system described in the above embodiments; or may exist independently without being assembled into the device / apparatus / system. The above computer-readable storage medium carries one or more programs, and when the above one or more programs are executed, the method according to the embodiment of the present disclosure is implemented.

[0173] According to an embodiment of the present disclosure, a computer-readable storage medium may be a non-volatile computer-readable storage medium, for example, may include but is not limited to: a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination thereof. In the present disclosure, a computer-readable storage medium may be any tangible medium containing or storing a program, which may be used by or in combination with an instruction execution system, an apparatus, or a device. For example, according to an embodiment of the present disclosure, a computer-readable storage medium may include the ROM 1402 and / or RAM 1403 described above and / or one or more memories other than ROM 1402 and RAM 1403.

[0174] The embodiment of the present disclosure also includes a computer program product, which includes a computer program, and the computer program contains program code for executing the method shown in the flowchart. When the computer program product is run in a computer system, the program code is used to enable the computer system to implement the page generation method provided by the embodiment of the present disclosure.

[0175] The above functions defined in the system / device of the embodiment of the present disclosure are performed when the computer program is executed by the processor 1401. According to the embodiment of the present disclosure, the system, device, module, unit, etc. described above can be implemented by a computer program module.

[0176] In one embodiment, the computer program may rely on tangible storage media such as optical storage devices, magnetic storage devices, etc. In another embodiment, the computer program may also be transmitted and distributed in the form of signals on a network medium, and downloaded and installed through the communication part 1409, and / or installed from the removable medium 1411. The program code contained in the computer program may be transmitted using any appropriate network medium, including but not limited to: wireless, wired, etc., or any suitable combination of the above.

[0177] In such an embodiment, the computer program can be downloaded and installed from the network through the communication part 1409, and / or installed from the removable medium 1411. When the computer program is executed by the processor 1401, the above functions defined in the system of the embodiment of the present disclosure are performed. According to the embodiment of the present disclosure, the system, device, means, module, unit, etc. described above can be implemented by a computer program module.

[0178] According to an embodiment of the present disclosure, the program code for executing the computer program provided by the embodiment of the present disclosure can be written in any combination of one or more programming languages. Specifically, these computing programs can be implemented using high-level process and / or object-oriented programming languages, and / or assembly / machine languages. Programming languages ​​include, but are not limited to, Java, C++, python, "C" language or similar programming languages. The program code can be executed entirely on the user computing device, partially on the user device, partially on the remote computing device, or entirely on the remote computing device or server. In the case of a remote computing device, the remote computing device can be connected to the user computing device through any type of network, including a local area network (LAN) or a wide area network (WAN), or can be connected to an external computing device (for example, using an Internet service provider to connect through the Internet).

[0179] The flow charts and block diagrams in the accompanying drawings illustrate the possible architecture, functions and operations of the systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each box in the flow chart or block diagram can represent a module, a program segment, or a part of a code, and the above-mentioned module, program segment, or a part of a code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in a different order from the order marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram or flow chart, and the combination of the boxes in the block diagram or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0180] It should be noted that, unless it is explicitly stated that there is a sequence of execution between different operations shown in the flowchart in the embodiments of the present disclosure, or different operations have a sequence of execution in technical implementation, otherwise, the execution order of multiple operations may not be prioritized, and multiple operations may also be executed simultaneously.

[0181] It will be appreciated by those skilled in the art that the features described in the various embodiments and / or claims of the present disclosure may be combined and / or combined in a variety of ways, even if such combinations and / or combinations are not explicitly described in the present disclosure. In particular, the features described in the various embodiments and / or claims of the present disclosure may be combined and / or combined in a variety of ways without departing from the spirit and teachings of the present disclosure. All of these combinations and / or combinations fall within the scope of the present disclosure.

[0182] The embodiments of the present disclosure are described above. However, these embodiments are only for illustrative purposes and are not intended to limit the scope of the present disclosure. Although the embodiments are described above separately, this does not mean that the measures in the various embodiments cannot be used in combination to advantage. The scope of the present disclosure is defined by the attached claims and their equivalents. Without departing from the scope of the present disclosure, those skilled in the art may make a variety of substitutions and modifications, which should all fall within the scope of the present disclosure.

Claims

1. A page generation method, comprising: In response to an operation on a target icon among M candidate icons displayed in a target page, determining an information query dimension corresponding to the target icon, wherein the target page includes N candidate areas, and N and M are both positive integers greater than 1; In response to the target icon being moved to a first target area among the N candidate areas, querying and obtaining, according to the information query identifier corresponding to the first target area and according to the information query dimension, associated information corresponding to the information query identifier; The target page is rendered according to the associated information to generate a first information browsing page.

2. The method according to claim 1, wherein: In response to the target icon being moved to a first target area among the N candidate areas, querying and obtaining, according to the information query identifier corresponding to the first target area and according to the information query dimension, the associated information corresponding to the information query identifier includes: In response to the target icon being located in the first target area, determining a second target area corresponding to the first target area from among the N candidate areas according to a positional relationship between the N candidate areas; Determining the information query identifier according to the first target area and the second target area; According to the information query identifier and the information query dimension, the associated information is queried and obtained.

3. The method according to claim 2, wherein: In response to the target icon being located in the first target area, determining a second target area corresponding to the first target area from the N candidate areas according to a positional relationship between the N candidate areas, includes: In response to a release operation on the operated target icon, determining the candidate area where the target icon is located when the target icon is released as the first target area; Determining the region ranking of the first target region according to region ranking information corresponding to the N candidate regions, wherein the region ranking information represents the ranking of the N candidate regions arranged on the target page according to a predetermined direction; A candidate region whose region ranking is before the first target region is determined as the second target region.

4. The method according to claim 3, further comprising: Monitor the position information of the target icon during its movement to obtain the trajectory information of the target icon; The predetermined direction is determined according to the trajectory information.

5. The method according to claim 2, wherein: The step of rendering the target page according to the associated information to generate a first information browsing page includes: Masking the target field in the association information to obtain target association information; The target page is rendered according to the rendering template corresponding to the target icon, the target association information, the first target area, and the second target area to generate the first information browsing page.

6. The method according to claim 1, further comprising: In response to receiving the history page generation request, parsing the history page generation request to obtain an object identifier; According to the object identifier, query from the storage space to obtain the historical information query identifier and the historical target icon identifier stored in association with the object identifier; Determining a historical information query dimension and a historical rendering template according to the identifier of the historical target icon; According to the historical information query identifier and the historical information query dimension, query and obtain the historical related information corresponding to the historical information query identifier; According to the historical rendering template and the historical association information, the first information browsing page is rendered to generate a second information browsing page.

7. The method according to claim 1, wherein: The step of determining the information query dimension corresponding to the target icon in response to the operation on the target icon among the M candidate icons displayed in the target page includes: In response to a selection operation of selecting the target icon from the M candidate icons, acquiring size information of the target icon; Changing the size information of the target icon according to a predetermined size change ratio to obtain a changed target icon after the size change; In response to a move operation on the change target icon, an information query dimension corresponding to the change target icon is determined.

8. A page generating device, comprising: A first determination module, configured to determine, in response to an operation on a target icon among M candidate icons displayed in a target page, an information query dimension corresponding to the target icon, wherein the target page includes N candidate areas, and both N and M are positive integers greater than 1; A first query module, configured to query and obtain, in response to the target icon being moved to a first target area among the N candidate areas, the associated information corresponding to the information query identifier according to the information query dimension and corresponding to the first target area; The first rendering module is used to render the target page according to the associated information to generate a first information browsing page.

9. An electronic device, comprising: one or more processors; a storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors are enabled to execute the method according to any one of claims 1 to 7.

10. A computer-readable storage medium having executable instructions stored thereon, which, when executed by a processor, causes the processor to execute the method according to any one of claims 1 to 7.

Images