Page head loading method and device, computer equipment and storage medium

By judging the page loading status in real time and generating the page header based on the configuration information, the problem of H5 page return operation and the problem of mismatch between the native page header and the content of the H5 page is solved, and the page header and content are decoupled and improved user experience is achieved.

CN119669589APending Publication Date: 2025-03-21CHINA PING AN LIFE INSURANCE CO LTD
View PDF 0 Cites 0 Cited by

Patent Information

Application Number
CN202411727788.6
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2024-11-28
Publication Date
2025-03-21

AI Technical Summary

Technical Problem

In the business system, the page header of the H5 page may not be loaded normally during the return operation, resulting in the application page stagnation, or the native page header does not match the page content when switching the H5 page.

Method used

By judging the loading status of the page to be loaded in real time, when the page is loaded, the corresponding page header is generated based on the page configuration information, and the page header and page content are displayed on the front-end interface. When the page jumps, the link to the target page is obtained through the callback function, the corresponding target page header is obtained, and the interface is displayed.

Benefits of technology

It realizes the decoupling of the page header and the page content, avoids the problem of mismatch between the page content and the page header, and improves the user experience.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119669589A_ABST
    Figure CN119669589A_ABST
Patent Text Reader

Abstract

The invention relates to the field of data processing technology and financial science and technology, and provides a page head loading method which comprises the following steps: when a business system receives a page loading instruction, acquiring a to-be-loaded page corresponding to the page loading instruction for loading, and judging the loading state of the to-be-loaded page in real time, according to the loading state of the to-be-loaded page, obtaining a corresponding page or generating a corresponding to-be-loaded page head to be displayed on a front-end interface of the business system; and when the business system receives a page jump instruction of the cached page, acquiring a link of a target page corresponding to the page jump instruction through the callback function, acquiring a corresponding head of the target page based on the link of the target page, and displaying the head of the target page and page contents of the target page on a front-end interface of the business system. According to the page head loading method, decoupling of the page head and the page content can be achieved, and mismatching of the page content and the page head when a business system loads the page is avoided.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present invention relates to the fields of data processing technology and financial technology, and in particular to a page header loading method, device, computer equipment and storage medium. Background Art

[0002] In the practice of application page development of business systems, H5 pages and native pages are usually used for mixed development. For example, in the page development process of Android applications, financial business systems such as pocket banks usually use H5 pages and native pages in a mixed manner according to application requirements to improve page loading efficiency while ensuring the page display effect. However, when the page header of the H5 page is returned by the business system control page, if the H5 page of the return operation cannot be loaded normally, the application page will stop at the current H5 page and cannot return. If the page header is provided by the native page, when the business system jumps from the first H5 page to the second H5 page, the page header will be transformed into the page header of the second H5 page, but when the user clicks the return button to return to the first H5 page, the status of the page header will remain as the status of the second H5 page, resulting in a mismatch between the page header and the page content. Summary of the invention

[0003] The present invention provides a page header loading method, device, computer equipment and storage medium, the main purpose of which is to provide a page header loading method for generating a page header according to page configuration information, so as to solve the technical problem that the page content and the page header do not match when the business system loads the page.

[0004] To achieve the above object, the present invention provides a page header loading method, the method comprising:

[0005] When the business system receives a page loading instruction, it obtains the page to be loaded corresponding to the page loading instruction, loads it, and determines the loading status of the page to be loaded in real time;

[0006] When the loading status of the page to be loaded is incomplete, displaying a loading status page on the front-end interface of the business system;

[0007] When the loading status of the page to be loaded is completed, a corresponding header of the page to be loaded is generated according to the configuration information of the page to be loaded, and the header of the page to be loaded and the page content of the page to be loaded are displayed on the front-end interface of the business system;

[0008] When the loading status of the page to be loaded is loading failure, a preset abnormal page is displayed on the front-end interface of the business system;

[0009] When the business system receives a page jump instruction for a cached page, it obtains the link of the target page corresponding to the page jump instruction through a callback function, obtains the corresponding target page header based on the link of the target page, and displays the target page header and the page content of the target page on the front-end interface of the business system.

[0010] In order to solve the above problem, the present invention further provides a page header loading device, the page header loading device comprising:

[0011] The page loading module is used to obtain the to-be-loaded page corresponding to the page loading instruction for loading when the business system receives the page loading instruction, and to determine the loading status of the to-be-loaded page in real time;

[0012] A loading start module, used for displaying a loading status page on the front-end interface of the business system when the loading status of the page to be loaded is incomplete;

[0013] A loading completion module, used for generating a corresponding header of the page to be loaded according to the configuration information of the page to be loaded when the loading status of the page to be loaded is completed, and displaying the header of the page to be loaded and the page content of the page to be loaded on the front-end interface of the business system;

[0014] A loading failure module, used for displaying a preset abnormal page on the front-end interface of the business system when the loading status of the page to be loaded is loading failure;

[0015] The cache page jump module is used to obtain the link of the target page corresponding to the page jump instruction through a callback function when the business system receives a page jump instruction for a cached page, obtain the corresponding target page header based on the link of the target page, and display the target page header and the page content of the target page on the front-end interface of the business system.

[0016] In order to solve the above problem, the present invention further provides a computer device, the computer device comprising:

[0017] at least one processor; and,

[0018] a memory communicatively connected to the at least one processor; wherein,

[0019] The memory stores instructions that can be executed by the at least one processor, and the instructions are executed by the at least one processor to enable the at least one processor to perform the page header loading method as described above.

[0020] In order to solve the above problem, the present invention further provides a computer-readable storage medium, in which a computer program is stored. When the computer program is executed by a processor, the page header loading method described above is implemented.

[0021] In the scheme implemented by the above-mentioned artificial intelligence-based intelligent question and answer processing method, device, computer equipment and storage medium, when the business system receives a page loading instruction, the loading status of the page to be loaded can be judged in real time. When the loading status of the page to be loaded is incomplete, the loading status page is displayed on the front-end interface of the business system; when the loading status of the page to be loaded is completed, the corresponding page header to be loaded is generated according to the configuration information of the page to be loaded, and the page header to be loaded and the page content of the page to be loaded are displayed on the front-end interface of the business system; when the loading status of the page to be loaded is loading failure, the preset exception page is displayed on the front-end interface of the business system; and when the business system receives a page jump instruction for a cached page, the link of the target page corresponding to the page jump instruction is obtained through a callback function, the corresponding target page header is obtained based on the link of the target page, and the target page header and the page content of the target page are displayed on the front-end interface of the business system, so as to realize the decoupling of the page header and the page content, and avoid the mismatch between the page content and the page header when the business system loads the page. BRIEF DESCRIPTION OF THE DRAWINGS

[0022] In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the accompanying drawings required for use in the description of the embodiments of the present invention will be briefly introduced below. Obviously, the accompanying drawings in the following description are only some embodiments of the present invention. For ordinary technicians in this field, other accompanying drawings can be obtained based on these accompanying drawings without paying creative labor.

[0023] Figure 1 is a schematic diagram of an application environment of a page header loading method in one embodiment of the present invention;

[0024] Figure 2 is a flow chart of a page header loading method in one embodiment of the present invention;

[0025] Figure 3 is a structural schematic diagram of a page header loading device in one embodiment of the present invention;

[0026] Figure 4 is a schematic diagram of the structure of a computer device in a first embodiment of the present invention;

[0027] Figure 5 It is another structural schematic diagram of the computer device in the second embodiment of the present invention.

[0028] The realization of the purpose, functional features and advantages of this application will be further explained in conjunction with embodiments and with reference to the accompanying drawings. DETAILED DESCRIPTION

[0029] In order to make the purpose, technical solution and advantages of the present invention more clear, the principle and spirit of the present invention will be described below with reference to several specific embodiments. It should be understood that the specific embodiments described here are only used to explain the present invention and are not used to limit the present invention.

[0030] It should be understood that the specific embodiments described herein are only used to explain the present invention and are not used to limit the present invention. Based on the embodiments in the present invention, all other embodiments obtained by ordinary technicians in this field without making creative work are within the scope of protection of the present invention. In addition, the technical solutions between each embodiment can be combined with each other, but it must be based on the ability of ordinary technicians in this field to implement. When the combination of technical solutions is contradictory or cannot be implemented, it should be considered that such combination of technical solutions does not exist and is not within the scope of protection required by the present invention.

[0031] It should be understood that the "multiple" mentioned in this application refers to two or more. In the description of this application, unless otherwise specified, " / " means or, for example, A / B can mean A or B; "and / or" in this article is only a description of the association relationship of associated objects, indicating that there can be three relationships, for example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone. In addition, in order to facilitate the clear description of the technical solution of this application, the words "first" and "second" are used to distinguish between the same items or similar items with basically the same functions and effects. Those skilled in the art can understand that the words "first" and "second" do not limit the quantity and execution order, and the words "first" and "second" do not limit them to be different.

[0032] The phrases such as "one embodiment" or "some embodiments" described in the present application mean that the specific features, structures or characteristics described in the embodiment are included in one or more embodiments of the present application. Therefore, the phrases such as "in one embodiment", "in some embodiments", "in some other embodiments", "in some other embodiments" that appear in the differences in the present application do not necessarily refer to the same embodiment, but mean "one or more but not all embodiments", unless otherwise specifically emphasized in other ways. In addition, the terms "including", "comprising", "having" and their variations all mean "including but not limited to", unless otherwise specifically emphasized in other ways.

[0033] The page header loading method provided by the embodiment of the present invention can be applied to Figure 1In an application environment, the client communicates with the server through a network. When receiving a page loading instruction sent by the client, the server can obtain the page to be loaded corresponding to the page loading instruction for loading, and judge the loading status of the page to be loaded on the client in real time; when the loading status of the page to be loaded is incomplete, the loading status page is displayed on the front-end interface of the client; when the loading status of the page to be loaded is completed, the corresponding page header to be loaded is generated according to the configuration information of the page to be loaded, and the page header and the page content of the page to be loaded are displayed on the front-end interface of the client; when the loading status of the page to be loaded is loading failure, a preset abnormal page is displayed on the front-end interface of the client. When the server receives a page jump instruction of a cached page sent by the client, it obtains the link of the target page corresponding to the page jump instruction through a callback function, obtains the corresponding target page header based on the link of the target page, and displays the target page header and the page content of the target page on the front-end interface of the client. In the present invention, a page header is generated according to the configuration information of the page of the business system, and the page link and the page header are stored in association to achieve the decoupling of the page content and the page header, so as to avoid the mismatch between the page content and the page header when the business system loads the page. Among them, the client can be but not limited to various personal computers, laptops, smart phones, tablet computers and portable wearable devices. The server can be implemented with an independent server or a server cluster composed of multiple servers. The present invention is described in detail below through specific embodiments.

[0034] See also Figure 2 As shown, Figure 2 1 is a flow chart of a page header loading method of the present invention, wherein the page header loading method includes steps S1-S5.

[0035] S1. When the business system receives a page loading instruction, it obtains the page to be loaded corresponding to the page loading instruction, loads it, and determines the loading status of the page to be loaded in real time.

[0036] In one embodiment, the business system may be a financial business application developed based on Android, and the page to be loaded is an H5 page of the above application.

[0037] In one embodiment, the real-time determination of the loading status of the to-be-loaded page includes:

[0038] Monitoring the progress of the front-end interface of the business system loading the page to be loaded;

[0039] If the front-end interface successfully obtains the page to be loaded and is parsing and rendering the page to be loaded, it is determined that the loading status of the page to be loaded is incomplete;

[0040] If the page to be loaded is on the front-end interface, and parsing and rendering of the page to be loaded have been completed, then the loading status of the page to be loaded is determined to be completed;

[0041] If the front-end interface fails to successfully obtain the page to be loaded, or the parsing and rendering of the page to be loaded are interrupted, the loading status of the page to be loaded is determined to be loading failure.

[0042] S2. When the loading status of the page to be loaded is incomplete, a loading status page is displayed on the front-end interface of the business system.

[0043] In one embodiment, displaying a loading status page on the front-end interface of the business system includes:

[0044] Obtaining a loading status page through a callback function, and displaying the loading status page on the front-end interface of the business system;

[0045] The loading progress bar of the loading status page is adjusted in real time according to the loading progress of the page to be loaded.

[0046] In one embodiment, obtaining a loading status page through a callback function includes:

[0047] Monitor the web page view of the business system, and when it is detected that the business system starts to load a page, initiate an onPageStart event through a callback function;

[0048] Based on the onPageStart event, the business system is notified to display a loading status page on the front-end interface, where the loading status page includes a return button and a loading progress bar.

[0049] In one embodiment, when the front-end interface of the business system is monitored to display a loading status page, the native page header of the current system page is reset to a default state. By resetting the native page header of the current system page to a default hidden state, it is avoided that the native page header covers the page header of the loading status page, resulting in abnormal display of the page header of the front-end interface.

[0050] In one embodiment, after the front-end interface of the business system displays the loading status page, the method further includes:

[0051] When it is detected that the business system page has been loaded, the onPageFinish event is initiated through the callback function;

[0052] Based on the onPageFinish event, the business system is notified to display the loaded page on the front-end interface.

[0053] Specifically, the onPageStart event and onPageFinish event can be used by the WebViewClient class in the web view WebView. The WebViewClient class is generally used to process various notification and request events in the web view WebView.

[0054] Common method events of WebViewClient include:

[0055] onPageStarted(): Called when the page starts loading. A loading progress bar can be displayed to allow users to wait patiently for the page to load.

[0056] onPageFinished(): Called when the page has finished loading. You can hide the loading progress bar to remind the user that the page has finished loading.

[0057] onLoadResource(): Called every time the page loads a resource.

[0058] shouldOverrideUrlLoading(): By default, WebView will call the system browser to load the URL. By overriding this method, page loading can be completed within the current application.

[0059] onReceivedError(): Called when an error occurs during page loading. You can jump to a custom error reminder page, which is always more beautiful than the system default error page and optimizes the user experience.

[0060] onReceivedHttpError(): An error occurred during the page loading request.

[0061] onReceivedSslError(): An error occurred while the page was loading a resource.

[0062] shouldOverrideKeyEvent(): Overrides the default response event of a key, and can add corresponding logic when clicking certain keys according to your own needs.

[0063] onScaleChanged(): Called when the zoom ratio of the page changes. The content displayed in the WebView can be readjusted according to the current zoom ratio, such as changing the font size, image size, etc.

[0064] shouldInterceptRequest(): You can determine whether the request needs to be intercepted based on the content carried in the request.

[0065] S3. When the loading status of the page to be loaded is completed, a corresponding header of the page to be loaded is generated according to the configuration information of the page to be loaded, and the header of the page to be loaded and the page content of the page to be loaded are displayed on the front-end interface of the business system.

[0066] In one embodiment, generating a corresponding header of the page to be loaded according to the configuration information of the page to be loaded includes:

[0067] Acquire a corresponding page header format according to the configuration information of the page to be loaded;

[0068] Obtaining page header content from the page to be loaded;

[0069] A header of the page to be loaded corresponding to the configuration information is generated according to the page header format and the page header content, and the header of the page to be loaded is associated with a link of the page to be loaded and stored.

[0070] Specifically, the configuration information of the page to be loaded includes format parameters of each tag of the page to be loaded. In one embodiment, the title tag of the page to be loaded is obtained from the configuration information of the page to be loaded. <title> , can identify the page title style and content of the page to be loaded, by obtaining the document tag of the page to be loaded from the configuration information of the page to be loaded< / title> , which can identify the page text style and page content of the page to be loaded.

[0071] In this embodiment, the header title of the page header content of the page to be loaded is set by obtaining the page title content from the configuration information of the page to be loaded, and the page header format of the page to be loaded is set according to the page text style of the page to be loaded. For example: the information obtained from the configuration information of the page to be loaded is as follows: the page title content of the page to be loaded is "Pocket Platform Content Collection", and the page text style is bold with black text on a white background. Based on the above information, a page header format is generated with a white background, black font and button icon, and the page header content is "Pocket Platform Content Collection".

[0072] In one embodiment, it is detected whether the page to be loaded is configured with a page header navigation bar. If so, the configuration information of the page header navigation bar is obtained from the configuration information of the page to be loaded, a corresponding header of the page to be loaded is generated according to the configuration information of the page header navigation bar, the header of the page to be loaded is associated with the link of the page to be loaded and stored, and when the page to be loaded is displayed on the front-end interface of the business system, the header of the page to be loaded is used to cover the page header navigation bar.

[0073] In this embodiment, the corresponding header of the page to be loaded is separately constructed and stored for the page to be loaded with the page header navigation bar configured, thereby decoupling the content of the page to be loaded and the header of the page to be loaded. When the page to be loaded is displayed on the front-end interface of the business system, the header of the page to be loaded is used to cover the page header navigation bar, thereby avoiding mismatch between the page content and the page header when the business system loads the page.

[0074] In one embodiment, the step of acquiring the corresponding page header format according to the configuration information of the page to be loaded includes:

[0075] Identifying format parameters of the page to be loaded according to the configuration information of the page to be loaded;

[0076] A preset page header data structure is obtained, and a page header format is constructed based on the format parameters of the page to be loaded and the page header data structure.

[0077] In one embodiment, the identifying the format parameters of the page to be loaded according to the configuration information of the page to be loaded includes:

[0078] Acquire the header layout tag of the page to be loaded according to the configuration information of the page to be loaded;

[0079] Identify and extract format parameters of the header content of the page to be loaded in the header layout tag.

[0080] In one embodiment, a page header data structure is set for the system page of the business system through a software design pattern (Model-View-ViewModel, MVVM). The page header data structure includes but is not limited to the setting of displaying or hiding the page header, the color setting of the page header buttons, icons and titles, the background color setting of the page header, the parameter setting of the page header buttons, etc.

[0081] For example, the page header data structure of the business system in the Android front-end interface is as follows:

[0082]

[0083]

[0084] As mentioned above, the business system uses the software design mode to set the data format of the page header, sets the display or hiding of the page header through the visible parameter visiable, sets the color of the page header buttons, icons and titles through the style parameter Style, sets the background color of the page header through the background color parameter background_color, and sets the content of the page header through the advanced setting parameter extra_option. When the content and functions of the page header need to be expanded, the content and functions that need to be expanded are implemented by setting the newly added {name:'other'} unit field. For example, when the page header is configured as style:'black',background_color:'#ffffff', the display effect of the page header is white background, black font and icon; when the page header is configured as style:'white',background_color:'#000000', the display effect of the page header is black background, white font and icon.

[0085] The MVVM software design pattern (Model-View-ViewModel) architecture pattern is to associate the view View and the view model ViewModel, and realize the synchronous update of the view View and the view model ViewModel through two-way data binding. The view View is responsible for displaying data and user interaction, the view model ViewModel is responsible for processing data and business logic, and the model Model is responsible for storing data. The advantage of MVVM is that it can reduce the coupling between the view View and the view model ViewModel, making the code more maintainable and testable.

[0086] The MVVM software design pattern uses a data binding mechanism to bind the data in the view model directly to the view, achieving automatic synchronization between the view and the data. This pattern is used in the single-page application framework Vue for two-way data binding.

[0087] The MVVM software design pattern includes the following components:

[0088] 1. Model: responsible for data processing and business logic.

[0089] 2. View: Responsible for displaying data to users and processing user input.

[0090] 3. ViewModel: responsible for converting the data in the model into a form that can be directly used by the view, and monitoring changes in the view to update the model data.

[0091] This embodiment implements the functional logic of the new page header by setting a new unit field, which will not affect the originally set page header content and function. When judging the field logic, if the system detects a new field that cannot be judged, it will automatically skip it. That is, the new field that cannot be judged is automatically regarded as an invalid field, which does not affect the judgment and use of other fields.

[0092] S4. When the loading status of the page to be loaded is loading failure, a preset abnormal page is displayed on the front-end interface of the business system.

[0093] In one embodiment, when the loading status of the page to be loaded is loading failure, displaying a preset abnormal page on the front-end interface of the business system includes:

[0094] When the loading status of the page to be loaded is loading failure, obtaining the reason for the loading failure of the page to be loaded through the system log of the business system;

[0095] A corresponding abnormal page is obtained according to the reason for the loading failure, and the abnormal page is displayed on the front-end interface of the business system.

[0096] In one embodiment, obtaining a corresponding abnormal page according to the reason for the loading failure and displaying the abnormal page on the front-end interface of the business system includes:

[0097] Acquire an abnormal page associated with the reason for the loading failure from a database of the business system, wherein the abnormal page includes an abnormal icon, abnormal page guide text, a refresh button, and a return button;

[0098] Start the onReceivedErrort event through the callback function;

[0099] Based on the onReceivedErrort event, the business system is notified to display the exception page on the front-end interface.

[0100] In one embodiment, the business system constructs corresponding exception pages in advance according to each loading failure reason, and associates the system log parameters corresponding to the loading failure reason with the link to the corresponding exception page and stores them in a database of the business system.

[0101] For example: the reasons for the failure to load the page of the business system include abnormal network status and abnormal access to the page. Based on the abnormal network status, a network status abnormality page is generated, including a network status abnormality icon, a guiding copy "Network connection abnormality, please check the network status and refresh or retry", a refresh button for refreshing the current page, and a return button for returning to the previous page. The return parameter of the network status abnormality as the reason for the loading failure in the system log is associated with the page link of the network status abnormality page and stored in the database. Based on the abnormal access to the page, an access page abnormality page is generated, including an access page abnormality icon, a guiding copy "Error in accessing the page, please refresh or retry later", a refresh button for refreshing the current page, and a return button for returning to the previous page. The return parameter of the access page abnormality as the reason for the loading failure in the system log is associated with the page link of the access page abnormality page and stored in the database.

[0102] In this embodiment, a corresponding abnormal page is constructed according to the failure reason of the business system loading page to prompt the user to refresh the page or return to the previous page according to the guidance copy. The abnormal page is used to provide information to avoid a white screen when the business system fails to load the page.

[0103] S5. When the business system receives a page jump instruction for a cached page, it obtains the link of the target page corresponding to the page jump instruction through a callback function, obtains the corresponding target page header based on the link of the target page, and displays the target page header and the page content of the target page on the front-end interface of the business system.

[0104] In one embodiment, the page jump instructions of the cached page include page forward instructions and page back instructions. In this embodiment, the link of the target page corresponding to the page forward instruction and the page back instruction can be obtained by monitoring the callback event triggered by the web view WebView. In addition, the page forward instruction and page back instruction of the single-page application will not trigger a callback event in the web view WebView. The corresponding page information can be obtained through the callback function of the VUE framework of the single-page application and a notification can be generated and sent to the web view WebView, so that the web view WebView can obtain the link of the target page corresponding to the page forward instruction and the page back instruction according to the notification.

[0105] WebView is the core view class in the WebKit framework, which is used to manage the interaction between the WebFrame and WebFrameView classes.

[0106] Vue is a JavaScript framework for building user interfaces. It is built on standard HTML, CSS, and JavaScript, and provides a declarative, componentized programming model for developing user interfaces efficiently. The Vue framework enables responsive data binding and componentization. Regarding responsive data binding, in the Vue framework, only changing the data will drive the automatic update of the view; regarding componentization, in the Vue framework, the page can be split into different components, each of which contains its own HTML template, JavaScript code, and CSS style. A page / module can be composed of multiple components, which can not only improve the reusability of the code, but also reduce the coupling between data, and components can also communicate with each other.

[0107] In one embodiment, obtaining the link of the target page corresponding to the page jump instruction through the callback function includes:

[0108] Obtaining a link to a target page based on a callback function of the web page view of the business system;

[0109] If the callback function of the web page view information cannot obtain the link of the target page, the link of the target page is obtained through the callback function of the application framework of the business system.

[0110] In one embodiment, the acquiring the corresponding target page header based on the link of the target page includes:

[0111] Obtaining a target page header associated with the link of the target page from a database of the business system;

[0112] If the database of the business system does not store the page header associated with the link of the target page, the configuration information of the target page is obtained according to the link of the target page, and the corresponding target page header is generated according to the configuration information of the target page.

[0113] This embodiment generates a corresponding page header according to the configuration information of the page, and stores the page header and the page link in association, thereby decoupling the page header from the page content, solving the problem of being unable to return when using the H5 page header or the problem of the native page header not matching the H5 page content during the H5 page switching process, and improving the user experience.

[0114] It can be seen from the above embodiments that the embodiments of the present invention determine the loading status of the page to be loaded in real time, display the corresponding page according to the loading status of the page to be loaded, generate the corresponding header of the page to be loaded according to the configuration information of the page to be loaded, and when the business system receives a page jump instruction of a cached page, obtain the link of the target page corresponding to the page jump instruction through a callback function, obtain the corresponding target page header based on the link of the target page, display the target page header and the page content of the target page on the front-end interface of the business system, thereby realizing the decoupling of the page header and the page content, and avoiding the mismatch between the page content and the page header when the business system loads the page.

[0115] It should be understood that the order of execution of the steps in the above embodiment does not necessarily mean the order of execution. The execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiment of the present invention.

[0116] like Figure 3 As shown, it is a structural diagram of a page header loading device provided in one embodiment of the present invention. The intelligent question and answer processing device based on artificial intelligence corresponds one to one with the intelligent question and answer processing method based on artificial intelligence in the above-mentioned embodiment.

[0117] In this embodiment of the present invention, the page header loading device 100 includes a page loading module 110, a loading start module 120, a loading completion module 130, a loading failure module 140 and a cache page jump module 150. The detailed description of each functional module is as follows:

[0118] The page loading module 110 is used for obtaining the to-be-loaded page corresponding to the page loading instruction for loading when the business system receives the page loading instruction, and determining the loading status of the to-be-loaded page in real time;

[0119] The loading start module 120 is used to display a loading status page on the front-end interface of the business system when the loading status of the page to be loaded is incomplete;

[0120] The loading completion module 130 is used to generate a corresponding header of the page to be loaded according to the configuration information of the page to be loaded when the loading status of the page to be loaded is completed, and display the header of the page to be loaded and the page content of the page to be loaded on the front-end interface of the business system;

[0121] The loading failure module 140 is used to display a preset abnormal page on the front-end interface of the business system when the loading status of the page to be loaded is loading failure;

[0122] The cache page jump module 150 is used to obtain the link of the target page corresponding to the page jump instruction through a callback function when the business system receives a page jump instruction for a cached page, obtain the corresponding target page header based on the link of the target page, and display the target page header and the page content of the target page on the front-end interface of the business system.

[0123] In one embodiment, when the loading start module 120 is executed to display a loading status page on the front-end interface of the business system, it is used to:

[0124] Obtaining a loading status page through a callback function, and displaying the loading status page on the front-end interface of the business system;

[0125] The loading progress bar of the loading status page is adjusted in real time according to the loading progress of the page to be loaded.

[0126] In one embodiment, when the loading completion module 130 generates a corresponding header of the page to be loaded according to the configuration information of the page to be loaded, it is used to:

[0127] Acquire a corresponding page header format according to the configuration information of the page to be loaded;

[0128] Obtaining page header content from the page to be loaded;

[0129] A header of the page to be loaded corresponding to the configuration information is generated according to the page header format and the page header content, and the header of the page to be loaded is associated with a link of the page to be loaded and stored.

[0130] In one embodiment, when the loading completion module 130 acquires the corresponding page header format according to the configuration information of the page to be loaded, it is used to:

[0131] Identifying format parameters of the page to be loaded according to the configuration information of the page to be loaded;

[0132] A preset page header data structure is obtained, and a page header format is constructed based on the format parameters of the page to be loaded and the page header data structure.

[0133] In one embodiment, when the loading status of the page to be loaded is loading failure, the loading failure module 140 is used to display a preset abnormal page on the front-end interface of the business system when the loading status of the page to be loaded is loading failure:

[0134] When the loading status of the page to be loaded is loading failure, obtaining the reason for the loading failure of the page to be loaded through the system log of the business system;

[0135] A corresponding abnormal page is obtained according to the reason for the loading failure, and the abnormal page is displayed on the front-end interface of the business system.

[0136] In one embodiment, when executing the callback function to obtain the link of the target page corresponding to the page jump instruction, the cache page jump module 150 is used to:

[0137] Obtaining a link to a target page based on a callback function of the web page view of the business system;

[0138] If the callback function of the web page view information cannot obtain the link of the target page, the link of the target page is obtained through the callback function of the application framework of the business system.

[0139] In one embodiment, when executing the acquisition of the corresponding target page header based on the link of the target page, the cache page jump module 150 is used to:

[0140] Obtaining a target page header associated with the link of the target page from a database of the business system;

[0141] If the database of the business system does not store the page header associated with the link of the target page, the configuration information of the target page is obtained according to the link of the target page, and the corresponding target page header is generated according to the configuration information of the target page.

[0142] The present invention provides a page header loading device, which judges the loading status of a page to be loaded in real time, displays the corresponding page according to the loading status of the page to be loaded, generates the corresponding page header to be loaded according to the configuration information of the page to be loaded, and when a business system receives a page jump instruction of a cached page, obtains the link of a target page corresponding to the page jump instruction through a callback function, obtains the corresponding target page header based on the link of the target page, displays the target page header and the page content of the target page on the front-end interface of the business system, realizes the decoupling of the page header and the page content, and avoids the mismatch between the page content and the page header when the business system loads the page.

[0143] The specific definition of the page header loading device can be found in the definition of the page header loading method above, which will not be repeated here. Each module in the above-mentioned page header loading device can be implemented in whole or in part by software, hardware and a combination thereof. The above-mentioned modules can be embedded in or independent of the processor in the computer device in the form of hardware, or can be stored in the memory of the computer device in the form of software, so that the processor can call and execute the operations corresponding to the above modules.

[0144] In one embodiment, a computer device is provided. The computer device may be a server, and its internal structure diagram may be as follows: Figure 4As shown. The computer device includes a processor, a memory, a network interface and a database connected via a system bus. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile and / or volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system, a computer program and a database. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The network interface of the computer device is used to communicate with an external client through a network connection. When the computer program is executed by the processor, it realizes the functions or steps on the server side of an intelligent question-answering processing method based on artificial intelligence.

[0145] In one embodiment, a computer device is provided. The computer device may be a client, and its internal structure diagram may be as follows: Figure 5 As shown. The computer device includes a processor, a memory, a network interface, a display screen and an input device connected via a system bus. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The network interface of the computer device is used to communicate with an external server via a network connection. When the computer program is executed by the processor, it realizes the functions or steps on the client side of an intelligent question-answering processing method based on artificial intelligence.

[0146] In one embodiment, a computer device is provided, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the following steps when executing the computer program:

[0147] When the business system receives a page loading instruction, it obtains the page to be loaded corresponding to the page loading instruction, loads it, and determines the loading status of the page to be loaded in real time;

[0148] When the loading status of the page to be loaded is incomplete, displaying a loading status page on the front-end interface of the business system;

[0149] When the loading status of the page to be loaded is completed, a corresponding header of the page to be loaded is generated according to the configuration information of the page to be loaded, and the header of the page to be loaded and the page content of the page to be loaded are displayed on the front-end interface of the business system;

[0150] When the loading status of the page to be loaded is loading failure, a preset abnormal page is displayed on the front-end interface of the business system;

[0151] When the business system receives a page jump instruction for a cached page, it obtains the link of the target page corresponding to the page jump instruction through a callback function, obtains the corresponding target page header based on the link of the target page, and displays the target page header and the page content of the target page on the front-end interface of the business system.

[0152] In one embodiment, a computer readable storage medium is provided, on which a computer program is stored, and when the computer program is executed by a processor, the following steps are implemented:

[0153] When the business system receives a page loading instruction, it obtains the page to be loaded corresponding to the page loading instruction, loads it, and determines the loading status of the page to be loaded in real time;

[0154] When the loading status of the page to be loaded is incomplete, displaying a loading status page on the front-end interface of the business system;

[0155] When the loading status of the page to be loaded is completed, a corresponding header of the page to be loaded is generated according to the configuration information of the page to be loaded, and the header of the page to be loaded and the page content of the page to be loaded are displayed on the front-end interface of the business system;

[0156] When the loading status of the page to be loaded is loading failure, a preset abnormal page is displayed on the front-end interface of the business system;

[0157] When the business system receives a page jump instruction for a cached page, it obtains the link of the target page corresponding to the page jump instruction through a callback function, obtains the corresponding target page header based on the link of the target page, and displays the target page header and the page content of the target page on the front-end interface of the business system.

[0158] It should be noted that the above functions or steps that can be implemented by the computer-readable storage medium or computer device can refer to the relevant descriptions on the server side and the client side in the aforementioned method embodiment. To avoid repetition, they will not be described one by one here.

[0159] Those skilled in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to memory, storage, database or other media used in the embodiments provided in this application can include non-volatile and / or volatile memory. Non-volatile memory can include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM) or flash memory. Volatile memory can include random access memory (RAM) or external cache memory. As an illustration and not limitation, RAM is available in many forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous link (Synchlink) DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM).

[0160] Those skilled in the art can clearly understand that for the convenience and simplicity of description, only the division of the above-mentioned functional units and modules is used as an example. In actual applications, the above-mentioned functions can be distributed and completed by different functional units and modules as needed, that is, the internal structure of the device can be divided into different functional units or modules to complete all or part of the functions described above.

[0161] The above-described embodiments are only used to illustrate the technical solutions of the present invention, rather than to limit them; although the present invention has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or replace some of the technical features therein by equivalents; and these modifications or replacements do not deviate the essence of the corresponding technical solutions from the spirit and scope of the technical solutions of the various embodiments of the present invention, and should be included in the protection scope of the present invention. It should be noted that if software tools or components other than those of the company appear in the embodiments of this application, they are only used for example introduction and do not represent actual use.

Claims

1. A page header loading method, characterized in that: The method comprises: When the business system receives a page loading instruction, it obtains the page to be loaded corresponding to the page loading instruction, loads it, and determines the loading status of the page to be loaded in real time; When the loading status of the page to be loaded is incomplete, displaying a loading status page on the front-end interface of the business system; When the loading status of the page to be loaded is completed, a corresponding header of the page to be loaded is generated according to the configuration information of the page to be loaded, and the header of the page to be loaded and the page content of the page to be loaded are displayed on the front-end interface of the business system; When the loading status of the page to be loaded is loading failure, a preset abnormal page is displayed on the front-end interface of the business system; When the business system receives a page jump instruction for a cached page, it obtains the link of the target page corresponding to the page jump instruction through a callback function, obtains the corresponding target page header based on the link of the target page, and displays the target page header and the page content of the target page on the front-end interface of the business system.

2. The page header loading method according to claim 1, characterized in that: Displaying a loading status page on the front-end interface of the business system includes: Obtaining a loading status page through a callback function, and displaying the loading status page on the front-end interface of the business system; The loading progress bar of the loading status page is adjusted in real time according to the loading progress of the page to be loaded.

3. The page header loading method according to claim 1, characterized in that: The step of generating a corresponding header of the page to be loaded according to the configuration information of the page to be loaded includes: Acquire a corresponding page header format according to the configuration information of the page to be loaded; Obtaining page header content from the page to be loaded; A header of the page to be loaded corresponding to the configuration information is generated according to the page header format and the page header content, and the header of the page to be loaded is associated with a link of the page to be loaded and stored.

4. The page header loading method according to claim 3, characterized in that: The obtaining a corresponding page header format according to the configuration information of the page to be loaded includes: Identifying format parameters of the page to be loaded according to the configuration information of the page to be loaded; A preset page header data structure is obtained, and a page header format is constructed based on the format parameters of the page to be loaded and the page header data structure.

5. The page header loading method according to claim 1, characterized in that: When the loading status of the page to be loaded is loading failure, a preset abnormal page is displayed on the front-end interface of the business system, including: When the loading status of the page to be loaded is loading failure, obtaining the reason for the loading failure of the page to be loaded through the system log of the business system; A corresponding abnormal page is obtained according to the reason for the loading failure, and the abnormal page is displayed on the front-end interface of the business system.

6. The page header loading method according to claim 1, characterized in that: The step of obtaining a link of a target page corresponding to the page jump instruction through a callback function includes: Obtaining a link to a target page based on a callback function of the web page view of the business system; If the callback function of the web page view information cannot obtain the link of the target page, the link of the target page is obtained through the callback function of the application framework of the business system.

7. The page header loading method according to claim 1, characterized in that: The step of obtaining a corresponding target page header based on the link of the target page includes: Obtaining a target page header associated with the link of the target page from a database of the business system; If the database of the business system does not store the page header associated with the link of the target page, the configuration information of the target page is obtained according to the link of the target page, and the corresponding target page header is generated according to the configuration information of the target page.

8. A page header loading device, characterized in that: The page header loading device comprises: The page loading module is used to obtain the to-be-loaded page corresponding to the page loading instruction for loading when the business system receives the page loading instruction, and to determine the loading status of the to-be-loaded page in real time; A loading start module, used for displaying a loading status page on the front-end interface of the business system when the loading status of the page to be loaded is incomplete; A loading completion module, used for generating a corresponding header of the page to be loaded according to the configuration information of the page to be loaded when the loading status of the page to be loaded is completed, and displaying the header of the page to be loaded and the page content of the page to be loaded on the front-end interface of the business system; A loading failure module, used for displaying a preset abnormal page on the front-end interface of the business system when the loading status of the page to be loaded is loading failure; The cache page jump module is used to obtain the link of the target page corresponding to the page jump instruction through a callback function when the business system receives a page jump instruction for a cached page, obtain the corresponding target page header based on the link of the target page, and display the target page header and the page content of the target page on the front-end interface of the business system.

9. A computer device, characterized in that: The computer device comprises: at least one processor; and, a memory communicatively connected to the at least one processor; wherein, The memory stores instructions that can be executed by the at least one processor, and the instructions are executed by the at least one processor so that the at least one processor can execute the page header loading method as described in any one of claims 1 to 7.

10. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the page header loading method as described in any one of claims 1 to 7 is implemented.