CN114385124A - Jumping method, device and device for independent page based on Vue framework - Google Patents

Abstract

The application provides a method, a device and equipment for jumping independent pages based on an Vue frame, wherein the method comprises the following steps: the method comprises the steps that a terminal device responds to clicking operation of a user on a first independent page, a page jump request is sent to a server corresponding to an application program, the server receives the page jump request sent by the terminal device, target routing information corresponding to an identifier of a second independent page is obtained according to a first mapping relation and the identifier of the second independent page, initial session information is configured according to the target routing information, target session information is generated, and the target session information is sent to the terminal device. And the terminal equipment receives the target session information returned by the server and displays a second independent page corresponding to the target routing information through a navigation component of the application program, so that the jump among a plurality of independent pages is realized.

Description

Jumping method, device and device for independent page based on Vue framework

technical field

The present application relates to the field of Internet technologies, and in particular, to a method, device, and device for jumping an independent page based on a Vue framework.

Background technique

Vue is a set of progressive JavaScript frameworks for building user interfaces. When Vue processes forms, it can easily change the view synchronously according to the changes of data, so as to ensure the visual effect of users, making Vue in the World Wide Web (World Wide Web, web) very convenient. ) project has been widely used.

In the prior art, a web project constructed by using the Vue framework usually has an independent page and multiple sub-pages, and 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. ), access the URL through the Vue route of the independent page, so as to realize the jump of different sub-pages.

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 the jump between multiple independent pages cannot be performed.

SUMMARY OF THE INVENTION

The present application provides a method, device and device for jumping an independent page based on the Vue framework, so as to solve the problem that jumping between multiple independent pages is impossible.

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

In response to the user's click operation on the first independent page, send a page jump request to the server corresponding to the application, where the page jump request includes the initial session information and the identifier of the second independent page;

receiving target session information returned by the server, where the target session information includes target routing information;

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

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

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

Through the bound navigation component, the target URL corresponding to the second independent page in the target routing information is accessed, and the second independent page is displayed.

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

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

receiving 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;

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;

Configure the initial session information according to the target routing information to generate target session information;

Sending the target session information to the terminal device.

In a possible design of the second aspect, the target routing information corresponding to the identifier of the second independent page is acquired according to the first mapping relationship between the identifier of the page and the routing information and the identifier of the second independent page, include:

Obtain the identifier of the target server corresponding to the identifier of the second independent page according to the second mapping relationship between the identifier of the page and the identifier of the server and 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 acquired from the target server corresponding to the identifier of the target server.

In another possible design of the second aspect, the initial session information includes a session control identifier, and 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.

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

a sending module, configured 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;

a receiving module, configured to receive target session information returned by the server, where the target session information includes target routing information;

The display module is used for displaying the second independent page corresponding to the target routing information through the navigation component of the application program.

In a possible design of the third aspect, the display module is specifically used for:

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

Through the bound navigation component, the target URL corresponding to the second independent page in the target routing information is accessed, and the second independent page is displayed.

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

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

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

a processing module, configured to acquire 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 configured to configure the initial session information according to the target routing information to generate target session information;

A sending module, configured to send the target session information to the terminal device.

In a possible design of the fourth aspect, the processing module is specifically used for:

Obtain the identifier of the target server corresponding to the identifier of the second independent page according to the second mapping relationship between the identifier of the page and the identifier of the server and 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 acquired from the target server corresponding to the identifier of the target server.

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

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

In a fifth aspect, an embodiment of the present application provides a terminal device, including: a transceiver, a display, a processor, a memory, and computer program instructions stored in the memory and executable on the processor, the processor executing the The computer program instructions described are used to implement the first aspect and the methods provided by each possible design.

In a sixth aspect, an embodiment of the present application provides a server, including: a transceiver, a processor, a memory, and computer program instructions stored in the memory and executable on the processor, and the processor executes the computer program Instructions are used to implement the second aspect and the methods provided by each possible design.

The method, device, and device for jumping an independent page based on the Vue framework provided by the embodiments of the present application. In the method, the terminal device responds to the user's click operation on the first independent page, and sends the page jump to the server corresponding to the application program. 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, and configures the initial session information according to the target routing information , generate target session information, and send 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 jumping between multiple independent pages.

Description of drawings

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

1 is a schematic diagram of an application scenario of a method for jumping an independent page based on a Vue framework provided by an embodiment of the present application;

2 is a schematic flowchart of Embodiment 1 of a method for jumping an independent page based on a Vue framework provided by an embodiment of the present application;

3 is a schematic structural diagram of a Vue framework provided by an embodiment of the present application;

4 is a schematic structural diagram of Embodiment 1 of a jumping device for an independent page based on a Vue framework provided by an embodiment of the present application;

5 is a schematic structural diagram of Embodiment 2 of a jumping device for an independent page based on a Vue framework provided by an embodiment of the present application;

FIG. 6 is a schematic structural diagram of a terminal device provided by an embodiment of the present application;

FIG. 7 is a schematic structural diagram of a server provided by an embodiment of the present application.

The foregoing drawings have shown clear embodiments of the present disclosure, and will be described in greater detail hereinafter. The drawings and written description are not intended to limit the scope of the disclosed concepts in any way, but rather to illustrate the disclosed concepts to those skilled in the art by referring to specific embodiments.

Detailed ways

In order to make the purposes, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be described clearly and completely below with reference to the drawings in the embodiments of the present application. Obviously, the described embodiments It is a part of the embodiments of the present application, but not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative work fall within the protection scope of the present application.

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

Vue Router (English: Vue Router) is a path manager for a single page web application (SPA). In other words, Vue Router is a link path management system for web projects. Vue-router is the official routing plugin 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 the Vue-router single-page application, page switching and jumping are realized 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.

Session information (English: Session): responsible for the interaction between the visitor and the website. When the user closes the terminal device, the session ends.

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

Next, the application background of the embodiment of the present application is explained:

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 with the view. Change sync to make changes. This feature enables Vue to process forms very conveniently and at the same time ensure the user's visual effects. Therefore, Vue is favored by a large number of developers. More and more projects use Vue as a development technology, making Vue the mainstream framework for front-end coding.

In the prior art, a web project built with Vue usually has an independent page and multiple sub-pages. The terminal device responds to the user's operation to obtain the URL corresponding to the target page that the user needs to switch to, and access the page through the Vue route of the independent page. URL, so as to realize the jump to different sub-pages.

However, the above method needs to load a large number of static resources when the independent page is loaded for the first time, and there is a problem that the loading time is long and the page navigation function cannot be realized. In order to solve the above problems, in the actual development process, multiple independent pages are usually set in the web project, so that the multiple independent pages can interact with each other, so as to solve the above problems.

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 the jump between multiple independent pages cannot be performed.

In view of the above problems, the inventive concept of the present application is as follows: the first mapping relationship between the identifier of the page and the routing information can be stored in the server in advance, and when the terminal device needs page jumping, it only needs to send a page jumping request to the server, and the server receives After the page jump request, according to the identifier of the second independent page in the page request and the first mapping relationship, obtain the target routing information corresponding to the identifier of the second independent page, and according to the target routing information to the page jump request The initial session information is configured, and the configured target session information is sent 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 solves the problem of inability to jump between multiple independent pages in the prior art, and improves the user experience. experience of use.

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

In this embodiment, the terminal device 11 runs an application program, and the application program is used to display the first independent page. The terminal device 11 further includes a navigation component, and the navigation component includes independent page controls (eg, a first independent page control, a second independent page control, and a third independent page control).

In an achievable manner, the terminal device 11 displays a first independent page, the user clicks on the second independent page control in the navigation component, and the terminal device 11 sends a page jump request to the server 12 in response to the user's click operation. The server 12 receives the page jump request sent by the terminal device 11, and can obtain the target routing information from the server 12 according to the page jump request, or obtain the target routing information from the server 13 or the server 14, and according to the target routing information The initial session information is configured, and the configured target session information is sent 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.

Hereinafter, the technical solutions of the present application will be described in detail through specific embodiments.

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 repeated in some embodiments.

FIG. 2 is a schematic flowchart of Embodiment 1 of a method for jumping an independent page based on a Vue framework provided by an embodiment of the present application. As shown in Figure 2, the jumping method of the independent page based on the Vue framework may include the following steps:

S21. In response to the user's click operation on the first independent page, the terminal device sends a page jump request to the server corresponding to the application program.

The jumping scheme of the independent page based on the Vue framework provided by the embodiment of the present application needs to provide the user with an operation interface, and in order to acquire and analyze data, a background service platform is also required, so that the user can The application accesses the service platform.

The page jump request includes initial session information and an identifier of the second independent page.

Exemplarily, the application for displaying the second independent page and the application for displaying the first independent page may be the same, or may be different applications.

For example, suppose there are four independent pages in the application, namely the home page, message page, shopping cart page and my page, and the navigation components in this application include independent page controls (such as home page control, message control, cart control and my control). Assuming that the first independent page is the home page and the second independent page is a message page, the user can click on 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.

For another example, the terminal device is pre-installed with at least one application program, assuming that the at least one application program is a commodity promotion application and a commodity purchase application, the commodity promotion application is used to display the first independent page, and the first independent page uses It is used to display the promotion information of the commodity; the commodity purchase application is used to display the second independent page, and the terminal device runs the commodity promotion application at the current moment. When the user browses the product promotion information displayed on the first independent page using the product promotion application, if the user wants to purchase the product corresponding to the product promotion information, he can click the product control corresponding to the product, and the terminal device responds to the user's click operation, A page jump request is sent to the server corresponding to the product promotion application, so that the subsequent terminal device displays a second independent page (that is, a product purchase page) to the user, thereby facilitating the user to purchase the product.

Correspondingly, for the server, the page jump request sent by the terminal device is received.

S22. The server acquires 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 first mapping relationship may be a mapping relationship pre-stored in the server by a technician corresponding to the server. For example, the technician may store the above-mentioned first mapping relationship in the server through a data storage device. In addition, it can also be a mapping relationship obtained from other servers or databases, which can be selected according to the actual situation, which is not specifically limited in this embodiment of the present application.

Exemplarily, the above-mentioned first mapping relationship may be as shown in Table 1 below:

Table 1

serial number ID of the page routing information 1 Page ID 1 routing information 1 2 Page ID 2 Routing Information 2 3 Page ID 3 Routing Information 3

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 the identifier 1 of the page, then according to the first mapping relationship, the server can determine the identifier of the second independent page. The corresponding target routing information is routing information 1.

In a possible implementation manner, assuming that the first independent page and the second independent page can be displayed on the terminal device through an application, the server will store the data in the server according to the first mapping relationship and the identifier of the second independent page. The target routing information is determined from the local routing information.

In another possible implementation manner, assuming that the first independent page and the second independent page need to be displayed on the terminal device through different application programs, the server can use the second mapping relationship between the identifier of the page and the identifier of the server and the first The identifier of the second independent page is obtained, and the identifier of the target server corresponding to the identifier of the second independent page is obtained, and the identifier of the second independent page is obtained from 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. Identifies the corresponding destination routing information.

The second mapping relationship may be a mapping relationship pre-stored in the server by a technician corresponding to the server. For example, the technician may store the second mapping relationship in the server through a data storage device. In addition, it can also be a mapping relationship obtained from other servers or databases, which can be selected according to the actual situation, which is not specifically limited in this embodiment of the present application.

Exemplarily, the foregoing second mapping relationship may be shown in Table 2 below:

Table 2

serial number ID of the page ID of the server 1 Page ID 1 Server ID 1 2 Page ID 2 Server ID 2 3 Page ID 3 Server ID 3

Taking the second mapping relationship shown in Table 2 as an example, if the identification of the second independent page in the page jump request is identification 1, then according to the second mapping relationship, the server can determine the identification corresponding to the second independent page. The ID of the target server is ID 1 of the server.

The first mapping relationship and the second mapping relationship can be flexibly configured in the server for technicians, so that the subsequent server can 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 jumping of the independent page is realized through the navigation component, the embodiment of the present application realizes the dynamic binding of the routing information, which improves the flexibility of the jumping of the independent page. sex.

In the prior art, there is a method of storing routing information through data (cookies in English) stored on the user's local terminal to realize routing interaction of multiple independent pages. However, this method is only applicable to the situation that does not cross domains. Compared with the prior art, this method can realize cross-domain access, thereby solving the diversity and compatibility of jumping for independent pages.

In yet another possible implementation manner, the server may also obtain the target routing information corresponding to the identifier of the second independent page from the preset routing information server according to the first mapping relationship and the identifier of the second independent page, so as to realize the crossover Domain access.

The routing information server may be a remote dictionary service (Remote Dictionary Server, Redis) or a routing information database, which may be set according to actual conditions, which is not specifically limited in this embodiment of the present application.

S23. The server configures the initial session information according to the target routing information, and generates target session information.

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

In another possible implementation manner, the routing parameters in the target routing information are extracted, and each parameter in the routing parameters is written into the corresponding positions in the initial session information, so as to generate the target session information, so that the target session information It carries the destination routing information.

S24, the server sends the target session information to the terminal device.

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

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

In a possible implementation, the target routing information is bound to the navigation component, the bound navigation component is obtained, and the target URL corresponding to the second independent page in the target routing information is accessed through the bound navigation component. , and display the second independent page, so as to realize the jumping of the independent page, so as to facilitate the user to operate the second independent page later.

Wherein, accessing the target URL corresponding to the second independent page and displaying the second independent page can be implemented in the following ways:

FIG. 3 is a schematic structural diagram of a Vue framework provided by an embodiment of the present application. As shown in FIG. 3 , the Vue framework may be a Model-View-View Model (referred to as: MVVM) framework, and the Vue framework includes an instruction parser 31 , an observer 32 and a data listener 33 . Among them, the instruction parser 31 is used for scanning and parsing the instructions of the element node to realize the function of dynamic binding function; the observer 32 is used for binding the callback function through the instruction, thereby updating the view; the data listener 33 is used for data monitoring All properties of the object are monitored to obtain the latest notification subscribers and new values of subscribers.

In a specific implementation manner, the terminal device accesses the target URL corresponding to the second independent page, and accepts the data returned by the target URL for displaying the second independent page. The above data is scanned and parsed by the instruction parser 31 , the processed data is acquired, and the processed data is sent 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 The listener 33 listens for it.

In the method for jumping an independent page based on the Vue framework provided by the embodiment of the present application, in response to the user's click operation on the first independent page, the terminal device sends a page jump request to the server corresponding to the application program, and the server receives the information sent by the terminal device. The page jump request, according to the first mapping relationship and the identifier of the second independent page, obtains the target routing information corresponding to the identifier of the second independent page, configures the initial session information according to the target routing information, generates the target session information, and converts the target session information to the target session information. Session information is sent 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 jumping between multiple independent pages.

In the prior art, implementing 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 deception, resulting in poor security. Moreover, when the application is a browser, the routing information stored in the original cookie will be invalid, and the reliability is poor. Compared with the above, the embodiment of the present application realizes the jumping of an independent page through the target session information carrying the target routing information, because the target routing information will not be acquired by malicious programs, and the routing information stored in the server cannot be modified. Thereby ensuring the security of information. Further, since the browser cannot disable the session information, the session information does not depend on the browser environment and has strong applicability, which ensures the availability and reliability of the second independent page.

Optionally, in some embodiments, the initial session information further includes a session control identifier, then after receiving a page jump request sent by the terminal device, the jumping of the independent page based on the Vue framework further includes: according to the session control identifier, Authenticate page redirect requests.

Wherein, when the cookie function of the application program 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, and obtain the rewritten URL of the first independent page, The initial session information is generated according to the URL of the rewritten first independent page, so that the server parses the URL of the rewritten first independent page to obtain the session control identifier. That is to say, at this time, the initial session information includes the rewritten URL of the first independent page.

In the above-mentioned embodiment, by performing identity verification on the page jump request according to the session control identifier, the security of the information is ensured and information is prevented from being stolen by illegal intruders.

Optionally, in some embodiments, the navigation component of the application is preset with default routing information. When the user clicks the closed application for the first time, or clicks the initialization control (such as the home page control) in the application, the terminal device displays the independent page corresponding to the default routing information for the user, and realizes the default routing navigation, thereby improving the user's experience. experience.

The following are apparatus embodiments of the present application, which can be used to execute the method embodiments of the present application. For details not disclosed in the device embodiments of the present application, please refer to the method embodiments of the present application.

FIG. 4 is a schematic structural diagram of Embodiment 1 of an apparatus for jumping an independent page based on a Vue framework provided by an embodiment of the present application. As shown in FIG. 4 , the device is applied to a terminal device, and the terminal device runs an application program, and the application program is used to display the first independent page, and the device includes:

The sending module 41 is configured 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;

a receiving module 42, configured to receive target session information returned by the server, where the target session information includes target routing information;

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

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

Bind the target routing information to the navigation component, and obtain the bound navigation component;

Through the bound navigation component, the target URL corresponding to the second independent page in the target routing information is accessed, and the second independent page is displayed.

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

The jumping device for an independent page based on the Vue framework provided by the embodiment of the present application can be used to execute the jumping method for the independent page based on the Vue framework on the terminal device side in any of the above embodiments, and its implementation principle and technical effect are similar. It is not repeated here.

FIG. 5 is a schematic structural diagram of Embodiment 2 of an apparatus for jumping an independent page based on a Vue framework provided by an embodiment of the present application. As shown in Figure 5, the device is applied to a server, and the device includes:

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

The processing module 52 is 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 52 is further configured to configure the initial session information according to the target routing information to generate target session information;

The sending module 53 is configured to send the target session information to the terminal device.

In a possible design of the embodiment of the present application, the processing module 52 is specifically used for:

According to the second mapping relationship between the identifier of the page and the identifier of the server and the identifier of the second independent page, obtain 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 acquired from the target server corresponding to the identifier of the target server.

In another possible design of the embodiment of the present application, the initial session information includes a session control identifier, and after receiving a page jump request sent by the terminal device, the processing module 52 is further configured to:

Authenticate page jump requests based on session control identifiers.

The jumping device for an independent page based on the Vue framework provided by the embodiment of the present application can be used to execute the jumping method for the independent page based on the Vue framework on the server side in any of the above embodiments. The implementation principle and technical effect are similar. This will not be repeated here.

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

FIG. 6 is a schematic structural diagram of a terminal device provided by an embodiment of the present application. As shown in FIG. 6 , 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, and the processor 61 executes the computer When the program instruction is used, the method for jumping an independent page based on the Vue framework on the terminal device side provided by any of the foregoing embodiments is implemented.

Optionally, the above-mentioned components of the terminal device 11 may be connected through a system bus.

Optionally, the terminal device 11 may further include an interface for interacting with other devices.

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

Optionally, in terms of hardware implementation, in the embodiment shown in FIG. 4 above, 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.

The display 64 is used for displaying independent pages and interacting with the human-computer through the terminal device 11 . Optionally, display 64 may be a user interface that may include graphics, text, icons, video, and any combination thereof. In some embodiments, the display 64 may be a front panel of the terminal device 11 ; in other embodiments, the display 64 may be a flexible display screen disposed on a curved surface or a folding surface of the terminal device 11 . Even, the display 64 can also be set as a non-rectangular display screen with irregular graphics, 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).

The terminal device provided by the embodiment of the present application can be used to execute the method for jumping an independent page based on the Vue framework on the terminal device side provided by any of the above method embodiments, and the implementation principle and technical effect thereof are similar, and are not repeated here.

FIG. 7 is a schematic structural diagram of a server provided by an embodiment of the present application. As shown in FIG. 7 , 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, and the processor 71 implements the foregoing when executing the computer program instructions Any one of the embodiments provides a server-side jumping method for an independent page based on the Vue framework.

Optionally, the above-mentioned various devices of the server may be connected through a system bus.

Optionally, the server may further include interfaces for interacting with other devices.

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

Optionally, in terms of hardware implementation, in the embodiment shown in FIG. 5 above, 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. .

The server provided by this embodiment of the present application can be used to execute the server-side jumping method for an independent page based on the Vue framework provided by any of the above method embodiments, and the implementation principle and technical effect thereof are similar, and are not repeated here.

The memory can be a separate storage unit or a storage unit integrated in the processor. The number of processors is one or more.

It should be understood that the processor may be a central processing unit (Central Processing Unit, CPU), or other general-purpose processors, a digital signal processor (Digital Signal Processor, DSP), an application specific integrated circuit (Application Specific Integrated Circuit, ASIC), etc. . A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like. The steps in combination with the method disclosed in the present application can be directly embodied as executed by a hardware processor, or executed by a combination of hardware and software modules in the processor.

The system bus may be a peripheral component interconnect (PCI) bus or an extended industry standard architecture (EISA) bus or the like. The system bus can be divided into address bus, data bus, control bus and so on. For ease of presentation, 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.

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

Embodiments of the present application provide a computer-readable storage medium, where computer instructions are stored in the computer-readable storage medium, and when the computer instructions are executed on a computer, the computer executes the above-mentioned method for jumping an independent page based on the Vue framework.

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

Optionally, a readable storage medium is coupled to the processor such that the processor can read information from, and write information to, the readable storage medium. Of course, the readable storage medium can also be an integral part of the processor. The processor and the readable storage medium may reside in Application Specific Integrated Circuits (ASIC). Of course, the processor and the readable storage medium may also exist in the device as discrete components.

Embodiments of the present application further provide a computer program product, where the computer program product includes a computer program, the computer program is stored in a computer-readable storage medium, and at least one processor can read the computer program from the computer-readable storage medium , when at least one processor executes a computer program, the above-mentioned method for jumping an independent page based on the Vue framework can be implemented.

It is to be understood that the present disclosure is not limited to the precise structures described above and illustrated in the accompanying 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 (10)

1. a jumping method based on the independent page of Vue framework, it is characterized in that, be applied to terminal equipment, described terminal equipment runs application program, and described application program is used to display the first independent page, described method include: In response to the user's click operation on the first independent page, send a page jump request to the server corresponding to the application, where the page jump request includes the initial session information and the identifier of the second independent page; receiving target session information returned by the server, where the target session information includes target routing information; 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, wherein the displaying the second independent page corresponding to the target routing information through the navigation component of the application program comprises: Binding the target routing information to the navigation component, and obtaining the bound navigation component; Through the bound navigation component, the target uniform resource locator URL corresponding to the second independent page in the target routing information is accessed, and the second independent page is displayed. 3. The method according to claim 1 or 2, wherein the initial session information comprises a session control identifier. 4. a jumping method based on the independent page of Vue framework, is characterized in that, is applied to server, and described method comprises: receiving 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; 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; Configure the initial session information according to the target routing information to generate target session information; Sending the target session information to the terminal device. 5 . The method according to claim 4 , wherein, 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 corresponding identifier of the second independent page is obtained. 6 . Destination routing information, including: Obtain the identifier of the target server corresponding to the identifier of the second independent page according to the second mapping relationship between the identifier of the page and the identifier of the server and 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 acquired from the target server corresponding to the identifier of the target server. 6. The method according to claim 4 or 5, wherein the initial session information includes a session control identifier, and after the receiving a page jump request sent by the terminal device, the method further comprises: The page jump request is authenticated according to the session control identifier. 7. A jumping device for an independent page based on a Vue framework, characterized in that it is applied to a terminal device, and the terminal device runs an application program, and the application program is used to display the first independent page, and the device include: a sending module, configured 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; a receiving module, configured to receive target session information returned by the server, where the target session information includes target routing information; The display module is used for displaying the second independent page corresponding to the target routing information through the navigation component of the application program. 8. a jumping device based on the independent page of Vue framework, is characterized in that, is applied to server, and described device comprises: a receiving module, configured to receive a page jump request sent by the terminal device, where the page jump request includes initial session information and an identifier of the second independent page; a processing module, configured to acquire 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 configured to configure the initial session information according to the target routing information to generate target session information; A sending module, configured to send the target session information to the terminal device. 9. A terminal device, comprising: a transceiver, a display, a processor, a memory, and computer program instructions stored on the memory and executable on the processor, wherein the processor executes the computer program The instruction is used to implement the jumping method of the independent page based on the Vue framework according to any one of claims 1 to 3. 10. A server, comprising: a transceiver, a processor, a memory, and computer program instructions stored on the memory and executable on the processor, wherein the processor executes the computer program instructions with a For realizing the jumping method of the independent page based on the Vue framework as described in any one of claims 4 to 6.

Images