Page display method and device, electronic equipment and storage medium
By configuring page channels and generating URLs, dynamically generating and loading page components, the problem of inefficient development of product document pages in the financial technology field is solved, and personalized display and user experience are improved.
Patent Information
- Application Number
- CN202411329240.6
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-09-23
- Publication Date
- 2025-01-14
AI Technical Summary
In the field of financial technology, in the existing technology, due to product update speed and complexity, product document page development efficiency is inefficient and cannot effectively meet the display needs in different scenarios.
By configuring page channels and page display configuration parameters in page display requests, a unified resource positioning system URL is generated, a target page is dynamically generated, and a view functional component is not loaded according to the page display configuration parameters, so as to achieve personalized page display and User experience strategy.
It improves the efficiency of product document page development, meets different display needs, reduces development difficulty, and improves user experience, avoids the development of additional functions.
Smart Images

Figure CN119311983A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of financial technology, and in particular to a method and device for page display, an electronic device and a storage medium. Background Art
[0002] In the field of financial technology, it is often necessary to display white paper documents such as product terms and agreements on pages. The content of white paper documents is often complex and has many pages. In different scenarios, the content of the document required to be displayed for the same product is different. Therefore, in related technologies, in order to ensure the display effect, personalized development is often carried out on the page display end for the document content to be displayed for each product. However, with the speed of product updates and the complexity of products, the efficiency of page development is low. Therefore, how to improve the efficiency of page development for product document display is a technical problem that needs to be solved urgently. Summary of the invention
[0003] The main purpose of the embodiments of the present application is to propose a method and device for page display, an electronic device and a storage medium, aiming to improve the page development efficiency of product document display.
[0004] To achieve the above object, a first aspect of an embodiment of the present application provides a method for displaying a page, the method comprising:
[0005] Respond to the interface display request triggered in the preset view, and obtain the configured page channel and page display configuration parameters;
[0006] Generate a uniform resource locator system URL according to the page channel and the page display configuration parameters;
[0007] In the view, a first target page is obtained from the page channel based on the URL and displayed; wherein the first target page is generated based on the page display configuration parameters;
[0008] According to the page display configuration parameters, it is determined whether to load or not load a preset view function component in the first target page; wherein different view function components are used to generate different experience strategies based on the browsing status of the first target page.
[0009] In some embodiments, the page display configuration parameters include a page number parameter and a page area parameter, and in the view, obtaining and displaying a first target page from the page channel based on the URL includes:
[0010] According to the page number parameter, determining a first candidate target page from the white papers stored in the page channel;
[0011] Determining hot zone operation parameters and browsing operation parameters of the first target page according to the page area parameters;
[0012] Performing hot zone component configuration on each of the first candidate target pages according to the hot zone operation parameters and performing browsing component configuration on each of the first candidate target pages according to the browsing operation parameters to obtain a second candidate target page;
[0013] Determine the first target page from each of the second candidate target pages;
[0014] Each of the second candidate target pages is stored in a preset location and the first target page is displayed.
[0015] In some embodiments, the page display configuration parameter further includes a page hash parameter; in the view, obtaining and displaying a first target page from the page channel based on the URL further includes:
[0016] A second candidate target page whose page number matches the page hash parameter is used as the first target page.
[0017] In some embodiments, the hot zone operating parameters include hot zone area location parameters, hot zone shape parameters, and hot zone function parameters, and the method further includes:
[0018] When the hot zone component based on the first target page identifies that the current browsing position matches the hot zone area position parameter of the first target page, a hot zone shape corresponding to the hot zone shape parameter of the first target page is displayed at the current browsing position;
[0019] In response to a hot zone triggering request triggered within the hot zone shape, a hot zone function defined in the hot zone component is executed.
[0020] In some embodiments, executing the hot zone function defined in the hot zone component includes at least one of the following:
[0021] When the click type of the hot zone function parameter is an exit click type, jump to the exit page defined in the hot zone function parameter;
[0022] When the click type of the hot zone function parameter is a zoom click type, zooming processing is performed on the first target page within the hot zone shape;
[0023] When the click type of the hot zone function parameter is a play click type, the video source defined in the hot zone function parameter is played;
[0024] When the click type of the hot zone function parameter is a jump click type, jump to the second target page defined in the hot zone function parameter.
[0025] In some embodiments, the browsing component includes a manual page turning button, a directory mode button, and a preview mode button, and the method further includes at least one of the following:
[0026] In response to a first trigger request of the manual page turning button, determining a third target page from the candidate target pages according to the page number of the first target page and displaying the third target page in the view;
[0027] In response to a second trigger request of the directory mode button, each of the candidate target pages is displayed in the view according to a preset directory mode;
[0028] In response to a third trigger request of the preview mode button, the first target page is displayed in the view in a reading preview mode.
[0029] In some embodiments, the view function component includes a countdown component, and the page display configuration parameter includes a page area parameter; and determining whether to load or not load a preset view function component in the first target page according to the page display configuration parameter includes:
[0030] Get the target page number and target browsing area that supports the countdown function;
[0031] When the target page number matches the page of the first target page, determining whether the target browsing area includes a page area corresponding to the page area parameter of the first target page;
[0032] When the target browsing area includes a page area corresponding to the page area parameter of the first target page, loading the countdown component in the first target page;
[0033] When the target browsing area does not include the page area corresponding to the page area parameter of the first target page, the countdown component is not loaded in the first target page.
[0034] To achieve the above-mentioned purpose, a second aspect of an embodiment of the present application provides a device for displaying a page, the device comprising:
[0035] The acquisition module is used to respond to the interface display request triggered in the preset view, and obtain the configured page channel and page display configuration parameters;
[0036] A generating module, used for generating a uniform resource locator URL according to the page channel and the page display configuration parameters;
[0037] A display module, configured to obtain and display a first target page from the page channel based on the URL in the view; wherein the first target page is generated based on the page display configuration parameters;
[0038] A loading module is used to determine whether to load or not load a preset view function component in the first target page according to the page display configuration parameters; wherein different view function components are used to generate different experience strategies based on the browsing status of the first target page.
[0039] To achieve the above objectives, a third aspect of an embodiment of the present application proposes an electronic device, which includes a memory and a processor, wherein the memory stores a computer program, and when the processor executes the computer program, the method described in the first aspect is implemented.
[0040] To achieve the above-mentioned purpose, the fourth aspect of an embodiment of the present application proposes a computer-readable storage medium, wherein the computer-readable storage medium stores a computer program, and when the computer program is executed by a processor, the method described in the first aspect is implemented.
[0041] The method and device for page display, electronic device and storage medium proposed in the present application configure the corresponding page channel and page display configuration parameters for each interface display request, and generate a URL. Based on the URL, the page channel identifies each display page to be displayed and the components to be loaded for each display page, thereby generating a first target page. At this time, the personalized generation of the first target page is dynamically generated based on the configuration parameters at the page channel, and the page display terminal can meet different display requirements without adding additional function development. And by judging whether to add a view function component based on the page display configuration parameters, the configuration loading of the view function component is realized, which can reduce the difficulty of development while meeting the functional requirements. Therefore, compared with the related technology, the embodiment of the present application can improve the page development efficiency of product document display. BRIEF DESCRIPTION OF THE DRAWINGS
[0042] Figure 1 is a flow chart of a method for displaying a page provided by an embodiment of the present application;
[0043] Figure 2 This is a schematic diagram of an application scenario of the page display method provided in an embodiment of the present application;
[0044] Figure 3 It is a schematic diagram of various URL parameters in an embodiment of the method for page display provided in an embodiment of the present application;
[0045] Figure 4It is a schematic diagram of various URL parameters in another embodiment of the method for page display provided in an embodiment of the present application;
[0046] Figure 5 This is a flowchart of an embodiment of the method for displaying a page provided in an embodiment of the present application;
[0047] Figure 6 It is a module schematic diagram of a device for page display provided in an embodiment of the present application;
[0048] Figure 7 It is a schematic diagram of the hardware structure of the electronic device provided in the embodiment of the present application. DETAILED DESCRIPTION
[0049] In order to make the purpose, technical solution and advantages of the present application more clearly understood, the present application is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.
[0050] It should be noted that, although the functional modules are divided in the device schematic diagram and the logical order is shown in the flowchart, in some cases, the steps shown or described may be performed in a different order than the module division in the device or the order in the flowchart. The terms "first", "second", etc. in the specification, claims and the above drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence.
[0051] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as those commonly understood by those skilled in the art to which this application belongs. The terms used herein are only for the purpose of describing the embodiments of this application and are not intended to limit this application.
[0052] First, the terms involved in this application are explained:
[0053] Uniform Resource Locator, also known as uniform resource locator, referred to as URL, is a method of indicating the location of information on the World Wide Web service program of the Internet.
[0054] Hotspots represent the interactive parts of the interface, which are usually called "clickable areas". After interaction, these parts can trigger various events, such as link jumps, form submissions, or pop-up dialog boxes.
[0055] Directory mode is a commonly used mode in data processing and storage, especially in scenarios where large amounts of files and data are processed. It allows the system to organize and access data in the form of directories, making data management and access more efficient and orderly.
[0056] Preview mode is used to optimize the user's reading experience, such as reducing the interference of cluttered elements in the view, making it easier for users to focus on the content of the web page.
[0057] In the field of financial technology, it is often necessary to display white paper documents such as product terms and agreements on pages, and white paper documents are often more complex and have more pages. In different scenarios, the document content required to be displayed for the same product is not the same. Therefore, in the prior art, in order to adapt to the promotion needs of various products, the document content display method of the product is often designed in a universal way, such as displaying all the documents of the product. Therefore, it is easy to cause too much content to be displayed, resulting in too long a page share, and it is impossible to operate the information in the content. For example, in order to improve the promotion effect of the product, the document content to be displayed for each product is often personalized on the page display end to ensure that the displayed document content can better reflect the advantages of the product. However, with the speed of product updates and the complexity of products, the page development process also needs to take into account the historical program functions, resulting in low page development efficiency. Therefore, how to improve the page development efficiency of product document display is a technical problem that needs to be solved urgently. Based on this, the embodiment of the present application provides a method and device for page display, an electronic device and a storage medium, which are intended to improve the page development efficiency of product document display and take into account user experience.
[0058] The method and device, electronic device, and storage medium provided in the embodiments of the present application are specifically described through the following embodiments. First, the page display method in the embodiments of the present application is described.
[0059] The method for page display provided in the embodiment of the present application relates to the field of financial technology. The method for page display provided in the embodiment of the present application can be applied to a terminal, can be applied to a server side, or can be software running in a terminal or a server side. In some embodiments, the terminal can be a smart phone, a tablet computer, a laptop computer, a desktop computer, etc.; the server side can be configured as an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communications, middleware services, domain name services, security services, CDN, and big data and artificial intelligence platforms; the software can be an application of the method for implementing page display, etc., but is not limited to the above forms.
[0060] The present application can be used in many general or special computer system environments or configurations. For example: personal computers, server computers, handheld or portable devices, tablet devices, multiprocessor systems, microprocessor-based systems, set-top boxes, programmable consumer electronics, network PCs, minicomputers, mainframe computers, distributed computing environments including any of the above systems or devices, etc. The present application can be described in the general context of computer-executable instructions executed by a computer, such as program modules. Generally, program modules include routines, programs, objects, components, data structures, etc. that perform specific tasks or implement specific abstract data types. The present application can also be practiced in distributed computing environments, in which tasks are performed by remote processing devices connected through a communication network. In a distributed computing environment, program modules can be located in local and remote computer storage media including storage devices.
[0061] It should be noted that in each specific implementation of the present application, when a transaction event involves the need to perform relevant processing based on data related to user identity or characteristics such as user information, user behavior data, user historical data, and user location information, the user's permission or consent will be obtained first, and the collection, use, and processing of these data will comply with relevant laws, regulations, and standards. In addition, when the embodiment of the present application needs to obtain the user's sensitive personal information, the user's separate permission or consent will be obtained through a pop-up window or by jumping to a confirmation page. After clearly obtaining the user's separate permission or consent, the necessary user-related data for the normal operation of the embodiment of the present application will be obtained.
[0062] Figure 1 is an optional flow chart of the method for displaying a page provided in an embodiment of the present application. Figure 1 The method may include but is not limited to steps S101 to S104.
[0063] Step S101, responding to an interface display request triggered in a preset view, obtaining a configured page channel and page display configuration parameters;
[0064] Step S102: Generate a Uniform Resource Locator URL according to the page channel and page display configuration parameters;
[0065] Step S103: in the view, obtaining and displaying a first target page from a page channel based on a URL; wherein the first target page is generated based on a page display configuration parameter;
[0066] Step S104: Determine whether to load or not load a preset view function component in the first target page according to the page display configuration parameters; wherein different view function components are used to generate different experience strategies based on the browsing state of the first target page.
[0067] Therefore, by configuring the corresponding page channel and page display configuration parameters for each interface display request and generating a URL, the page channel identifies the various display pages that need to be displayed and the components that need to be loaded for each display page based on the URL, thereby generating the first target page. At this time, the personalized generation of the first target page is dynamically generated based on the configuration parameters at the page channel, and the page display terminal can meet different display requirements without increasing the development of additional functions. And by determining whether to add a view function component based on the page display configuration parameters, the configuration loading of the view function component is realized, which can reduce the difficulty of development while meeting the functional requirements. Therefore, the embodiment of the present application can improve the page development efficiency of product document display.
[0068] The interface display request may be triggered by a mouse click or by moving the cursor in the view to a specific position. In this regard, the embodiment of the present application does not limit how the interface display request is triggered. The interface display request is used to request the generation of a display page for page display based on the relevant document content of the product at the triggering position. The display page may be one or more, and each display page corresponds to a page of the document.
[0069] Page channels are used to distinguish different display requirements. For example, when a product is triggered at different locations, different page numbers in the same white paper document need to be displayed, and the operations during browsing are also different, so different page channels can be used to distinguish them. The page display configuration parameters are used to load reading components on the pages that need to be displayed under the page channel to generate display pages, thereby improving the user experience of page browsing when the page terminal is displayed. Reading components are functional components that improve reading effects, such as hot zone components, page turning controls, and browsing mode controls. When there are multiple display pages, all display pages corresponding to the URLs under the page channel can be obtained at one time and saved in a local preset location, so that they do not need to be obtained in real time during subsequent browsing, thereby improving the user experience.
[0070] The first target page is the page currently being displayed in the view. In some embodiments, if the number of display pages requested to be displayed by the interface display request is 1, the first target page is the display page requested to be displayed. In other embodiments, if the number of display pages requested to be displayed by the interface display request is greater than 1, the first target page is the display page with the smallest page number that can be displayed in the request, or it can be the display page that was last browsed when the same interface display request was triggered. In this regard, the embodiments of the present application do not limit the specific setting of the first target page, and those skilled in the art can selectively set it according to actual needs.
[0071] It is understandable that the present application embodiment does not restrict the view function component. The view function component can be used to motivate users to browse. The browsing status can be whether the user has browsed, browsing progress, browsing duration, etc. For example, the view function component is set to record whether the user has browsed on the same day or on the same time. If the user has browsed, an experience strategy is generated to motivate the user by issuing points or offline rewards after browsing. The view function component can also be set to motivate through browsing progress, such as when the browsing progress reaches 50%, an experience strategy for the first tier of points reward is generated, and when the browsing progress reaches 80%, an experience strategy for the second tier of points reward is generated; another example is to motivate based on browsing duration, etc. In this regard, the present application embodiment does not restrict the view function component, and those skilled in the art can selectively set it according to actual needs.
[0072] It is understandable that each parameter in the page display configuration parameters may correspond to a functional component, so that the reading function combination of the corresponding display interface may be performed based on the page display configuration parameters to realize personalized loading of the display interface.
[0073] Therefore, by parameterizing the function of displaying the page and generating the corresponding URL for configuration and parameter transmission, the page display terminal can meet a variety of different page reading requirements without adding additional function design, and at the same time, combined with the view function component for incentive design, the personalized design of each display page can be realized. Therefore, the embodiment of the present application can improve the user experience while not requiring personalized development and design for the product. At the same time, by setting additional view function components, the enthusiasm for browsing the first target page can be further improved, thereby improving the user experience.
[0074] It is understandable that steps S101 to S104 of the present application can be applied to a browser or an independent application, and the embodiments of the present application do not impose too many restrictions on this.
[0075] For example, refer to Figure 2 As shown, steps S101 to S104 are performed through a page terminal (such as Figure 6When multiple products are displayed on the page terminal, a server connected to the page terminal is configured with multiple page channels, namely channel 1 to channel n, each of which corresponds to an interface display request and corresponding page display configuration parameters are configured under each page channel, wherein the page display configuration parameters include document-related parameters. Figure 2 As shown, channel 1 and channel 2 are both configured with page display configuration parameters for different page numbers of document 1, and channel n is configured with page display configuration parameters for document m. When the interface display request corresponding to channel 1 is triggered, channel 1 receives URL1 and parses URL1 to obtain that the document to be displayed is document 1, and the pages with page numbers 1 to 2 need to be displayed as display pages on the page terminal. When the interface display request corresponding to channel 2 is triggered, channel 2 receives URL2 and parses and identifies URL2 to obtain that the document to be displayed is document 2 and the pages with page numbers 8 to 10 need to be displayed as display pages. It is understandable that the embodiment of the present application does not limit how page channels are divided. For example, they can be divided based on scenarios. The component functions supported in each scenario are different, and the configured documents and the number of documents may also be different.
[0076] It is understandable that the page display configuration parameters include page number parameters and page area parameters. In the view, the first target page is obtained and displayed from the page channel based on the URL, including:
[0077] According to the page number parameter, determine the first candidate target page from the white papers stored in the page channel;
[0078] Determining the hot zone operation parameters and browsing operation parameters of the first target page according to the page area parameters;
[0079] Performing hot zone component configuration on each first candidate target page according to the hot zone operation parameter and performing browsing component configuration on each first candidate target page according to the browsing operation parameter to obtain a second candidate target page;
[0080] Determine a first target page from each second candidate target page;
[0081] Each second candidate target page is stored in a preset position and the first target page is displayed.
[0082] It is understandable that the page number parameter is used to record the page number of the display page displayed in the document at the page channel, and can be used to determine the number of display pages that need to be loaded. The page area parameter is used to record the document source of each display page and the operations that can be performed when reading, and is used to determine the functional components (such as hot zone components, such as browsing components) that should be loaded on each first candidate target page.
[0083] The default location is the local storage path of the terminal where the view is located.
[0084] The hot zone operation parameters are used to indicate the configured hot zones and hot zone operations. The browsing operation parameters are used to indicate the browsing operations of reading, such as page turning and reading mode. The browsing component is used to implement browsing operations. The hot zone component is used to implement hot zone identification and hot zone trigger operations.
[0085] For example, taking the white paper showing the page as coming from a product, refer to Figure 3 As shown, Figure 3 The following is a schematic diagram of the display page generation process based on the parameters in the URL when the number of display pages is 1. Figure 3 As shown, each page channel parses the received URL to obtain the page number parameter and the page area parameter corresponding to each page number under the page number parameter. Figure 3 As shown, there are multiple parameters in the page area, including white paper title, white paper page number, supported browsing modes (such as Figure 3 As shown, it supports directory jump mode and preview mode, where some display pages can be configured to support directory jump mode) and hot zone operation parameters. Based on the white paper title and page number, it can be determined what the current displayed content is, and the browsing mode and hot zone operation parameters can determine the interactive operations supported on the display page.
[0086] For example, take the white paper showing the page coming from the product as an example, Figure 4 As shown, Figure 4 The following is a schematic diagram of the process of generating a display page based on parameters in the URL when the number of display pages is set to n. Figure 4 As shown, the showcase list parameters are configured in the page area parameters of the URL. The showcase list parameters include parameters for n display pages. Each showcase in the showcase list corresponds to a page in the white paper. Figure 4 As shown, after receiving the URL, the page channel parses the URL to obtain the page number parameter and the parameters corresponding to the window list, where the value of the page number parameter is set to n, indicating that n display pages can be displayed. Among them, the window list parameters include general area parameters, such as Figure 4 As shown, the general area parameters include white paper title, white paper page number, directory jump mode, directory page number in directory jump mode, preview mode, and hot zone area. Among them, the white paper title defines the title of each showcase when it is displayed, the white paper page shows the page range of each showcase when it is displayed in the view, the directory jump mode indicates that directory jump is supported, the directory page number in directory jump mode indicates that only the configured directory page number supports directory jump, the preview mode indicates that reading preview is supported, and the hot zone area defines the number of hot zones supported. The showcase list parameters also include personalized page area parameters, such as Figure 4As shown, taking showcase 1 as an example, the personalized page area parameters of showcase 1 include the main title, the image corresponding to the page number, the corresponding page number on the showcase, whether to zoom in on clicking, and hot zone-x: shape | coordinates | click type | click-effective content; wherein the main title indicates the title of the white paper corresponding to the current showcase 1, the corresponding page on the showcase indicates the page number of the page of the white paper corresponding to the showcase, and the image corresponding to the page number indicates that the corresponding page on the white paper is displayed in the form of an image. Click to zoom in means that the corresponding position can be enlarged when clicking to display the page. In some embodiments, click to zoom out can also be configured or not configured. As Figure 4 As shown, hot zone-x indicates the hot zone operation parameters corresponding to the xth hot zone, and the hot zone operation parameters include shape, coordinates, click type, and click-effective content. Among them, the click type can be configured as one of exit, zoom, zoom, and jump. When the click type is exit, it will exit to the exit page defined in "Click-effective content". At this time, n showcases are generated one by one based on the showcase list parameters, namely showcase 1, showcase 2,..., showcase n.
[0087] In some embodiments, the page display configuration parameters further include a page hash parameter; in the view, obtaining and displaying the first target page from the page channel based on the URL, further includes:
[0088] The second candidate target page whose page number matches the page hash parameter is used as the first target page.
[0089] The page hash parameter is used to call the hash function of the URL to determine the first target page. Providing the page hash parameter can further improve the user experience.
[0090] It is understood that the hot zone operation parameters include hot zone area position parameters, hot zone shape parameters and hot zone function parameters, and the method further includes:
[0091] When the hot zone component based on the first target page identifies that the current browsing position matches the hot zone area position parameter of the first target page, a hot zone shape corresponding to the hot zone shape parameter of the first target page is displayed at the current browsing position;
[0092] In response to a hotspot trigger request triggered within a hotspot shape, the hotspot function defined in the hotspot component is executed.
[0093] It is understandable that the coordinates of the hot zone are defined in the hot zone area position parameters. Therefore, when the current browsing position is within the coordinate range set for the hot zone, it means that the current browsing position is already in the hot zone.
[0094] The hot zone shape is the shape of the area mapped by the hot zone, so as to facilitate the positioning of the hot zone, and can be configured into different shapes, such as a circle, a polygon, and a rectangle, etc. The embodiment of the present application does not limit the specific shape of the hot zone shape, and those skilled in the art can selectively set it according to actual needs. The hot zone area position parameter represents the coordinates of the hot zone shape. In some embodiments, the hot zone area position parameter records the vertex coordinates of the hot zone shape. In other embodiments, the hot zone area position parameter records the function expression of the hot zone shape. In this regard, the embodiment of the present application does not limit the specific content of the hot zone area position parameter, and those skilled in the art can selectively set it according to actual needs. Exemplarily, taking the hot zone shape as a rectangle as an example, the hot zone area position parameter may include the vertex coordinates of the rectangle, such as including the upper left corner vertex coordinates of the rectangle as (x1, y1) and the lower right corner vertex coordinates as (x2, y2). At this time, when the current browsing position (i.e., the cursor position) is in the rectangular area with (x1, y1) as the upper left corner vertex coordinates and (x2, y2) as the lower right corner vertex coordinates, it means that the current browsing position matches the hot zone area position parameter of the first target page. Exemplarily, taking the shape of the hot zone as a circle as an example, the hot zone area position parameters may include image function parameters, such as the coordinates of the center of the circle as (X1, y1) and the radius as r; at this time, when the current browsing position is in the circular area with (X1, y1) as the center and the radius as r, it means that the current browsing position matches the hot zone area position parameters of the first target page. Exemplarily, taking the shape of the hot zone as a polygon as an example, the hot zone area position parameters may include the coordinates of each vertex, such as the coordinates of each vertex of the hot zone shape as (x1, y1), (x2, y2), ..., (xn, yn), then when the current browsing position is in the polygonal area formed by connecting (x1, y1), (x2, y2), ..., (xn, yn) in sequence, it means that the current browsing position matches the hot zone area position parameters of the first target page.
[0095] It is understandable that in some embodiments, after the hot zone component divides the page number page and locates the function, the first target page can automatically correct the size of the area and calculate the corresponding coordinate ratio of the operation hot zone according to different screen percentages.
[0096] Therefore, the hot zone operation parameters can be used to configure the custom operation of each hot zone, thereby improving the user experience.
[0097] The hot zone function is the page operation performed after the hot zone is triggered, including but not limited to zooming in and out of the content in the hot zone area, adding a new link for playback, etc.
[0098] It is understandable that executing the hot zone function corresponding to the hot zone function parameter of the first target page includes at least one of the following:
[0099] When the click type of the hot zone function parameter is the exit click type, jump to the exit page defined in the hot zone function parameter;
[0100] When the click type of the hot zone function parameter is a zoom click type, the first target page within the hot zone shape is zoomed;
[0101] When the click type of the hot zone function parameter is the play click type, the video source defined in the hot zone function parameter is played;
[0102] When the click type of the hot zone function parameter is a jump click type, jump to the second target page defined in the hot zone function parameter.
[0103] It is understandable that the hot zone function parameters define the click-type click-effective content. Figure 4 As shown, for each hot zone, a click type and corresponding click-effective content are configured. Among them, the exit page is the click-effective content of the exit click type, the zoom processing is the click-effective content of the zoom click type, the video source is the click-effective content of the play click type, and the second target page is the click-effective content of the jump click type.
[0104] In some embodiments, the exit page can be set to the page before entering the first target page. In other embodiments, it is a pre-set jump page. The embodiments of the present application do not limit this, and technical personnel in the field can selectively set it according to actual needs.
[0105] In some embodiments, the zoom click type defines the relationship between the number of clicks and zooming in and out, thereby enabling zoom processing.
[0106] The video source can be selectively set according to actual needs. For example, for complex and difficult to understand content, the user experience can be improved by video explanation. This embodiment of the application does not limit this.
[0107] The second target page can be set as the next page number of the first target page as needed, or can be set as a specific page. The embodiment of the present application does not limit this, and those skilled in the art can selectively set it according to actual needs.
[0108] It is understandable that at least one hot zone can be set in the first target page, and the hot zone operation parameters of each hot zone can be the same or different. In this regard, the embodiments of the present application are not limited, and those skilled in the art can selectively set them according to actual needs. Exemplarily, the first target page is provided with two hot zones, such as hot zone 1 is provided at the xx noun of the first target page and hot zone 2 is provided at the yy noun, wherein the hot zone click type corresponding to hot zone 2 is a video, so as to explain the meaning of the xx noun through a video. The hot zone click type corresponding to hot zone 2 is a jump operation, so that you can jump to the corresponding second target page to explain the yy noun.
[0109] It is understandable that the browsing component includes a manual page turning button, a directory mode button, and a preview mode button, and the method further includes at least one of the following:
[0110] In response to a first trigger request of a manual page turning button, a third target page is determined from candidate target pages according to a page number of the first target page and the third target page is displayed in the view;
[0111] In response to a second trigger request of the directory mode button, each candidate target page is displayed in the view according to a preset directory mode;
[0112] In response to a third trigger request of the preview mode button, the first target page is displayed in the view in a reading preview mode.
[0113] The embodiments of the present application do not restrict how the manual page turning button, directory mode button, and preview mode button are displayed. In some embodiments, a unified toolbar can be set, and the manual page turning button, directory mode button, and preview mode button are integrated on the toolbar. The toolbar can be set in a floating or fixed setting. In other embodiments, the manual page turning button can be set at the end of the first target page, and the directory mode button and preview mode button can be set at the starting position of the first target page.
[0114] The embodiments of the present application do not limit the buttons displayed on each target page. For example, in some embodiments, the first target page only displays a manual page turning button. In other embodiments, the first target page only displays a target mode button. In other embodiments, the first target page only displays a preview mode button. In other embodiments, the first target page displays a manual page turning button and a directory mode button, which will not be described in detail in the embodiments of the present application.
[0115] It is understandable that for each display page being displayed, its browsing components can be set differently or the same, and this is not limited in the embodiments of the present application. For example, at time t, page 1 is the first target page at time t, which only displays the directory mode button and the manual page turning button. After turning the page at time t+1, page 2 is the first target page at time t+1, and the first target page at this time can only load the preview mode button and the manual page turning button.
[0116] Therefore, by providing a variety of button control functions, the user experience during the reading process can be further enriched.
[0117] It is understandable that the view function component includes a countdown component, and the page display configuration parameter includes a page area parameter; and determining whether to load or not load the preset view function component in the first target page according to the page display configuration parameter includes:
[0118] Get the target page number and target browsing area that supports the countdown function;
[0119] When the target page number matches the page of the first target page, determining whether the target browsing area includes a page area corresponding to the page area parameter of the first target page;
[0120] When the target browsing area includes the page area corresponding to the page area parameter of the first target page, loading the countdown component in the first target page;
[0121] When the target browsing area does not include the page area corresponding to the page area parameter of the first target page, the countdown component is not loaded in the first target page.
[0122] By adding the countdown component and the page area parameters of the first target page and the page number verification, a more flexible loading of the countdown component can be achieved, thereby improving the user experience.
[0123] For example, refer to Figure 5 Describe the page display method of the embodiment of the present application. Assuming that the interface display request is triggered, Figure 5 As shown, the specific steps are as follows:
[0124] Step 1: Get the page channel, page number parameter, page area parameter and hash page parameter (# / page / x) of the interface display request.
[0125] Step 2: Generate a URL with hash page parameters based on page channel, page number parameters, page area parameters;
[0126] Step 3: Identify the page area of each display page defined by the page number parameter under the page channel based on the URL, and load the window list of all display pages in the device where the page is displayed;
[0127] Step 4: Display the page corresponding to the page ID in the hash page parameter; if page=3, directly load the page with page number 3 in the showcase list. This function can also record the page number of the last browsed page.
[0128] Step 5: Verify the page number and area parameters of the currently displayed display page, and load the countdown component if the countdown component supports running in the currently displayed display page;
[0129] Step 6: Perform hot zone operations, as follows:
[0130] First, based on the hot zone shape of the currently displayed display page configuration, it is identified whether the current browsing position is in the hot zone. If the hot zone shape is a rectangle, the browsing position is identified based on the rectangle and the coordinates of the rectangle vertices. When the current browsing position is a hot zone, the click type of the hot zone is determined, such as Figure 5 As shown, when the click type is an exit click type, the "exit" branch is executed, when the click type is a play click type, the "play" branch is executed, and when the click type is a zoom click type, the "zoom in / out" branch is executed. When the click type is a jump click type, the "page turn branch" is executed.
[0131] Step 7: Perform the browsing operation, as follows:
[0132] Determine whether manual page turning is triggered. If so, enter the "page turning" branch to display the next page in the second candidate target page after loading.
[0133] Determine whether the directory mode is triggered. If yes, display each second candidate target page according to the directory. After selecting one of the second candidate target pages, enter the "page turning" branch to jump to the selected second candidate target page.
[0134] Determine whether the preview mode is triggered. If yes, display each second candidate target page according to the preview mode. After selecting one of the second candidate target pages, enter the "page turning" branch to jump to the selected second candidate target page.
[0135] See also Figure 6 The present application also provides a device for displaying a page, which can implement the above-mentioned method for displaying a page, such as Figure 6 As shown, the device comprises:
[0136] The acquisition module 100 is used to respond to the interface display request triggered in the preset view and acquire the configured page channel and page display configuration parameters;
[0137] A generating module 200, for generating a uniform resource locator URL according to a page channel and a page display configuration parameter;
[0138] The display module 300 is used to obtain and display a first target page from a page channel based on a URL in a view; wherein the first target page is generated based on a page display configuration parameter;
[0139] The loading module 400 is used to determine whether to load or not load a preset view function component in the first target page according to the page display configuration parameters; wherein different view function components are used to generate different experience strategies based on the browsing state of the first target page.
[0140] Therefore, by configuring the page channel and the page display configuration parameters in the URL parameters, the content and display mode of the first target page are configurable, so there is no need to conduct separate research and development for each product, thereby improving the page development efficiency of product document display. And because the page display configuration parameters are configurable, different display modes can be configured for the first target display page based on different user experience requirements to improve the user experience, and by adding a view function component to generate different experience strategies based on the browsing state of the first target page, the user experience can be further improved according to actual needs. Therefore, the embodiment of the present application can improve the page development efficiency of product document display while taking into account the user experience.
[0141] The specific implementation of the device for displaying the page is substantially the same as the specific implementation of the method for displaying the page, and will not be described in detail herein.
[0142] Therefore, the above embodiments of the present application have the following beneficial effects:
[0143] 1. It is no longer necessary to write code for each front-end page, which greatly reduces the development workload and avoids the possibility that code modifications will affect the business functions of the original page.
[0144] 2. The product maintenance cost is reduced, the configurability is high, and the page can update the book and image style and the coverage of its mapping hot areas at any time.
[0145] 3. Simulate the real book browsing experience, enhance the user experience and sense of ritual, and lower the user operation threshold.
[0146] The embodiment of the present application also provides an electronic device, the electronic device includes a memory and a processor, the memory stores a computer program, and the processor implements the above-mentioned page display method when executing the computer program. The electronic device can be any intelligent terminal including a tablet computer, a car computer, etc.
[0147] See also Figure 7 , Figure 7 The hardware structure of an electronic device of another embodiment is illustrated, and the electronic device includes:
[0148] The processor 701 may be implemented by a general-purpose CPU (Central Processing Unit), a microprocessor, an application-specific integrated circuit (ASIC), or one or more integrated circuits, and is used to execute relevant programs to implement the technical solutions provided in the embodiments of the present application;
[0149] The memory 702 can be implemented in the form of a read-only memory (ROM), a static storage device, a dynamic storage device, or a random access memory (RAM). The memory 702 can store an operating system and other application programs. When the technical solution provided in the embodiment of this specification is implemented by software or firmware, the relevant program code is stored in the memory 702, and the processor 701 calls and executes the page display method of the embodiment of this application;
[0150] Input / output interface 703, used to implement information input and output;
[0151] Communication interface 704, used to realize communication interaction between the device and other devices, which can be realized through wired mode (such as USB, network cable, etc.) or wireless mode (such as mobile network, WI FI, Bluetooth, etc.);
[0152] A bus 705 that transmits information between the various components of the device (e.g., the processor 701, the memory 702, the input / output interface 703, and the communication interface 704);
[0153] The processor 701 , the memory 702 , the input / output interface 703 and the communication interface 704 are connected to each other in communication within the device via a bus 705 .
[0154] An embodiment of the present application also provides a computer-readable storage medium, which stores a computer program. When the computer program is executed by a processor, the method for displaying the page is implemented.
[0155] The memory, as a non-transient computer-readable storage medium, can be used to store non-transient software programs and non-transient computer executable programs. In addition, the memory may include a high-speed random access memory, and may also include a non-transient memory, such as at least one disk storage device, a flash memory device, or other non-transient solid-state storage device. In some embodiments, the memory may optionally include a memory remotely disposed relative to the processor, and these remote memories may be connected to the processor via a network. Examples of the above-mentioned network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.
[0156] The page display method, page display device, electronic device and storage medium provided in the embodiment of the present application dynamically adjust the watermark by performing statistics of delayed data and disordered data based on the target transaction event stream of each stream processing window, so that the order of transaction events received in the stream processing window is more closely matched with the order of actual execution, thereby ensuring the efficiency and accuracy of transaction event processing. At the same time, since the condition of the watermark introduces delayed data and disordered data, the watermark is adjusted from two dimensions, thereby ensuring the effectiveness of the watermark adjustment, and further ensuring the efficiency and accuracy of transaction event processing, so that more complex financial data scenarios can be adapted. Therefore, compared with the related art, the embodiment of the present application can adapt to the analysis and processing of transaction events in complex financial data scenarios while taking into account processing efficiency and accuracy.
[0157] The embodiments described in the embodiments of the present application are intended to more clearly illustrate the technical solutions of the embodiments of the present application and do not constitute a limitation on the technical solutions provided in the embodiments of the present application. Those skilled in the art will appreciate that with the evolution of technology and the emergence of new application scenarios, the technical solutions provided in the embodiments of the present application are also applicable to similar technical problems.
[0158] Those skilled in the art will appreciate that the technical solutions shown in the figures do not constitute a limitation on the embodiments of the present application, and may include more or fewer steps than shown in the figures, or a combination of certain steps, or different steps.
[0159] The device embodiments described above are merely illustrative, and the units described as separate components may or may not be physically separated, that is, they may be located in one place or distributed on multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
[0160] Those skilled in the art will appreciate that all or some of the steps in the methods disclosed above, and the functional modules / units in the systems and devices may be implemented as software, firmware, hardware, or a suitable combination thereof.
[0161] The terms "first", "second", "third", "fourth", etc. (if any) in the specification of the present application and the above-mentioned drawings are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence. It should be understood that the data used in this way can be interchangeable where appropriate, so that the embodiments of the present application described herein can be implemented in an order other than those illustrated or described herein. In addition, the terms "including" and "having" and any of their variations are intended to cover non-exclusive inclusions, for example, a process, method, system, product or device comprising a series of steps or units is not necessarily limited to those steps or units clearly listed, but may include other steps or units that are not clearly listed or inherent to these processes, methods, products or devices.
[0162] It should be understood that in the present application, "at least one (item)" means one or more, and "plurality" means two or more. "And / or" is used to describe the association relationship of associated objects, indicating that three relationships may exist. For example, "A and / or B" can mean: only A exists, only B exists, and A and B exist at the same time, where A and B can be singular or plural. The character " / " generally indicates that the objects associated before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b or c can mean: a, b, c, "a and b", "a and c", "b and c", or "a and b and c", where a, b, c can be single or multiple.
[0163] In the several embodiments provided in the present application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are only schematic. For example, the division of the above units is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.
[0164] The units described above as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
[0165] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of software functional units.
[0166] If the integrated unit is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application is essentially or the part that contributes to the prior art or all or part of the technical solution can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including multiple instructions to enable a computer device (which can be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods of various embodiments of the present application. The aforementioned storage medium includes: U disk, mobile hard disk, read-only memory (Read-Only Memory, referred to as ROM), random access memory (Random Access Memory, referred to as RAM), disk or optical disk and other media that can store programs.
[0167] The preferred embodiments of the present invention are described above with reference to the accompanying drawings, but the scope of the rights of the present invention is not limited thereto. Any modification, equivalent substitution and improvement made by a person skilled in the art without departing from the scope and essence of the present invention should be within the scope of the rights of the present invention.
Claims
1. A method for page display, characterized in that: The method comprises: Respond to the interface display request triggered in the preset view, and obtain the configured page channel and page display configuration parameters; Generate a uniform resource locator system URL according to the page channel and the page display configuration parameters; In the view, a first target page is obtained from the page channel based on the URL and displayed; wherein the first target page is generated based on the page display configuration parameters; According to the page display configuration parameters, it is determined whether to load or not load a preset view function component in the first target page; wherein different view function components are used to generate different experience strategies based on the browsing status of the first target page.
2. The method for page display according to claim 1, characterized in that: The page display configuration parameters include a page number parameter and a page area parameter. In the view, obtaining and displaying a first target page from the page channel based on the URL includes: According to the page number parameter, determining a first candidate target page from the white papers stored in the page channel; Determining hot zone operation parameters and browsing operation parameters of the first target page according to the page area parameters; Performing hot zone component configuration on each of the first candidate target pages according to the hot zone operation parameters and performing browsing component configuration on each of the first candidate target pages according to the browsing operation parameters to obtain a second candidate target page; Determine the first target page from each of the second candidate target pages; Each of the second candidate target pages is stored in a preset location and the first target page is displayed.
3. The method for page display according to claim 2, characterized in that: The page display configuration parameters also include page hash parameters; The method of acquiring and displaying a first target page from the page channel based on the URL in the view further includes: A second candidate target page whose page number matches the page hash parameter is used as the first target page.
4. The method for page display according to claim 2, characterized in that: The hot zone operation parameters include hot zone area position parameters, hot zone shape parameters and hot zone function parameters, and the method further includes: When the hot zone component based on the first target page identifies that the current browsing position matches the hot zone area position parameter of the first target page, a hot zone shape corresponding to the hot zone shape parameter of the first target page is displayed at the current browsing position; In response to a hot zone triggering request triggered within the hot zone shape, a hot zone function defined in the hot zone component is executed.
5. The method for page display according to claim 4, characterized in that: The executing of the hot zone function defined in the hot zone component includes at least one of the following: When the click type of the hot zone function parameter is an exit click type, jump to the exit page defined in the hot zone function parameter; When the click type of the hot zone function parameter is a zoom click type, zooming processing is performed on the first target page within the hot zone shape; When the click type of the hot zone function parameter is a play click type, the video source defined in the hot zone function parameter is played; When the click type of the hot zone function parameter is a jump click type, jump to the second target page defined in the hot zone function parameter.
6. The method for page display according to claim 2, characterized in that: The browsing component includes a manual page turning button, a directory mode button, and a preview mode button, and the method further includes at least one of the following: In response to a first trigger request of the manual page turning button, determining a third target page from the candidate target pages according to the page number of the first target page and displaying the third target page in the view; In response to a second trigger request of the directory mode button, each of the candidate target pages is displayed in the view according to a preset directory mode; In response to a third trigger request of the preview mode button, the first target page is displayed in the view in a reading preview mode.
7. The method for displaying a page according to any one of claims 1 to 6, characterized in that: The view function component includes a countdown component, and the page display configuration parameter includes a page area parameter; and determining whether to load or not load a preset view function component in the first target page according to the page display configuration parameter includes: Get the target page number and target browsing area that supports the countdown function; When the target page number matches the page of the first target page, determining whether the target browsing area includes a page area corresponding to the page area parameter of the first target page; When the target browsing area includes a page area corresponding to the page area parameter of the first target page, loading the countdown component in the first target page; When the target browsing area does not include the page area corresponding to the page area parameter of the first target page, the countdown component is not loaded in the first target page.
8. A device for displaying a page, characterized in that: The device comprises: The acquisition module is used to respond to the interface display request triggered in the preset view, and obtain the configured page channel and page display configuration parameters; A generating module, used for generating a uniform resource locator URL according to the page channel and the page display configuration parameters; A display module, configured to obtain and display a first target page from the page channel based on the URL in the view; wherein the first target page is generated based on the page display configuration parameters; A loading module is used to determine whether to load or not load a preset view function component in the first target page according to the page display configuration parameters; wherein different view function components are used to generate different experience strategies based on the browsing status of the first target page.
9. An electronic device, characterized in that: The electronic device includes a memory and a processor, the memory stores a computer program, and the processor implements the page display method according to any one of claims 1 to 7 when executing the computer program.
10. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the method for displaying a page according to any one of claims 1 to 7 is implemented.