Independent page jump method, device and equipment based on Vue framework

Abstract

The present application provides a method, device and equipment for jumping to an independent page based on a Vue framework, the method comprising: sending a page jump request to a server corresponding to an application program through a terminal device in response to a user's click operation on a first independent page, the server receiving the page jump request sent by the terminal device, obtaining target routing information corresponding to the identifier of the second independent page according to a first mapping relationship and the identifier of the second independent page, configuring the initial session information according to the target routing information, generating target session information, and sending the target session information to the terminal device. The terminal device receives the target session information returned by the server, and displays the second independent page corresponding to the target routing information through the navigation component of the application program, thereby realizing the jump between multiple independent pages.

Description

Technical Field

[0001] The present application relates to the field of Internet technology, and in particular to a method, device and equipment for jumping to an independent page based on a Vue framework. Background Art

[0002] Vue is a progressive JavaScript framework for building user interfaces. When processing forms, Vue can easily change views in sync with data changes, thereby ensuring the user's visual effect, making Vue widely used in World Wide Web (web) projects.

[0003] In the prior art, a web project built using the Vue framework usually has an independent page and multiple sub-pages. The terminal device obtains the uniform resource locator (URL) corresponding to the target page that the user needs to switch to by responding to the user's operation, and accesses the URL through the Vue routing of the independent page, thereby achieving jumps to different sub-pages.

[0004] However, when there are multiple independent pages in a web project, multiple independent pages cannot share a Vue route, and there may be a problem that multiple independent pages cannot be jumped between. Summary of the invention

[0005] The present application provides a method, device and equipment for jumping to independent pages based on a Vue framework to solve the problem that jumping between multiple independent pages cannot be performed.

[0006] In a first aspect, an embodiment of the present application provides a method for jumping to an independent page based on a Vue framework, which is applied to a terminal device, wherein the terminal device runs an application program, and the application program is used to display a first independent page, and the method includes:

[0007] In response to a user clicking operation on the first independent page, sending a page jump request to a server corresponding to the application, wherein the page jump request includes initial session information and an identifier of the second independent page;

[0008] receiving target session information returned by the server, wherein the target session information includes target routing information;

[0009] The second independent page corresponding to the target routing information is displayed through the navigation component of the application.

[0010] In a possible design of the first aspect, displaying the second independent page corresponding to the target routing information through a navigation component of the application includes:

[0011] Binding the target routing information to the navigation component, and obtaining the bound navigation component;

[0012] The target URL corresponding to the second independent page in the target routing information is accessed through the bound navigation component, and the second independent page is displayed.

[0013] In another possible design of the first aspect, the initial session information includes a session control identifier.

[0014] In a second aspect, an embodiment of the present application provides a method for jumping to an independent page based on a Vue framework, which is applied to a server, and the method includes:

[0015] Receiving a page jump request sent by a terminal device, wherein the page jump request includes initial session information and an identifier of a second independent page;

[0016] According to the first mapping relationship between the page identifier and the routing information and the identifier of the second independent page, acquiring the target routing information corresponding to the identifier of the second independent page;

[0017] Configuring the initial session information according to the target routing information to generate target session information;

[0018] The target session information is sent to the terminal device.

[0019] In a possible design of the second aspect, acquiring target routing information corresponding to the identifier of the second independent page according to the first mapping relationship between the identifier of the page and the routing information and the identifier of the second independent page includes:

[0020] According to the second mapping relationship between the page identifier and the server identifier and the identifier of the second independent page, acquiring the identifier of the target server corresponding to the identifier of the second independent page;

[0021] According to the first mapping relationship and the identifier of the second independent page, the target routing information corresponding to the identifier of the second independent page is obtained from the target server corresponding to the identifier of the target server.

[0022] In another possible design of the second aspect, the initial session information includes a session control identifier, and after the page jump request sent by the receiving terminal device, the method further includes:

[0023] The page jump request is authenticated according to the session control identifier.

[0024] In a third aspect, an embodiment of the present application provides a jump device for an independent page based on a Vue framework, which is applied to a terminal device, wherein the terminal device runs an application program, and the application program is used to display a first independent page, and the device includes:

[0025] A sending module, configured to send a page jump request to a server corresponding to the application program in response to a user's click operation on the first independent page, wherein the page jump request includes initial session information and an identifier of the second independent page;

[0026] A receiving module, configured to receive target session information returned by the server, wherein the target session information includes target routing information;

[0027] The display module is used to display the second independent page corresponding to the target routing information through the navigation component of the application.

[0028] In a possible design of the third aspect, the display module is specifically used to:

[0029] Binding the target routing information to the navigation component, and obtaining the bound navigation component;

[0030] The target URL corresponding to the second independent page in the target routing information is accessed through the bound navigation component, and the second independent page is displayed.

[0031] In another possible design of the third aspect, the initial session information includes a session control identifier.

[0032] In a fourth aspect, an embodiment of the present application provides a jump device for an independent page based on a Vue framework, which is applied to a server, and the device includes:

[0033] A receiving module, configured to receive a page jump request sent by a terminal device, wherein the page jump request includes initial session information and an identifier of a second independent page;

[0034] A processing module, configured to obtain target routing information corresponding to the identifier of the second independent page according to the first mapping relationship between the identifier of the page and the routing information and the identifier of the second independent page;

[0035] The processing module is further used to configure the initial session information according to the target routing information to generate target session information;

[0036] A sending module is used to send the target session information to the terminal device.

[0037] In a possible design of the fourth aspect, the processing module is specifically configured to:

[0038] According to the second mapping relationship between the page identifier and the server identifier and the identifier of the second independent page, acquiring the identifier of the target server corresponding to the identifier of the second independent page;

[0039] According to the first mapping relationship and the identifier of the second independent page, the target routing information corresponding to the identifier of the second independent page is obtained from the target server corresponding to the identifier of the target server.

[0040] In another possible design of the fourth aspect, the initial session information includes a session control identifier, and after the page jump request sent by the receiving terminal device, the processing module is further used to:

[0041] The page jump request is authenticated according to the session control identifier.

[0042] In the fifth aspect, an embodiment of the present application provides a terminal device, comprising: a transceiver, a display, a processor, a memory, and computer program instructions stored in the memory and executable on the processor, wherein the processor is used to implement the first aspect and the methods provided by various possible designs when executing the computer program instructions.

[0043] In the sixth aspect, an embodiment of the present application provides a server, comprising: a transceiver, a processor, a memory, and computer program instructions stored in the memory and executable on the processor, wherein the processor is used to implement the second aspect and the methods provided by various possible designs when executing the computer program instructions.

[0044] The embodiment of the present application provides a method, device and equipment for jumping to an independent page based on a Vue framework. In this method, a terminal device responds to a user's click operation on a first independent page, sends a page jump request to a server corresponding to an application, and the server receives the page jump request sent by the terminal device, obtains the target routing information corresponding to the identifier of the second independent page according to the first mapping relationship and the identifier of the second independent page, configures the initial session information according to the target routing information, generates the target session information, and sends the target session information to the terminal device. The terminal device receives the target session information returned by the server, and displays the second independent page corresponding to the target routing information through the navigation component of the application, thereby realizing the jump between multiple independent pages. BRIEF DESCRIPTION OF THE DRAWINGS

[0045] The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present application and, together with the description, serve to explain the principles of the present application.

[0046] Figure 1A schematic diagram of an application scenario of a method for jumping to an independent page based on a Vue framework provided in an embodiment of the present application;

[0047] Figure 2 A flowchart of a first embodiment of a method for jumping to an independent page based on a Vue framework provided in an embodiment of the present application;

[0048] Figure 3 A schematic diagram of the structure of the Vue framework provided in the embodiment of the present application;

[0049] Figure 4 A structural diagram of a first embodiment of a jump device for an independent page based on a Vue framework provided in an embodiment of the present application;

[0050] Figure 5 A structural diagram of Embodiment 2 of a jump device for an independent page based on a Vue framework provided in an embodiment of the present application;

[0051] Figure 6 A schematic diagram of the structure of a terminal device provided in an embodiment of the present application;

[0052] Figure 7 A schematic diagram of the structure of a server provided in an embodiment of the present application.

[0053] The above drawings show clear embodiments of the present disclosure, which will be described in more detail below. These drawings and text descriptions are not intended to limit the scope of the present disclosure in any way, but to illustrate the concepts of the present disclosure to those skilled in the art by referring to specific embodiments. DETAILED DESCRIPTION

[0054] In order to make the purpose, technical solution and advantages of the embodiments of the present application clearer, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0055] Before introducing the embodiments of the present application, the terms involved in the embodiments of the present application are first explained:

[0056] Vue Router (English: Vue Router) is a path manager for single page web applications (SPA). In other words, Vue Router is a link path management system for web projects. Vue-router is the official routing plug-in for Vue.js. It is deeply integrated with Vue.js and is suitable for building single page applications. Vue's single page application is built based on routing and components. Routing is used to set access paths and establish a mapping relationship between paths and components. In traditional page applications, page switching and jumping are usually achieved through hyperlinks. In Vue-router single page applications, page switching and jumping are achieved by switching between paths, that is, switching components. In other words, the essence of routing is to establish a mapping relationship between URLs and pages.

[0057] Session information (English: Session): Responsible for the interaction between the visitor and the website. When the user turns off the terminal device, the session ends.

[0058] URL: is the address of a standard resource on the Internet, for example: https: / / www.xxx.com.

[0059] Next, the application background of the embodiment of the present application is explained:

[0060] Vue is a front-end technology development framework with two-way data binding. When the data in the terminal device changes, the view displayed in the terminal device will change accordingly. Similarly, when the view changes, the data will also change synchronously with the change of the view. This feature enables Vue to process forms very conveniently while ensuring the visual effect of users. Therefore, Vue is favored by a large number of developers. More and more projects use Vue as a development technology, making Vue a mainstream framework for front-end coding.

[0061] In the prior art, a web project built using Vue usually has an independent page and multiple sub-pages. The terminal device obtains the URL corresponding to the target page that the user needs to switch to by responding to the user's operation, and accesses the URL through the Vue routing of the independent page, thereby achieving the jump to different sub-pages.

[0062] However, the above method needs to load a large amount of static resources when loading the independent page for the first time, which has the problem of long loading time and inability to realize page navigation function. In order to solve the above problems, in the actual development process, multiple independent pages are usually set in the web project to enable interaction between the multiple independent pages, thereby solving the above problems.

[0063] However, when there are multiple independent pages in a web project, multiple independent pages cannot share a Vue route, and there may be a problem that multiple independent pages cannot be jumped between.

[0064] In view of the above problems, the invention of the present application is as follows: the first mapping relationship between the page identifier and the routing information can be stored in the server in advance. When the terminal device needs to jump to a page, it only needs to send a page jump request to the server. After receiving the page jump request, the server obtains the target routing information corresponding to the identifier of the second independent page according to the identifier of the second independent page in the page request and the first mapping relationship, and configures the initial session information in the page jump request according to the target routing information, and sends the configured target session information to the terminal device. After receiving the target session information, the terminal device can display the second independent page corresponding to the target session information through the navigation component, which can solve the problem of multiple independent pages being unable to jump in the prior art and improve the user experience.

[0065] Exemplarily, the independent page jump method based on the Vue framework provided in the embodiment of the present application can be applied to Figure 1 In a schematic diagram of an application scenario shown in FIG. Figure 1 A schematic diagram of an application scenario of a method for jumping to an independent page based on a Vue framework provided in an embodiment of the present application is used to solve the above technical problems. Figure 1 As shown, the application scenario may include: a terminal device 11 and at least one server (such as Figure 1 Server 12, server 13 and server 14).

[0066] In this embodiment, the terminal device 11 runs an application program, which is used to display the first independent page. The terminal device 11 also includes a navigation component, which includes independent page controls (such as a first independent page control, a second independent page control, and a third independent page control).

[0067] In one achievable manner, the terminal device 11 displays a first independent page, and the user clicks on a second independent page control in the navigation component. In response to the user's click operation, the terminal device 11 sends a page jump request to the server 12. The server 12 receives the page jump request sent by the terminal device 11, and can obtain target routing information from the server 12 according to the page jump request, and can also obtain target routing information from the server 13 or the server 14, and configure the initial session information according to the target routing information, and send the configured target session information to the terminal device 11, so that the terminal device 11 can display the second independent page corresponding to the target routing information through the navigation component of the application.

[0068] The technical solution of the present application is described in detail below through specific embodiments.

[0069] It should be noted that the following specific embodiments may be combined with each other, and the same or similar concepts or processes may not be described in detail in some embodiments.

[0070] Figure 2 The flowchart of the first embodiment of the method for jumping to an independent page based on the Vue framework provided in the present application is shown in FIG. Figure 2 As shown, the independent page jump method based on the Vue framework may include the following steps:

[0071] S21. In response to a user clicking operation on a first independent page, the terminal device sends a page jump request to a server corresponding to the application program.

[0072] The independent page jump solution based on the Vue framework provided in the embodiment of the present application needs to provide an operation interface for users, and in order to obtain and analyze data, a background service platform is also required so that users can access the service platform through the application installed on the terminal device.

[0073] The page jump request includes the initial session information and the identifier of the second independent page.

[0074] Exemplarily, the application used to display the second independent page and the application used to display the first independent page may be the same application or may be different application programs.

[0075] For example, suppose that there are four independent pages in the application, namely, the home page, the message page, the shopping cart page and the my page, and the navigation components in the application include independent page controls (such as the home page control, the message control, the shopping cart control and the my control). Assume that the first independent page is the home page and the second independent page is the message page. The user can click the message control, and the terminal device sends a page jump request to the server corresponding to the application in response to the user's click operation.

[0076] For another example, the terminal device is pre-installed with at least one application, assuming that the at least one application is a product promotion application and a product purchase application, the product promotion application is used to display the first independent page, the first independent page is used to display the promotion information of the product; the product purchase application is used to display the second independent page, and the terminal device is currently running the product promotion application. When the user uses the product promotion application to browse the product promotion information displayed on the first independent page, if the user wants to purchase the product corresponding to the product promotion information, the user can click the product control corresponding to the product. In response to the user's click operation, the terminal device sends a page jump request to the server corresponding to the product promotion application, so that the subsequent terminal device displays the second independent page (that is, the product purchase page) to the user, thereby facilitating the user to purchase the product.

[0077] Correspondingly, the server receives the page jump request sent by the terminal device.

[0078] S22: The server obtains target routing information corresponding to the identifier of the second independent page according to the first mapping relationship between the page identifier and the routing information and the identifier of the second independent page.

[0079] The first mapping relationship may be a mapping relationship pre-stored in the server by the technician corresponding to the server, such as the technician may store the first mapping relationship in the server through a data storage device. In addition, it may also be a mapping relationship obtained from other servers or databases, which may be selected according to actual conditions, and the embodiment of the present application does not impose specific restrictions on this.

[0080] Exemplarily, the first mapping relationship may be as shown in the following Table 1:

[0081] Table 1

[0082] Serial number Page ID Routing information 1 Page logo 1 Routing information 1 2 Page logo 2 Routing information 2 3 Page logo 3 Routing information 3

[0083] Taking the first mapping relationship shown in Table 1 as an example, if the identifier of the second independent page in the page jump request is page identifier 1, then according to the first mapping relationship, the server can determine that the target routing information corresponding to the identifier of the second independent page is routing information 1.

[0084] In a possible implementation, assuming that the first independent page and the second independent page can be displayed on the terminal device through an application, the server determines the target routing information from the routing information stored locally on the server according to the first mapping relationship and the identifier of the second independent page.

[0085] In another possible implementation, assuming that the first independent page and the second independent page need to be displayed on the terminal device through different applications, the server obtains the identifier of the target server corresponding to the identifier of the second independent page based on the second mapping relationship between the page identifier and the server identifier and the identifier of the second independent page, and obtains the target routing information corresponding to the identifier of the second independent page from the target server corresponding to the identifier of the target server based on the first mapping relationship and the identifier of the second independent page.

[0086] The second mapping relationship may be a mapping relationship pre-stored in the server by a technician corresponding to the server, such as the technician can store the second mapping relationship in the server through a data storage device. In addition, it may also be a mapping relationship obtained from other servers or databases, which can be selected according to actual conditions, and the embodiment of the present application does not impose specific restrictions on this.

[0087] Exemplarily, the second mapping relationship may be as shown in Table 2 below:

[0088] Table 2

[0089] Serial number Page ID Server ID 1 Page logo 1 Server ID 1 2 Page logo 2 Server ID 2 3 Page logo 3 Server ID 3

[0090] Taking the second mapping relationship shown in Table 2 as an example, if the identifier of the second independent page in the page jump request is identifier 1, then according to the second mapping relationship, the server can determine that the identifier of the target server corresponding to the identifier of the second independent page is the server identifier 1.

[0091] The first mapping relationship and the second mapping relationship can be flexibly configured by the technician in the server so that the server can subsequently obtain the target session information carrying the target routing information and send it to the terminal device. Compared with the prior art in which the routing information is fixed in the application code on the terminal device side and the independent page jump is realized through the navigation component, the embodiment of the present application realizes the dynamic binding of routing information and improves the flexibility of independent page jump.

[0092] In the prior art, there is a method of storing routing information in data stored on the user's local terminal (English: Cookie) to achieve routing interaction of multiple independent pages. However, this method is only applicable to non-cross-domain situations. Compared with the prior art, this method can achieve cross-domain access, thereby solving the jump diversity and compatibility of independent pages.

[0093] In another possible implementation, the server may also obtain the target routing information corresponding to the identifier of the second independent page from a preset routing information server according to the first mapping relationship and the identifier of the second independent page, thereby realizing cross-domain access.

[0094] Among them, the routing information server can be a remote dictionary service (Remote Dictionary Server, Redis) or a routing information database, and can be set according to actual conditions. The embodiments of the present application do not impose specific restrictions on this.

[0095] S23. The server configures the initial session information according to the target routing information to generate target session information.

[0096] In a possible implementation manner, the target routing information is written into a corresponding position in the initial session information, thereby generating the target session information.

[0097] In another possible implementation, the routing parameters in the target routing information are extracted, and each parameter in the routing parameters is written into a corresponding position in the initial session information, thereby generating the target session information, so that the target session information carries the target routing information.

[0098] S24. The server sends the target session information to the terminal device.

[0099] Correspondingly, for the terminal device, the target session information returned by the server is received, and the target session information includes the target routing information.

[0100] S25. The terminal device displays the second independent page corresponding to the target routing information through the navigation component of the application.

[0101] In one possible implementation, the target routing information is bound to the navigation component, the bound navigation component is obtained, the target URL corresponding to the second independent page in the target routing information is accessed through the bound navigation component, and the second independent page is displayed, thereby achieving the jump of the independent page, so that the user can subsequently operate the second independent page.

[0102] Among them, accessing the target URL corresponding to the second independent page and displaying the second independent page can be achieved in the following ways:

[0103] Figure 3 This is a schematic diagram of the structure of the Vue framework provided in the embodiment of the present application. Figure 3 As shown, the Vue framework can be a Model-View-View Model (MVVM for short), and the Vue framework includes an instruction parser 31, an observer 32, and a data listener 33. The instruction parser 31 is used to scan and parse the instructions of the element node to realize the function of dynamic binding function; the observer 32 is used to bind the callback function through the instruction to update the view; the data listener 33 is used to monitor all properties of the data object to obtain the latest notification subscribers and new values ​​of the subscribers.

[0104] In a specific implementation, the terminal device accesses the target URL corresponding to the second independent page, and receives the data returned by the target URL for displaying the second independent page. The instruction parser 31 scans and parses the data, obtains the processed data, and sends the processed data to the observer 32. Further, the terminal device updates the view through the updater in the observer 32, displays the second independent page, and sends the processed data to the data listener 33 through the data execution protection module in the observer 32, so that the data listener 33 monitors it.

[0105] The independent page jump method based on the Vue framework provided in the embodiment of the present application sends a page jump request to the server corresponding to the application through the terminal device in response to the user's click operation on the first independent page. The server receives the page jump request sent by the terminal device, obtains the target routing information corresponding to the identifier of the second independent page according to the first mapping relationship and the identifier of the second independent page, configures the initial session information according to the target routing information, generates the target session information, and sends the target session information to the terminal device. The terminal device receives the target session information returned by the server, and displays the second independent page corresponding to the target routing information through the navigation component of the application, thereby realizing the jump between multiple independent pages.

[0106] In the prior art, the routing interaction of multiple independent pages through Cookies requires the application to enable the Cookie function. However, since anyone can analyze the Cookies stored locally, there may be Cookie fraud, resulting in poor security. Moreover, when the application is a browser, the routing information stored in the original Cookie will become invalid and the reliability is poor. Compared with the above, the embodiment of the present application realizes the jump of independent pages through the target session information carrying the target routing information. Since the target routing information will not be obtained by malicious programs and the routing information stored in the server cannot be modified, the security of the information is guaranteed. Furthermore, since the browser cannot disable the session information, the session information does not depend on the browser environment, has strong applicability, and ensures the accessibility and reliability of the second independent page.

[0107] Optionally, in some embodiments, the initial session information also includes a session control identifier. After receiving the page jump request sent by the terminal device, the jump of the independent page based on the Vue framework also includes: authenticating the page jump request according to the session control identifier.

[0108] When the cookie function of the application of the terminal device is disabled or does not support the cookie function, the terminal device can rewrite the session control identifier into the URL of the first independent page, obtain the rewritten URL of the first independent page, and generate initial session information according to the rewritten URL of the first independent page, so that the server parses the rewritten URL of the first independent page and obtains the session control identifier. That is, at this time, the initial session information includes the rewritten URL of the first independent page.

[0109] In the above embodiment, by performing identity authentication on the page jump request according to the session control identifier, the security of information is guaranteed and illegal intruders are prevented from stealing the information.

[0110] Optionally, in some embodiments, the navigation component of the application is pre-set with default routing information. When the user first clicks on a closed application, or clicks on an initialization control (such as a homepage control) in the application, the terminal device displays an independent page corresponding to the default routing information to the user, implementing default routing navigation, thereby improving the user experience.

[0111] The following is an embodiment of the device of the present application, which can be used to execute the embodiment of the method of the present application. For details not disclosed in the embodiment of the device of the present application, please refer to the embodiment of the method of the present application.

[0112] Figure 4 This is a schematic diagram of the structure of the first embodiment of the jump device for independent pages based on the Vue framework provided in the present application. Figure 4 As shown, the device is applied to a terminal device, the terminal device runs an application, the application is used to display the first independent page, and the device includes:

[0113] The sending module 41 is used to send a page jump request to the server corresponding to the application in response to the user's click operation on the first independent page, where the page jump request includes the initial session information and the identifier of the second independent page;

[0114] A receiving module 42, configured to receive target session information returned by the server, wherein the target session information includes target routing information;

[0115] The display module 43 is used to display the second independent page corresponding to the target routing information through the navigation component of the application.

[0116] In a possible design of an embodiment of the present application, the display module 43 is specifically used for:

[0117] Bind the target route information to the navigation component and obtain the bound navigation component;

[0118] The target URL corresponding to the second independent page in the target routing information is accessed through the bound navigation component, and the second independent page is displayed.

[0119] In another possible design of the embodiment of the present application, the initial session information includes a session control identifier.

[0120] The independent page jump device based on the Vue framework provided in the embodiment of the present application can be used to execute the independent page jump method based on the Vue framework on the terminal device side in any of the above embodiments. Its implementation principle and technical effect are similar and will not be repeated here.

[0121] Figure 5 This is a schematic diagram of the structure of the second embodiment of the jump device for independent pages based on the Vue framework provided in the embodiment of the present application. Figure 5 As shown, the device is applied to a server, and the device includes:

[0122] The receiving module 51 is used to receive a page jump request sent by a terminal device, where the page jump request includes initial session information and an identifier of a second independent page;

[0123] The processing module 52 is used to obtain the target routing information corresponding to the identifier of the second independent page according to the first mapping relationship between the identifier of the page and the routing information and the identifier of the second independent page;

[0124] The processing module 52 is further used to configure the initial session information according to the target routing information to generate the target session information;

[0125] The sending module 53 is used to send the target session information to the terminal device.

[0126] In a possible design of the embodiment of the present application, the processing module 52 is specifically configured to:

[0127] According to the second mapping relationship between the page identifier and the server identifier and the identifier of the second independent page, obtaining the identifier of the target server corresponding to the identifier of the second independent page;

[0128] According to the first mapping relationship and the identifier of the second independent page, the target routing information corresponding to the identifier of the second independent page is obtained from the target server corresponding to the identifier of the target server.

[0129] In another possible design of the embodiment of the present application, the initial session information includes a session control identifier. After receiving the page jump request sent by the terminal device, the processing module 52 is further used to:

[0130] Authenticate the page jump request based on the session control identifier.

[0131] The independent page jump device based on the Vue framework provided in the embodiment of the present application can be used to execute the independent page jump method based on the Vue framework on the server side in any of the above embodiments. Its implementation principle and technical effect are similar and will not be repeated here.

[0132] It should be noted that it should be understood that the division of the various modules of the above device is only a division of logical functions. In actual implementation, they can be fully or partially integrated into one physical entity, or they can be physically separated. And these modules can all be implemented in the form of software calling through processing elements; they can also be all implemented in the form of hardware; some modules can also be implemented in the form of software calling through processing elements, and some modules can be implemented in the form of hardware. In addition, all or part of these modules can be integrated together, or they can be implemented independently. The processing element here can be an integrated circuit with signal processing capabilities. In the implementation process, each step of the above method or each module above can be completed by an integrated logic circuit of hardware in the processor element or instructions in the form of software.

[0133] Figure 6 This is a schematic diagram of the structure of the terminal device provided in the embodiment of the present application. Figure 6 As shown, the terminal device 11 may include: a processor 61, a memory 62, a transceiver 63, a display 64, and computer program instructions stored in the memory 62 and executable on the processor 61. When the processor 61 executes the computer program instructions, the method for jumping to an independent page based on the Vue framework on the terminal device side provided by any of the aforementioned embodiments is implemented.

[0134] Optionally, the above-mentioned components of the terminal device 11 may be connected via a system bus.

[0135] Optionally, the terminal device 11 may also include an interface for interacting with other devices.

[0136] The transceiver 63 is used to communicate with other servers, and the transceiver 63 constitutes a communication interface.

[0137] Optionally, in hardware implementation, the above Figure 4 In the illustrated embodiment: the sending module 41 and the receiving module 42 correspond to the transceiver 63 in this embodiment, and the display module 43 corresponds to the display 64 in this embodiment.

[0138] The display 64 is used to display independent pages and interact with humans and computers through the terminal device 11. Optionally, the display 64 can be a user interface, which can include graphics, text, icons, videos, and any combination thereof. In some embodiments, the display 64 can be a front panel of the terminal device 11; in other embodiments, the display 64 can be a flexible display screen, which is arranged on a curved surface or a folding surface of the terminal device 11. Even more, the display 64 can be set as a non-rectangular irregular graphic display screen, that is, a special-shaped screen. The display 64 can be made of materials such as a liquid crystal display (Liquid Crystal Display, LCD), an organic light-emitting diode (Organic Light-Emitting Diode, OLED), etc.

[0139] The terminal device provided in the embodiment of the present application can be used to execute the independent page jump method based on the Vue framework on the terminal device side provided in any of the above method embodiments. Its implementation principle and technical effects are similar and will not be repeated here.

[0140] Figure 7 This is a schematic diagram of the structure of the server provided in the embodiment of the present application. Figure 7 As shown, the server may include: a processor 71, a memory 72, a transceiver 73, and computer program instructions stored in the memory 72 and executable on the processor 71. When the processor 71 executes the computer program instructions, the server-side independent page jump method based on the Vue framework provided in any of the aforementioned embodiments is implemented.

[0141] Optionally, the above-mentioned components of the server may be connected via a system bus.

[0142] Optionally, the server may also include an interface for interacting with other devices.

[0143] The transceiver 73 is used to communicate with other servers and terminal devices, and the transceiver 73 constitutes a communication interface.

[0144] Optionally, in hardware implementation, the above Figure 5 In the illustrated embodiment: the receiving module 51 and the sending module 53 correspond to the transceiver 73 in this embodiment, and the processing module 52 corresponds to the processor 71 in this embodiment.

[0145] The server provided in the embodiment of the present application can be used to execute the server-side independent page jump method based on the Vue framework provided in any of the above method embodiments. Its implementation principle and technical effects are similar and will not be repeated here.

[0146] The memory may be a separate storage unit or a storage unit integrated in the processor. The number of processors may be one or more.

[0147] It should be understood that the processor can be a central processing unit (CPU), or other general-purpose processors, digital signal processors (DSP), application-specific integrated circuits (ASIC), etc. The general-purpose processor can be a microprocessor or the processor can also be any conventional processor, etc. The steps of the method disclosed in the present application can be directly embodied as being executed by a hardware processor, or can be executed by a combination of hardware and software modules in the processor.

[0148] The system bus may be a peripheral component interconnect (PCI) bus or an extended industry standard architecture (EISA) bus, etc. The system bus may be divided into an address bus, a data bus, a control bus, etc. For ease of representation, only one thick line is used in the figure, but it does not mean that there is only one bus or one type of bus. The memory may include random access memory (RAM) and may also include non-volatile memory (NVM), such as at least one disk storage.

[0149] All or part of the steps of implementing the above-mentioned method embodiments can be completed by hardware related to program instructions. The aforementioned program can be stored in a readable memory. When the program is executed, the steps of the above-mentioned method embodiments are executed; and the aforementioned memory (storage medium) includes: read-only memory (ROM), RAM, flash memory, hard disk, solid state drive, magnetic tape, floppy disk, optical disc and any combination thereof.

[0150] An embodiment of the present application provides a computer-readable storage medium, in which computer instructions are stored. When the computer instructions are executed on a computer, the computer executes the above-mentioned independent page jump method based on the Vue framework.

[0151] The computer-readable storage medium mentioned above can be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory, electrically erasable programmable read-only memory, erasable programmable read-only memory, programmable read-only memory, read-only memory, magnetic memory, flash memory, magnetic disk or optical disk. The readable storage medium can be any available medium that can be accessed by a general or special-purpose computer.

[0152] Optionally, a readable storage medium is coupled to a processor so that the processor can read information from the readable storage medium and write information to the readable storage medium. Of course, the readable storage medium can also be a component of the processor. The processor and the readable storage medium can be located in an application specific integrated circuit (ASIC). Of course, the processor and the readable storage medium can also exist in the device as discrete components.

[0153] An embodiment of the present application also provides a computer program product, which includes a computer program, which is stored in a computer-readable storage medium. At least one processor can read the computer program from the computer-readable storage medium, and when at least one processor executes the computer program, the above-mentioned independent page jump method based on the Vue framework can be implemented.

[0154] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims

1. A method for jumping to an independent page based on a Vue framework, characterized in that: Applied to a terminal device, the terminal device runs an application program, the application program is used to display a first independent page, the method includes: In response to a user's click operation on the first independent page, a page jump request is sent to a server corresponding to the application, so that the server obtains the identifier of the target server corresponding to the identifier of the second independent page according to a second mapping relationship between the identifier of the page and the identifier of the server and the identifier of the second independent page, and obtains the target routing information corresponding to the identifier of the second independent page from the target server corresponding to the identifier of the target server according to a first mapping relationship between the identifier of the page and routing information and the identifier of the second independent page, wherein the first mapping relationship and the second mapping relationship are pre-stored in the server, and the page jump request includes initial session information and the identifier of the second independent page; receiving target session information returned by the server, wherein the target session information includes target routing information of the second independent page; The second independent page corresponding to the target routing information is displayed through the navigation component of the application.

2. The method according to claim 1, characterized in that The displaying of the second independent page corresponding to the target routing information by the navigation component of the application program includes: Binding the target routing information to the navigation component, and obtaining the bound navigation component; The target uniform resource locator URL corresponding to the second independent page in the target routing information is accessed through the bound navigation component, and the second independent page is displayed.

3. The method according to claim 1 or 2, characterized in that: The initial session information includes a session control identifier.

4. A method for jumping to an independent page based on a Vue framework, characterized in that: Applied to a server, the method comprises: Receiving a page jump request sent by a terminal device, wherein the page jump request includes initial session information and an identifier of a second independent page; According to the first mapping relationship between the page identifier and the routing information and the identifier of the second independent page, acquiring the target routing information corresponding to the identifier of the second independent page; Configuring the initial session information according to the target routing information to generate target session information; Sending the target session information to the terminal device; The acquiring, according to the first mapping relationship between the page identifier and the routing information and the identifier of the second independent page, the target routing information corresponding to the identifier of the second independent page includes: According to the second mapping relationship between the page identifier and the server identifier and the identifier of the second independent page, acquiring the identifier of the target server corresponding to the identifier of the second independent page; According to the first mapping relationship and the identifier of the second independent page, the target routing information corresponding to the identifier of the second independent page is obtained from the target server corresponding to the identifier of the target server.

5. The method according to claim 4, characterized in that The initial session information includes a session control identifier. After receiving the page jump request sent by the terminal device, the method further includes: The page jump request is authenticated according to the session control identifier.

6. A jump device for an independent page based on a Vue framework, characterized in that: Applied to a terminal device, the terminal device runs an application program, the application program is used to display a first independent page, and the device includes: a sending module, configured to send a page jump request to a server corresponding to the application program in response to a user's click operation on the first independent page, so that the server obtains an identifier of a target server corresponding to the identifier of the second independent page according to a second mapping relationship between the identifier of the page and the identifier of the server and the identifier of the second independent page, and obtains target routing information corresponding to the identifier of the second independent page from a target server corresponding to the identifier of the target server according to a first mapping relationship between the identifier of the page and routing information and the identifier of the second independent page, wherein the first mapping relationship and the second mapping relationship are pre-stored in the server, and the page jump request includes initial session information and the identifier of the second independent page; A receiving module, configured to receive target session information returned by the server, wherein the target session information includes target routing information of the second independent page; The display module is used to display the second independent page corresponding to the target routing information through the navigation component of the application.

7. A jump device for an independent page based on a Vue framework, characterized in that: Applied to a server, the device comprises: A receiving module, configured to receive a page jump request sent by a terminal device, wherein the page jump request includes initial session information and an identifier of a second independent page; A processing module, configured to obtain target routing information corresponding to the identifier of the second independent page according to the first mapping relationship between the identifier of the page and the routing information and the identifier of the second independent page; The processing module is further used to configure the initial session information according to the target routing information to generate target session information; A sending module, used for sending the target session information to the terminal device; The processing module is specifically used for: According to the second mapping relationship between the page identifier and the server identifier and the identifier of the second independent page, acquiring the identifier of the target server corresponding to the identifier of the second independent page; According to the first mapping relationship and the identifier of the second independent page, the target routing information corresponding to the identifier of the second independent page is obtained from the target server corresponding to the identifier of the target server.

8. A terminal device, comprising: A transceiver, a display, a processor, a memory, and computer program instructions stored in the memory and executable on the processor, wherein the processor is used to implement the independent page jump method based on the Vue framework as described in any one of claims 1 to 3 when executing the computer program instructions.

9. A server, comprising: A transceiver, a processor, a memory, and computer program instructions stored in the memory and executable on the processor, wherein the processor is used to implement the independent page jump method based on the Vue framework as described in claim 4 or 5 when executing the computer program instructions.

Images