H5 page jumping method and device, electronic equipment and storage medium

By constructing the intermediate H5 page and setting the preset jump link information, the lack of flexibility when the H5 page returns, the more flexible page jump is realized, and the user experience is improved.

CN119377515APending Publication Date: 2025-01-28KANG JIAN INFORMATION TECH (SHENZHEN) CO LTD
View PDF 0 Cites 1 Cited by

Patent Information

Application Number
CN202411514176.9
Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
Filing Date
2024-10-28
Publication Date
2025-01-28

AI Technical Summary

Technical Problem

In the prior art, the browsing history of the H5 page cannot be edited and read through the code area, resulting in the page being returned simply to the previous page, which lacks flexibility and reduces the user's page operation experience.

Method used

By constructing the middle H5 page and setting the corresponding preset jump link information, the target jump parameters of the first H5 page are modified to implement the page jump process on the preset page jump requirements.

Benefits of technology

The flexibility of the page operation and the user operation experience have been improved, and the more flexible page jumping function is achieved. It does not need to rely on the routing array and reduce the design workload.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN119377515A_ABST
    Figure CN119377515A_ABST
Patent Text Reader

Abstract

The embodiment of the invention provides an H5 page jumping method and device, electronic equipment and a storage medium, and can be applied to the technical field of page processing. According to the method, after the middle H5 page is constructed, the first preset jump link information corresponding to the middle H5 page is set, so that the jump function of the H5 page corresponding to the preset page jump requirement is realized through the first preset jump link information, and after the H5 page corresponding to the preset page jump requirement is determined to serve as the first H5 page, the H5 page corresponding to the preset page jump requirement is determined to serve as the second H5 page. And modifying the target jump parameter in the target jump link information corresponding to the first H5 page to control the jump process of the first H5 page according to the target jump parameter, thereby realizing the page jump process of the first H5 page corresponding to the preset page jump requirement, and effectively improving the flexibility of page operation and the user operation experience.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] The present application relates to the field of page processing technology, and in particular to an H5 page jump method and device, an electronic device and a storage medium. Background Art

[0002] At present, since the browsing history of H5 cannot be edited and read through the code area, when the page returns, it can only simply return to the history of the previous page. Although it is possible to use the specified API in the browser to replace the current history feature, and then skip the unnecessary history when the page returns to achieve the purpose of returning to the homepage at one time. However, this operation method can only return directly from the last H5 page to the first H5 page. For example, in online shopping, you can only return directly to the homepage after completing the order. It can be seen that the H5 page operation process corresponding to this method lacks certain flexibility, thereby reducing the user's page operation experience.

[0003] In summary, the technical problems existing in the relevant technologies need to be improved. Summary of the invention

[0004] The main purpose of the embodiments of the present application is to propose an H5 page jump method and device, an electronic device and a storage medium, which can effectively improve the flexibility of page operations and user operation experience.

[0005] To achieve the above-mentioned purpose, a first aspect of an embodiment of the present application proposes an H5 page jump method, the method comprising the following steps:

[0006] Build the intermediate H5 page;

[0007] Setting first preset jump link information corresponding to the intermediate H5 page, wherein the first preset jump link information is used to implement a jump function of an H5 page corresponding to a preset page jump requirement;

[0008] Determine that there is an H5 page corresponding to the preset page jump requirement as the first H5 page;

[0009] Modify the target jump parameters in the target jump link information corresponding to the first H5 page;

[0010] The jump process of the first H5 page is controlled according to the target jump parameter.

[0011] In some embodiments, modifying the target jump parameter in the target jump link information corresponding to the first H5 page includes:

[0012] Construct a component according to the target jump link information;

[0013] Set the target jump parameter corresponding to the component.

[0014] In some embodiments, modifying the target jump parameter in the target jump link information corresponding to the first H5 page includes:

[0015] Obtain the software code program corresponding to the first H5 page;

[0016] Obtaining a subcode program corresponding to the first H5 page in the software code program;

[0017] Inserting the target jump link information into the subcode program;

[0018] The target jump parameter is set in the subcode program after the first target jump link information is inserted.

[0019] In some embodiments, the process of controlling the jump of the first H5 page according to the target jump parameter includes:

[0020] Obtaining real-time jump link information of the first H5 page;

[0021] Determine the real-time jump type of the first H5 page according to the real-time jump link information;

[0022] When the real-time jump type is a reverse jump, extracting the real-time jump parameter in the real-time jump link information;

[0023] The jump process of the first H5 page is controlled according to the real-time jump parameter and the target jump parameter.

[0024] In some embodiments, the process of controlling the jump of the first H5 page according to the real-time jump parameter and the target jump parameter includes:

[0025] When the real-time jump parameter is the same as the target jump parameter, controlling the first H5 page to jump to the intermediate H5 page;

[0026] Obtaining the target page number in the real-time jump link information;

[0027] Modify the jump page number of the first preset jump link information according to the target page number to obtain second preset jump link information;

[0028] According to the second preset jump link information, the intermediate H5 page is controlled to jump to the target H5 page.

[0029] In some embodiments, the method further comprises the following steps:

[0030] When the real-time jump type is a forward jump, extracting a text reference connection parameter of the real-time jump link information;

[0031] The jump process of the first H5 page is controlled according to the text reference connection parameters.

[0032] In some embodiments, the method further comprises the following steps:

[0033] Setting the state synchronization information corresponding to the intermediate H5 page, wherein the state synchronization information is used to implement the synchronization function of the H5 page with the state synchronization maintenance requirement;

[0034] Determine that there is an H5 page corresponding to the state synchronization maintenance requirement as the second H5 page;

[0035] Modify the status synchronization parameters in the page synchronization link information corresponding to the second H5 page;

[0036] The state synchronization of the second H5 page and at least one third H5 page is controlled according to the state synchronization parameter.

[0037] To achieve the above purpose, another aspect of the embodiment of the present application provides an H5 page jump device, the device comprising:

[0038] The first module is used to build the intermediate H5 page;

[0039] The second module is used to set the first preset jump link information corresponding to the intermediate H5 page, and the first preset jump link information is used to realize the jump function of the H5 page corresponding to the preset page jump requirement;

[0040] The third module is used to determine that there is an H5 page corresponding to the preset page jump requirement as the first H5 page;

[0041] The fourth module is used to modify the target jump parameters in the target jump link information corresponding to the first H5 page;

[0042] The fifth module is used to control the jump process of the first H5 page according to the target jump parameter.

[0043] To achieve the above-mentioned purpose, another 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 the processor implements the above-mentioned H5 page jump method when executing the computer program.

[0044] To achieve the above-mentioned purpose, another 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 above-mentioned H5 page jump method is implemented.

[0045] The present application proposes an H5 page jump method and device, an electronic device and a storage medium. The method of the present application sets the first preset jump link information corresponding to the intermediate H5 page after constructing the intermediate H5 page, so as to realize the jump function of the H5 page corresponding to the preset page jump requirement through the first preset jump link information, and also modifies the target jump parameter in the target jump link information corresponding to the first H5 page after determining that there is an H5 page corresponding to the preset page jump requirement as the first H5 page, so as to control the jump process of the first H5 page according to the target jump parameter, thereby realizing the page jump process of the first H5 page corresponding to the preset page jump requirement, and effectively improving the flexibility of page operation and user operation experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0046] Figure 1 It is a flow chart of the H5 page jump method provided in the embodiment of the present application;

[0047] Figure 2 This is a schematic diagram of the forward jump of the H5 page provided in the embodiment of the present application;

[0048] Figure 3 This is a special jump diagram corresponding to an H5 page provided in an embodiment of the present application;

[0049] Figure 4 This is a special jump diagram corresponding to another H5 page provided in an embodiment of the present application;

[0050] Figure 5 It is a structural diagram of the H5 page jump device provided in an embodiment of the present application;

[0051] Figure 6 It is a schematic diagram of the hardware structure of the electronic device provided in the embodiment of the present application. DETAILED DESCRIPTION

[0052] 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.

[0053] 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.

[0054] 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.

[0055] First, some nouns involved in this application are analyzed:

[0056] A web page is a file suitable for the World Wide Web and web browsers. It is stored in a computer or a group of computers connected to the Internet in a corner of the world. It is the basic element of a website and a platform for various website applications. Web pages are identified and accessed through URLs. When a URL is entered into a web browser, after a complex and fast process, the web page file will be transmitted to the user's computer, and then the browser will interpret the content of the web page and display it to the user.

[0057] A web browser, often referred to as a browser, is an application used to retrieve and display information resources on the World Wide Web. These information resources can be web pages, pictures, videos, or other content. They are marked by uniform resource identifiers. Hyperlinks in information resources allow users to easily browse related information. Web browsers mainly interact with web servers through the HTTP protocol and obtain web pages. These web pages are specified by URLs and are usually in HTML format.

[0058] H5 pages refer to web pages developed based on HTML5 (Hypertext Markup Language 5) technology. HTML5 is a standard for building and displaying web content. It introduces many new functions and features, making web pages richer and more interactive. H5 pages have more advantages than traditional HTML pages. It supports multimedia elements (such as audio, video, and Canvas drawing), provides a richer selection of styles and effects, and supports functions such as offline caching and local storage. At the same time, H5 pages are more compatible on mobile devices and can adapt to different screen sizes and operating systems. H5 pages are usually used to develop mobile applications, interactive advertisements, games, and lightweight web applications. Developers can use technologies such as HTML5, CSS3, and JavaScript to create dynamic and interactive user interfaces. In short, H5 pages are a modern way of web development that can provide better user experience and functional scalability.

[0059] href (HypertextReference) refers to the URL of the hyperlink target. The value of the href attribute can be any valid document relative or absolute URL, including fragment identifiers and JavaScript code snippets.

[0060] Hash is generally translated as "hash", which can also be directly transliterated as "hash". It means that an input of any length (also called pre-mapping, pre-image) is transformed into an output of fixed length through a hash algorithm. The output is the hash value. This conversion is a compression mapping, that is, the space of hash values ​​is usually much smaller than the space of inputs. Different inputs may hash to the same output, so it is impossible to uniquely determine the input value from the hash value. Simply put, it is a function that compresses a message of any length into a message digest of a fixed length.

[0061] API (Application Programming Interface) is a convention for connecting different components of a software system. The main purpose of the API is to provide applications and developers with the ability to access a set of routines without having to access the source code or understand the details of the internal working mechanism. It is mainly divided into Windows API and Linux API.

[0062] Component is a simple encapsulation of data and methods. In C++Builder, a component is a specific object derived from TComponent. Components can have their own properties and methods. Properties are simple accessors to component data. Methods are some simple and visible functions of components. Using components allows drag-and-drop programming, fast property handling, and true object-oriented design.

[0063] In the related art, since it is impossible to edit and read the browser history of H5 through the code area, during the user operation, the H5 page return can only simply return to the history of the previous page. In order to solve this problem, the existing technology uses the preset API in the browser to replace the current history feature, and then can skip unnecessary history pages when the user performs a return operation, so as to achieve the purpose of returning to multiple pages at one time. However, this operation method also has certain disadvantages. For example, in the ordering process, the general processing method is to use replace to jump at each ordering step of the user, and when the user clicks return after the order is finally placed, he can directly return to the homepage. This operation method causes the user to return to the homepage at each step of filling in the information, which cannot meet the user's actual ordering needs, lacks a certain degree of flexibility, and reduces the user's page operation experience.

[0064] Based on this, the embodiments of the present application provide an H5 page jump method and device, an electronic device and a storage medium, aiming to improve the flexibility of page operation and user operation experience.

[0065] The H5 page jump 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 H5 page jump method in the embodiments of the present application is described.

[0066] The H5 page jump method provided in the embodiment of the present application relates to the field of network processing technology. The H5 page jump method provided in the embodiment of the present application can be applied to the terminal, can also be applied to the server side, and can also be software running in the terminal or the 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 it can be configured as a server cluster or distributed system composed of multiple physical servers, and can also be configured as 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 that implements the H5 page jump method, etc., but is not limited to the above forms.

[0067] 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.

[0068] Figure 1 This is an optional flow chart of the H5 page jump method provided in the embodiment of the present application. Figure 1 The method may include but is not limited to steps S101 to S106.

[0069] Step S110, constructing an intermediate H5 page;

[0070] It is understandable that the intermediate H5 page can be a web page developed based on HTML5 technology. Specifically, the intermediate H5 page constructed in this embodiment is an intermediate conversion page for page jump. Among them, the intermediate H5 page can be displayed on the display interface, or it can not be displayed on the display interface, and its specific display method can be set according to actual needs. Exemplarily, taking display on the display interface as an example, when it is necessary to jump from H5 page A1 to H5 page A2, you can click the jump selection box in H5 page A1, and the back end can control the display interface to jump from H5 page A1 to the intermediate H5 page for display according to the trigger instruction of the jump selection box, and then further jump to H5 page A2 for display, thereby completing the automated page jump process, and allowing the user to understand the completion process of the page jump. On the other hand, taking the example of not displaying on the display interface, when you need to jump from H5 page A3 to H5 page A4, you can click the jump selection box in H5 page A3, and the backend can control the jump process from H5 page A3 to the middle H5 page according to the trigger instruction of the jump selection box, and then jump from the middle H5 page to H5 page A4, so that the display interface displays the content of H5 page A4, and then completes the automatic page jump process, without affecting the user's visual perception effect, effectively improving the user experience.

[0071] Step S120: setting first preset jump link information corresponding to the intermediate H5 page, where the first preset jump link information is used to implement a jump function to an H5 page corresponding to a preset page jump requirement;

[0072] It is understandable that the preset page jump requirement may include but is not limited to the requirement of reverse jump to a specified number of pages or the requirement of forward jump to a specified number of pages. The function of the preset page jump requirement can be realized by the first preset jump link information corresponding to the middle H5 page. Exemplarily, taking the forward jump as an example, when it is necessary to jump from H5 page A1 to H5 page A6, the selection box for forward jump to a specified number of pages can be selected in H5 page A1, and after entering the corresponding jump page number 5 in the selection box, the back end can trigger the forward page jump process according to the selection process of the selection box. Specifically, the back end first controls the page jump process from H5 page A1 to the middle H5 page, replaces the corresponding parameters in the first preset jump link information according to the input jump page number, and then controls the page jump process from the middle H5 page to H5 page A6 based on the modified first preset jump link information, thereby completing the forward multi-page jump operation and effectively improving the user experience. Exemplarily, taking reverse jump as an example, when it is necessary to jump from H5 page A5 to H5 page A2, you can select the selection box for reverse jump to a specified number of pages in H5 page A5, and enter the corresponding jump page number 3 in the selection box. The backend can then trigger the reverse page jump process according to the selection process of the selection box. Specifically, the backend first controls the page jump process from H5 page A5 to the middle H5 page, replaces the corresponding parameters in the first preset jump link information according to the input jump page number, and then controls the page jump process from the middle H5 page to H5 page A2 based on the modified first preset jump link information, thereby completing the reverse multi-page jump operation and effectively improving the user experience.

[0073] Step S130, determining that there is an H5 page corresponding to the preset page jump requirement as the first H5 page;

[0074] It is understandable that, in the actual application process, not all pages require such special page jump requirements. Therefore, in order to reduce the workload in the page design process, this embodiment determines the H5 page corresponding to the preset page jump requirement, and then sets a special page jump for the page. Specifically, the page determination process of this embodiment can be judged based on the demand information of the actual business scenario. For example, taking insurance as an example, when selling insurance, it is necessary to fully understand the customer information and introduce each type of insurance information to the customer before the customer can fill in the insurance information. Therefore, the entire process of insurance sales can be displayed through the H5 page, so that when selling insurance, the entire operation process can be completed by operating the specific content of the display interface. When the H5 page is displayed, the H5 page corresponding to the insurance information filling can be selected as the page with the preset page jump requirement. Therefore, when the customer fills in the insurance information, he can return to any H5 page at any time to view all relevant information of the insurance, thereby effectively improving the flexibility of customer operation.

[0075] Step S140, modifying the target jump parameter in the target jump link information corresponding to the first H5 page;

[0076] It is understandable that each H5 page can be directly controlled by the target jump link information when performing page jump. Specifically, when the H5 page is applied to a specific software, the code corresponding to the target jump link information can be added in the control program corresponding to the software to realize the automatic jump process of the H5 page. Among them, the target jump link information can be a mapping value between two H5 pages, or a mapping function between the H5 page and multiple H5 pages. When the target jump link information is a mapping function, after the target jump page number is input when applying, one of the H5 pages can be determined from multiple associated H5 pages as the target H5 page of the current jump. When the target jump link information is a mapping value, the page jump instruction is triggered when applying, that is, it can jump from the current H5 page to the H5 page corresponding to the mapping value.

[0077] It can be understood that the target jump parameter is used to characterize that the current page needs to implement the page jump function of the preset page jump requirement. The target jump parameter set in this embodiment is used to characterize that the current H5 page can jump to the middle H5 page, so that the page jump function of the preset page jump requirement can be implemented by using the jump function of the middle H5 page. Specifically, when the first H5 page needs to perform a special page jump, the target jump parameter can be set in the target jump link information corresponding to the first H5 page, so that when the first H5 page triggers a special jump, it can jump from the first H5 page to the middle H5 page, and then the jump link information of the middle H5 page can be used to implement the page jump function of the special requirement.

[0078] Step S150: Control the jump process of the first H5 page according to the target jump parameter.

[0079] It is understandable that the jump process of this embodiment can be a forward jump process or a reverse jump process. Exemplarily, in an application software, the display process of a product is composed of multiple H5 pages, and the display process of all H5 pages has a certain order. For example, for the display process of product A, it can be composed of H5 page B1, H5 page B2, H5 page B3, H5 page B4, H5 page B5 and H5 page B6. When H5 page B4 is a page with a preset page jump requirement, during the page display process, when the user browses to H5 page B4, and wants to return to view H5 page B2, you can click the special return box on H5 page B4 for a special return. After clicking the special return box, the back end can determine whether there is a target jump parameter in the jump link information corresponding to H5 page B4 according to the click trigger instruction. If it exists, it will first jump to the middle H5 page, and then use the middle H5 page to perform a special return operation, and then it can directly return to H5 page B2. When a user browses to H5 page B4 and wants to directly skip H5 page B5 to view H5 page B6, he can click the special jump box on H5 page B4 to perform a special jump. After clicking the special jump box, the backend can determine whether there is a target jump parameter in the jump link information corresponding to H5 page B4 according to the click trigger instruction. If so, it will first jump to the middle H5 page, and then use the middle H5 page to perform a special jump operation, and then directly jump to H5 page B6.

[0080] The beneficial effects of the embodiments of the present application are as follows: This embodiment performs page jump operations with special requirements by setting an intermediate H5 page, thereby eliminating the need to rely on the routing array to control the jump process, and further eliminating the need to change the logic of each process page, thereby effectively reducing the design workload of special jump operation functions. At the same time, this embodiment determines a page with preset page jump requirements, and after setting the target jump parameters in the page, it can jump to the intermediate H5 page through the target jump parameters during the special page jump process, that is, it can use the special jump function of the intermediate H5 page to automatically complete the page jump process corresponding to the preset page jump requirements, thereby effectively improving the flexibility of page operations and user operation experience.

[0081] In the embodiment of the present application, the process of modifying the target jump parameter in the target jump link information corresponding to the first H5 page may include but is not limited to the following steps:

[0082] Step S210, constructing a component according to the target jump link information;

[0083] Step S220: Set the target jump parameters corresponding to the component.

[0084] It is understandable that, after constructing a component according to the target jump link information, this embodiment can insert the component into the corresponding H5 page, so that the page can complete the page jump function through the component. Furthermore, if the H5 page needs to have a page jump function with preset page jump requirements, a group target jump parameter can also be set in the component, so that the page can be guided to jump to the intermediate H5 page through the target jump parameter, so that the intermediate H5 page can be used to complete the special jump process. For example, Figure 2 As shown, the page display of product B of software A includes H5 page C1, H5 page C2, H5 page C3, H5 page C4 and H5 page C5. The normal page jump process is H5 page C1→H5 page C2→H5 page C3→H5 page C4→H5 page C5. In this process, the previous H5 page jumps to the next H5 page, which can be a sequential page jump by hypertext reference (href). If H5 page C4 is an H5 page with a preset page jump requirement, the target jump link information of H5 page C4 can be constructed into a component, and the target jump parameters can be set in the component to jump to the middle H5 page through the target jump parameters. Specifically, as Figure 3 As shown, the middle H5 page can be set between H5 page C3 and H5 page C4. Among them, the first preset jump link information of the middle H5 page is information that characterizes the special jump logic. When H5 page C4 triggers a special jump instruction, the backend can control the page to jump to the middle H5 page according to the target jump parameter. The jump page number parameter in the first preset jump link information in the middle H5 page will be modified according to the page number parameter in the jump link information corresponding to H5 page C4. For example, when the first preset jump link information is represented by window.history.go(), the value in go() can be modified according to the page number parameter in the jump link information corresponding to H5 page C4. The modified first preset jump link information can be window.history.go(2). Through the modified window.history.go(2), the page display in the middle H5 page can be controlled to return to 2 pages and then jump to H5 page C2 for display, thereby meeting the user's real-time jump requirements and effectively improving the user experience.

[0085] Specifically, the target jump parameter (flag parameter) of this embodiment can be set in the hash parameter of the target jump link information corresponding to the component. When the hash parameter has a flag parameter, it means that the current page has a preset page jump requirement; when the hash parameter does not have a flag parameter, it means that the current page does not have a preset page jump requirement. When the page jumps, only a step-by-step forward jump or a step-by-step reverse jump process is required. Therefore, in the application process, when the H5 page triggers a page jump operation, it is only necessary to determine whether the flag parameter exists in the corresponding hash parameter in the jump link letter. If so, after jumping to the intermediate H5 page, a special page jump operation is performed through the jump connection information of the intermediate H5 page.

[0086] In some embodiments, the components constructed by this embodiment can be applied in multiple scenarios. Specifically, this embodiment can build components based on the needs of page jumps, that is, after building components according to target jump link information, when a certain H5 page in the shopping software needs to apply the component, it is only necessary to modify the mapping data in the component according to the connection information of the H5 page, and then the mapping relationship between the H5 page and the middle H5 page can be established, so that the H5 page can use the middle H5 page to complete the page jump function required by the preset page jump. Exemplarily, after building the back component, when a certain H5 page of the shopping scene needs to realize the function required by the preset page jump, the component can be dragged into the program corresponding to the H5 page, and the mapping relationship (target jump parameter) between the component in the H5 page and the middle H5 page can be set. The H5 page can use the function of the middle H5 page to realize the function required by the preset page jump.

[0087] The beneficial effects of the embodiment of the present application are as follows: the embodiment can quickly realize the jump function of the H5 page in multiple application scenarios by constructing components according to the target jump link information. In addition, the embodiment can quickly realize the special page jump function of the H5 page corresponding to the component by setting the target jump parameter corresponding to the component, thereby effectively improving the user experience.

[0088] In the embodiment of the present application, the process of modifying the target jump parameter in the target jump link information corresponding to the first H5 page may also include but is not limited to the following steps:

[0089] Step S310, obtaining the software code program corresponding to the first H5 page;

[0090] Step S320, obtaining the sub-code program corresponding to the first H5 page in the software code program;

[0091] Step S330, inserting the target jump link information into the subcode program;

[0092] Step S340: setting target jump parameters in the subcode program after inserting the first target jump link information.

[0093] It is understandable that the software code program refers to computer language instructions that can implement the functions corresponding to the first H5 page. Among them, the functions corresponding to the first H5 page include but are not limited to content display, page jump and other functions. The sub-code program can be a computer language instruction fragment corresponding to the software code program for implementing the page jump function. The instruction fragment can realize the forward jump function of the H5 page, and can also realize the reverse jump function of the H5 page. After inserting the target jump link information into the sub-code program corresponding to the first H5 page, this embodiment enables the H5 page to realize the page jump function of special requirements. For example, Figure 2 As shown, the page display of product B of software A includes H5 page C1, H5 page C2, H5 page C3, H5 page C4 and H5 page C5. The forward page jump process is H5 page C1→H5 page C2→H5 page C3→H5 page C4→H5 page C5, and the one-way page jump process is H5 page C5→H5 page C4→H5 page C3→H5 page C2→H5 page C1, or H5 page C5→H5 page C1. In this process, the previous H5 page jumps to the next H5 page, or the next H5 page jumps back to the previous H5 page, and the page jump operation can be performed by hypertext reference (href). If the H5 page C5 is an H5 page with a preset page jump requirement, the target jump link information of the H5 page C4 can be inserted into the subcode program corresponding to the H5 page C5, and the target jump parameter can be set in the subcode program to realize the function of the H5 page C5 jumping to the intermediate H5 page through the target jump parameter. Figure 4As shown, the middle H5 page can be set between H5 page C4 and H5 page C5. Among them, the first preset jump link information of the middle H5 page is information that characterizes the special jump logic. When H5 page C5 triggers a special jump instruction, the backend can control the page to jump to the middle H5 page according to the target jump parameter. The jump page number parameter in the first preset jump link information in the middle H5 page will be modified according to the page number parameter in the jump link information corresponding to H5 page C5. For example, when the first preset jump link information is represented by window.history.go(), the value in go() can be modified according to the page number parameter in the jump link information corresponding to H5 page C5. The modified first preset jump link information can be window.history.go(3). Through the modified window.history.go(3), the page display can be controlled in the middle H5 page to return to 3 pages and then jump to H5 page C2 for display, thereby meeting the user's real-time jump requirements and effectively improving the user experience.

[0094] In the embodiment of the present application, the jump process of the first H5 page is controlled according to the target jump parameter, including but not limited to the following steps:

[0095] Step S410, obtaining real-time jump link information of the first H5 page;

[0096] Step S420: determining the real-time jump type of the first H5 page according to the real-time jump link information;

[0097] Step S430: when the real-time jump type is a reverse jump, extract the real-time jump parameters in the real-time jump link information;

[0098] Step S440: Control the jump process of the first H5 page according to the real-time jump parameter and the target jump parameter.

[0099] It is understandable that the real-time jump link information refers to the jump instruction when the first H5 page is triggered to jump to a page. Specifically, the jump instruction may include but is not limited to jump type identification information. The jump type identification information is used to characterize whether the current H5 page is a forward jump or a reverse jump. When the jump type identification information determines that the current jump type is a reverse jump, the real-time jump parameter in the real-time jump link information is further extracted to determine the number of pages that the current H5 page needs to return to jump through the real-time jump parameter. Exemplarily, for the field of medical application scenarios, the corresponding introduction page of a hospital's website includes H5 page D1, H5 page D2, H5 page D3, H5 page D4, H5 page D5 and H5 page D6. When a page jump operation is performed in H5 page D4, the real-time jump link information of H5 page D4 is obtained, and the real-time jump type is determined according to the real-time jump link information. When it is determined that the real-time jump type is a reverse jump, the real-time jump parameter (such as the Flag parameter) will be written in the real-time jump link information. Through this parameter, the preset jump link information in the intermediate H5 page for realizing the corresponding function of the preset page jump requirement can be hit. Therefore, this embodiment can extract the real-time jump parameter from the real-time jump link information, and control the jump process of the H5 page D4 based on the real-time jump parameter and the target jump parameter, so as to realize the special jump function of the H5 page D4, thereby effectively improving the user experience.

[0100] In the embodiment of the present application, the jump process of the first H5 page is controlled according to the real-time jump parameter and the target jump parameter, including but not limited to the following steps:

[0101] Step S510: When the real-time jump parameter and the target jump parameter are the same, control the first H5 page to jump to the middle H5 page;

[0102] Step S520, obtaining the target page number in the real-time jump link information;

[0103] Step S530, modifying the jump page number of the first preset jump link information according to the target page number to obtain the second preset jump link information;

[0104] Step S540: Control the intermediate H5 page to jump to the target H5 page according to the second preset jump link information.

[0105] It can be understood that, after determining that the jump type of the current H5 page is a reverse jump, the present embodiment can control the specific jump process based on the real-time jump parameter and the target jump parameter. Specifically, if the real-time jump parameter and the target jump parameter are different, the jump process of the current H5 page cannot establish a mapping relationship with the intermediate H5 page, and therefore, the special jump process cannot be completed through the preset jump link information in the intermediate H5 page. For this situation, the present embodiment can perform a step-by-step return operation of the page based on the text reference connection parameter between the H5 pages. Exemplarily, for the page jump process of H5 page E1, H5 page E2, H5 page E3, H5 page E4 and H5 page E5, when H5 page E3 returns to jump to H5 page E1, it can be based on the text reference connection parameter between H5 page E1, H5 page E2 and H5 page E3, control H5 page E3 to jump to H5 page E2 first, and then jump from H5 page E2 to H5 page E1, so as to complete the user's page return operation request.

[0106] It is understandable that if the real-time jump parameter and the target jump parameter are the same, the jump of the current H5 page can establish a mapping relationship with the intermediate H5 page. Specifically, the present embodiment can establish a mapping relationship between the current H5 page and the intermediate H5 page by the similarity between the real-time jump parameter and the target jump parameter. After establishing the mapping relationship between the current H5 page and the intermediate H5 page, the present embodiment obtains the target page number in the real-time jump link information, modifies the jump page number of the first preset jump link information according to the target page number, and obtains the second preset jump link information, so that the reverse jump page number of the intermediate H5 page can be controlled according to the second preset jump link information, that is, the target H5 page is displayed after the reverse jump target page number from the intermediate H5 page. Exemplarily, for a page jump process in which there are H5 page E1, H5 page E2, H5 page E3, H5 page E4 and H5 page E5, when H5 page E3 returns and jumps to H5 page E1, the jump page number in the preset jump link information of the middle H5 page can be modified based on the corresponding target page number in H5 page E3, and then the H5 page can be controlled to jump from the middle H5 page to the target H5 page (H5 page E1) based on the obtained second preset jump link information, so that the displayed content is the relevant content of H5 page E1.

[0107] From the above content, it can be seen that this embodiment controls the jump process between the current H5 page and the intermediate H5 page through jump parameters, so there is no need to pre-build a routing array in each H5 page that requires a special reverse jump, and the special page reverse jump process can be completed without maintaining the routing array, effectively reducing R&D costs and improving user experience.

[0108] In an embodiment of the present application, if the real-time jump type is a forward jump, the text reference connection parameter of the real-time jump link information is extracted, and the jump process of the first H5 page is controlled according to the text reference connection parameter. Exemplarily, for the page jump process in which there are H5 pages E1, H5 pages E2, H5 pages E3, H5 pages E4, and H5 pages E5, since the text reference connection parameter is pre-set between H5 pages E1, H5 pages E2, H5 pages E3, H5 pages E4, and H5 pages E5, the text reference connection parameter can establish a mapping relationship between two adjacent H5 pages, and the page jump operation process can be accurately implemented based on the mapping relationship. Therefore, when determining that the jump type to be implemented is a forward jump, this embodiment can control the H5 page to perform a step-by-step forward page jump operation process based on the text reference connection parameter of the H5 page. For example, when you need to jump from H5 page E2 to H5 page E4, you can first jump to H5 page E3 based on the text reference connection parameters of H5 page E2, and then control the page to jump to H5 page E4 based on the text reference connection parameters of H5 page E3, so that the forward jump process of the page can be completed accurately.

[0109] In the embodiment of the present application, the H5 page jump method provided in the embodiment of the present application also includes but is not limited to the following steps:

[0110] Step S610: setting the state synchronization information corresponding to the intermediate H5 page, wherein the state synchronization information is used to implement the synchronization function of the H5 page with the state synchronization maintenance requirement;

[0111] Step S620: Determine that there is an H5 page corresponding to the state synchronization requirement as the second H5 page;

[0112] Step S630, modify the state synchronization parameters in the page synchronization link information corresponding to the second H5 page;

[0113] Step S640: Control the state synchronization of the second H5 page and at least one third H5 page according to the state synchronization parameter.

[0114] It is understandable that the state synchronization requirement can be achieved through the page synchronization link information corresponding to the intermediate H5 page. Exemplarily, the web pages in the application scenario include but are not limited to H5 page B1, H5 page B2, H5 page B3, H5 page B4, H5 page B5 and H5 page B6, as well as H5 page B1, H5 page E2, H5 page E3, H5 page E4, H5 page E5 and H5 page E6. Because the same product is usually displayed in a software using the same display link. For the first model of the product, the display order is H5 page B1→H5 page B2→H5 page B3→H5 page B4→H5 page B5→H5 page B6, and for the second model of the product, the display order is H5 page B1→H5 page E2→H5 page E3→H5 page E4→H5 page E5→H5 page E6. Assuming that the user is viewing the product in the same software, when the user views the H5 page B3 corresponding to the first model (involving the functional introduction content of the first model of the product), and wants to view the H5 page E3 corresponding to the second model (involving the functional introduction content of the second model of the product) at the same time, the page synchronization operation can be performed by clicking the status synchronization hold box in the H5 page B3. Specifically, the implementation process of this operation is that the designer pre-sets the status synchronization parameters in the page synchronization link information corresponding to the H5 page E3, so that during the application process, when the user clicks the status synchronization hold box, the display status of the H5 page B3 can be synchronously maintained when the page return operation is performed in the back end, so that the user can synchronously view the contents of the H5 page B3 and the H5 page E3, thereby effectively improving the user's page operation experience.

[0115] It is understandable that the state synchronization of this embodiment can be the state synchronization of two H5 pages, or the state synchronization of multiple H5 pages. Exemplarily, the web pages in the application scenario include but are not limited to H5 page B1, H5 page B2, H5 page B3, H5 page B4, H5 page B5 and H5 page B6, H5 page B1, H5 page E2, H5 page E3, H5 page E4, H5 page E5 and H5 page E6, and H5 page B1, H5 page D2, H5 page D3, H5 page D4, H5 page D5 and H5 page D6. For the first model of the product, the display order is H5 page B1→H5 page B2→H5 page B3→H5 page B4→H5 page B5→H5 page B6, and for the second model of the product, the display order is H5 page B1→H5 page E2→H5 page E3→H5 page E4→H5 page E5→H5 page E6. For the third model of the product, the display order is H5 page B1→H5 page D2→H5 page D3→H5 page D4→H5 page D5→H5 page D6. Assuming that the user wants to view the contents of H5 page B6, H5 page E6 and H5 page D6 synchronously, the relevant personnel can set the state synchronization parameters in advance in the page synchronization link information corresponding to H5 page B6, H5 page E6 and H5 page D6, so that after clicking the state synchronization hold box in H5 page B6, H5 page E6 or H5 page D6, they can jump to the middle H5 page first, and then synchronously display the contents of H5 page B6, H5 page E6 and H5 page D6 through the page synchronization link information of the middle H5 page. Based on this, this embodiment establishes a state synchronization parameter mapped with the middle H5 page, that is, it can realize the synchronous display function of multiple H5 pages through the page synchronization link information of the middle H5 page, effectively improving the user's operating experience and operating flexibility.

[0116] In summary, the method provided in the embodiment of the present application does not need to rely on the routing array to control the special jump operation of the H5 page, so there is no need to operate the jump logic of each page. After establishing a link relationship between the page requiring a special jump and the intermediate H5 page, the present embodiment can complete the page jump process by utilizing the special jump operation logic of the H5 page, thereby achieving painless access to newly added business processes and effectively improving the user experience.

[0117] Reference Figure 5 , the embodiment of the present application provides an H5 page jump device, the device comprising:

[0118] The first module 710 is used to construct an intermediate H5 page;

[0119] The second module 720 is used to set the first preset jump link information corresponding to the intermediate H5 page, wherein the first preset jump link information is used to implement the jump function of the H5 page corresponding to the preset page jump requirement;

[0120] The third module 730 is used to determine whether there is an H5 page corresponding to the preset page jump requirement as the first H5 page;

[0121] The fourth module 740 is used to modify the target jump parameter in the target jump link information corresponding to the first H5 page;

[0122] The fifth module 750 is used to control the jump process of the first H5 page according to the target jump parameter.

[0123] The specific implementation of the H5 page jump device is basically the same as the specific implementation of the above-mentioned H5 page jump method, and will not be repeated here.

[0124] 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 H5 page jump method when executing the computer program. The electronic device can be any smart terminal including a tablet computer, a car computer, etc.

[0125] See also Figure 6 , Figure 6 The hardware structure of an electronic device of another embodiment is illustrated, and the electronic device includes:

[0126] The processor 810 may be implemented by a general-purpose CPU (Central Processing Unit), a microprocessor, an application-specific integrated circuit (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;

[0127] The memory 820 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 820 can store an operating system and other applications. 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 820, and the processor 810 calls and executes the H5 page jump method of the embodiment of this application;

[0128] Input / output interface 830, used to implement information input and output;

[0129] The communication interface 840 is used to realize the communication interaction between the device and other devices. The communication can be realized through a wired manner (such as USB, network cable, etc.) or a wireless manner (such as mobile network, WIFI, Bluetooth, etc.);

[0130] bus 850 , which transmits information between the various components of the device (e.g., processor 810 , memory 820 , input / output interface 830 , and communication interface 840 );

[0131] The processor 810 , the memory 820 , the input / output interface 830 and the communication interface 840 are connected to each other in communication within the device via a bus 850 .

[0132] 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 above-mentioned H5 page jump method is implemented.

[0133] 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.

[0134] 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.

[0135] 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.

[0136] 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.

[0137] 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.

[0138] 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.

[0139] 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.

[0140] 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.

[0141] 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.

[0142] 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.

[0143] 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, 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.

[0144] 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 H5 page jump method, characterized in that: The method comprises the following steps: Build the intermediate H5 page; Setting first preset jump link information corresponding to the intermediate H5 page, wherein the first preset jump link information is used to implement a jump function of an H5 page corresponding to a preset page jump requirement; Determine that there is an H5 page corresponding to the preset page jump requirement as the first H5 page; Modify the target jump parameters in the target jump link information corresponding to the first H5 page; The jump process of the first H5 page is controlled according to the target jump parameter.

2. The method according to claim 1, characterized in that The modifying of the target jump parameter in the target jump link information corresponding to the first H5 page includes: Construct a component according to the target jump link information; Set the target jump parameter corresponding to the component.

3. The method according to claim 1, characterized in that The modifying of the target jump parameter in the target jump link information corresponding to the first H5 page includes: Obtain the software code program corresponding to the first H5 page; Obtaining a subcode program corresponding to the first H5 page in the software code program; Inserting the target jump link information into the subcode program; The target jump parameter is set in the subcode program after the first target jump link information is inserted.

4. The method according to claim 1, characterized in that The process of controlling the jump of the first H5 page according to the target jump parameter includes: Obtaining real-time jump link information of the first H5 page; Determine the real-time jump type of the first H5 page according to the real-time jump link information; When the real-time jump type is a reverse jump, extracting the real-time jump parameter in the real-time jump link information; The jump process of the first H5 page is controlled according to the real-time jump parameter and the target jump parameter.

5. The method according to claim 4, characterized in that The process of controlling the jump of the first H5 page according to the real-time jump parameter and the target jump parameter includes: When the real-time jump parameter is the same as the target jump parameter, controlling the first H5 page to jump to the intermediate H5 page; Obtaining the target page number in the real-time jump link information; Modify the jump page number of the first preset jump link information according to the target page number to obtain second preset jump link information; According to the second preset jump link information, the intermediate H5 page is controlled to jump to the target H5 page.

6. The method according to claim 4, characterized in that The method further comprises the following steps: When the real-time jump type is a forward jump, extracting a text reference connection parameter of the real-time jump link information; The jump process of the first H5 page is controlled according to the text reference connection parameters.

7. The method according to claim 1, characterized in that: The method further comprises the following steps: Setting the state synchronization information corresponding to the intermediate H5 page, wherein the state synchronization information is used to implement the synchronization function of the H5 page with the state synchronization maintenance requirement; Determine that there is an H5 page corresponding to the state synchronization maintenance requirement as the second H5 page; Modify the status synchronization parameters in the page synchronization link information corresponding to the second H5 page; The state synchronization of the second H5 page and at least one third H5 page is controlled according to the state synchronization parameter.

8. An H5 page jump device, characterized in that: The device comprises: The first module is used to build the intermediate H5 page; The second module is used to set the first preset jump link information corresponding to the intermediate H5 page, and the first preset jump link information is used to realize the jump function of the H5 page corresponding to the preset page jump requirement; The third module is used to determine that there is an H5 page corresponding to the preset page jump requirement as the first H5 page; The fourth module is used to modify the target jump parameters in the target jump link information corresponding to the first H5 page; The fifth module is used to control the jump process of the first H5 page according to the target jump parameter.

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 H5 page jump method described in 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 H5 page jump method described in any one of claims 1 to 7 is implemented.

Citation Information

Cited By

  • Page processing method and device for applet, equipment and medium

    CN121167062A