CN114385124A - Independent page jumping method, device and equipment based on Vue framework - Google Patents
Independent page jumping method, device and equipment based on Vue framework Download PDFInfo
- Publication number
- CN114385124A CN114385124A CN202210047945.3A CN202210047945A CN114385124A CN 114385124 A CN114385124 A CN 114385124A CN 202210047945 A CN202210047945 A CN 202210047945A CN 114385124 A CN114385124 A CN 114385124A
- Authority
- CN
- China
- Prior art keywords
- page
- identifier
- independent
- target
- independent page
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
- G06F8/24—Object-oriented
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
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
Technical Field
The application relates to the technical field of internet, in particular to a method, a device and equipment for skipping an independent page based on an Vue framework.
Background
Vue is a set of progressive JavaScript framework for constructing a user interface, Vue can change the view synchronously and conveniently according to the change of data when processing the form, thereby ensuring the visual effect of the user, and leading Vue to be widely applied to World Wide Web (Web) projects.
In the prior art, a web project constructed through an Vue framework usually has an independent page and a plurality of sub-pages, and a terminal device obtains a Uniform Resource Locator (URL) corresponding to a target page to which a user needs to switch by responding to an operation of the user, and accesses the URL through a Vue route of the independent page, thereby realizing the jump of different sub-pages.
However, when there are a plurality of independent pages in a web project, the plurality of independent pages cannot share one Vue route, and there may be a problem that a jump cannot be made between the plurality of independent pages.
Disclosure of Invention
The application provides a method, a device and equipment for independent page jumping based on an Vue frame, which are used for solving the problem that jumping cannot be performed among a plurality of independent pages.
In a first aspect, an embodiment of the present application provides a method for skipping to an independent page based on an 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, and the method includes:
responding to the click operation of a user on a first independent page, and sending a page jump request to a server corresponding to an application program, wherein the page jump request comprises initial session information and an identifier of a second independent page;
receiving target session information returned by the server, wherein the target session information comprises target routing information;
and displaying a second independent page corresponding to the target routing information through a navigation component of an application program.
In a possible design of the first aspect, the displaying, by a navigation component of an application program, a second independent page corresponding to the target routing information includes:
binding the target routing information to the navigation assembly to obtain the bound navigation assembly;
and accessing a target URL corresponding to the second independent page in the target routing information through the bound navigation component, and displaying the second independent page.
In another possible design of the first aspect, the initial session information includes a session control identity.
In a second aspect, an embodiment of the present application provides a method for skipping to an independent page based on an Vue framework, which is applied to a server, and the method includes:
receiving a page jump request sent by terminal equipment, wherein the page jump request comprises initial session information and an identifier of a second independent page;
acquiring target routing information corresponding to the identifier of the second independent page according to the first mapping relation between the identifier of the page and the routing information and the identifier of the second independent page;
configuring the initial session information according to the target routing information to generate target session information;
and sending the target session information to the terminal equipment.
In a possible design of the second aspect, the obtaining, 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:
acquiring an identifier of a target server corresponding to the identifier of the second independent page according to a second mapping relation between the identifier of the page and the identifier of the server and the identifier of the second independent page;
and acquiring 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 the first mapping relation and the identifier of the second independent page.
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:
and performing identity authentication on the page jump request according to the session control identifier.
In a third aspect, an embodiment of the present application provides an independent page jumping apparatus based on an 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, and the apparatus includes:
the sending module is used for responding to the click operation of a user on the first independent page and sending a page jump request to a server corresponding to an application program, wherein the page jump request comprises initial session information and an identifier of a 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;
and the display module is used for displaying the second independent page corresponding to the target routing information through a navigation component of an application program.
In a possible design of the third aspect, the display module is specifically configured to:
binding the target routing information to the navigation assembly to obtain the bound navigation assembly;
and accessing a target URL corresponding to the second independent page in the target routing information through the bound navigation component, and displaying the second independent page.
In another possible design of the third aspect, the initial session information includes a session control identity.
In a fourth aspect, the embodiment of the present application provides an Vue-frame-based jump device for independent pages, which is applied to a server, and the device includes:
the system comprises a receiving module, a processing module and a display module, wherein the receiving module is used for receiving a page jump request sent by terminal equipment, and the page jump request comprises initial session information and an identifier of a second independent page;
the processing module is used for acquiring target routing information corresponding to the identifier of the second independent page according to the first mapping relation 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, and generate target session information;
and the sending module is used for sending the target session information to the terminal equipment.
In a possible design of the fourth aspect, the processing module is specifically configured to:
acquiring an identifier of a target server corresponding to the identifier of the second independent page according to a second mapping relation between the identifier of the page and the identifier of the server and the identifier of the second independent page;
and acquiring 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 the first mapping relation and the identifier of the second independent page.
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:
and performing identity authentication on the page jump request 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 on the memory and executable on the processor for implementing the method of the first aspect and various possible designs when the processor executes the computer program instructions.
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 on the memory and executable on the processor for implementing the method provided by the second aspect and possible designs when the processor executes the computer program instructions.
According to the method, the device and the equipment for skipping the independent page based on the Vue framework, provided by the embodiment of the application, the terminal equipment responds to the click operation of a user on the first independent page, the page skipping request is sent to the server corresponding to the application program, the server receives the page skipping request sent by the terminal equipment, the target routing information corresponding to the identifier of the second independent page is obtained according to the first mapping relation and the identifier of the second independent page, the initial session information is configured according to the target routing information, the target session information is generated, and the target session information is sent to the terminal equipment. 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.
Drawings
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 application.
Fig. 1 is an application scenario diagram of a jump method of an independent page based on an Vue framework according to an embodiment of the present application;
fig. 2 is a schematic flowchart of a first embodiment of a jump method for an independent page based on an Vue framework according to an embodiment of the present application;
FIG. 3 is a schematic structural diagram of an Vue framework provided by an embodiment of the present application;
FIG. 4 is a schematic structural diagram of a first embodiment of a jump device based on an independent page of an Vue framework according to an embodiment of the present application;
FIG. 5 is a schematic structural diagram of a second embodiment of a jump device based on an independent page of an Vue framework according to an embodiment of the present application;
fig. 6 is a schematic structural diagram of a terminal device according to an embodiment of the present application;
fig. 7 is a schematic structural diagram of a server according to an embodiment of the present application.
With the foregoing drawings in mind, certain embodiments of the disclosure have been shown and described in more detail below. These drawings and written description are not intended to limit the scope of the disclosed concepts in any way, but rather to illustrate the concepts of the disclosure to those skilled in the art by reference to specific embodiments.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present application clearer, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are some embodiments of the present application, but not all embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
Before introducing embodiments of the present application, first the terms referred to in the embodiments of the present application are explained:
vue route (English: Vue Router) is a path manager of a single page web application (SPA), in other words, Vue Router is a link path management system of a web project. Vue-router is the Vue. js official routing plug-in, which is deeply integrated with Vue. js, suitable for building single-page applications. Vue is constructed based on the route and the components, and the route is used to set the access path and establish the mapping relationship between the path and the components. In conventional page applications, page switching and jumping are typically implemented via hyperlinks. In the Vue-router single page application, page switching and jumping are realized by switching between paths, i.e. switching of components. In other words, the nature of routing is to establish a mapping between a URL and a page.
Session information (English: Session): and the system is responsible for interaction between the visitor and the website, and when the user closes the terminal equipment, the session is ended.
URL: is the address of a standard resource on the internet, such as, for example: https:// www.xxx.com.
Next, an application background of the embodiment of the present application is explained:
vue is a front-end technology development framework for data bidirectional binding, when data in a terminal device changes, the view displayed in the terminal device changes, and likewise, when the view changes, the data changes synchronously with the change of the view. This feature makes Vue very convenient to process forms while ensuring the visual effect of users, so Vue is favored by a large number of developers, and more projects adopt Vue as a development technology, making Vue a mainstream framework for front-end coding.
In the prior art, a web project constructed by Vue generally has an independent page and a plurality of sub-pages, and a terminal device acquires a URL corresponding to a target page to which a user needs to switch by responding to the operation of the user, and accesses the URL by the Vue route of the independent page, thereby realizing the jump of different sub-pages.
However, the above method needs to load a large amount of static resources when the independent page is loaded for the first time, and has a problem that the loading time is long and the page navigation function cannot be realized. In order to solve the above problem, in an actual development process, a plurality of independent pages are generally set in a web project so as to interact with each other, thereby solving the above problem.
However, when there are a plurality of independent pages in a web project, the plurality of independent pages cannot share one Vue route, and there may be a problem that a jump cannot be made between the plurality of independent pages.
In view of the above problems, the inventive concept of the present application is as follows: the first mapping relation between the page identifier and the routing information can be stored in the server in advance, when the terminal device needs page skipping, only the page skipping request needs to be sent to the server, after the server receives the page skipping request, the target routing information corresponding to the second independent page identifier is obtained according to the second independent page identifier and the first mapping relation in the page request, initial session information in the page skipping request is configured according to the target routing information, 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, so that the problem that a plurality of independent pages cannot jump in the prior art can be solved, and the use experience of a user is improved.
For example, the method for skipping the independent page based on the Vue framework provided by the embodiment of the present application may be applied to an application scenario diagram shown in fig. 1. Fig. 1 is an application scenario diagram of a jump method of an independent page based on an Vue framework according to an embodiment of the present application, so as 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 the present embodiment, the terminal device 11 runs an application program for displaying the first individual page. The terminal device 11 further includes a navigation component, where the navigation component includes independent page controls (e.g., a first independent page control, a second independent page control, and a third independent page control).
In an implementation manner, the terminal device 11 displays a first independent page, the user clicks a 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 clicking operation. The server 12 receives the page jump request sent by the terminal device 11, may obtain the target routing information from the server 12 according to the page jump request, and may also obtain the target routing information from the server 13 or the server 14, 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 may display a second independent page corresponding to the target routing information through a navigation component of the application program.
The technical solution of the present application will be described in detail below with reference to specific examples.
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.
Fig. 2 is a flowchart illustrating a first embodiment of a jump method for an independent page based on an Vue framework according to an embodiment of the present application. As shown in fig. 2, the method for skipping to an independent page based on an Vue frame may include the following steps:
and S21, the terminal equipment responds to the click operation of the user on the first independent page and 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 application needs to provide an operation interface for a user, and needs a background service platform for data acquisition and analysis, so that the user can access the service platform through an application program installed on the terminal device.
Wherein the page jump request includes the initial session information and an identification of the second individual page.
For example, the application program for displaying the second independent page may be the same as or different from the application program for displaying the first independent page.
For example, assume that there are four independent pages in the application, namely a home page, a message page, a shopping cart page and a my page, and the navigation component in the application includes independent page controls (e.g., a home page control, a message control, a shopping cart control and a my control). Assuming that the first independent page is a home page and the second independent page is a message page, a user can click a message control, and the terminal device responds to the click operation of the user and sends a page jump request to a server corresponding to an application program.
For another example, the terminal device is pre-installed with at least one application program, and the at least one application program is assumed to be a commodity promotion application program and a commodity purchase application program, the commodity promotion application program is used for displaying a first independent page, and the first independent page is used for displaying promotion information of commodities; the commodity purchasing application program is used for displaying the second independent page, and the commodity popularization application program runs on the terminal equipment at the current moment. When a user browses the commodity promotion information displayed in the first independent page by using the commodity promotion application program, if the user wants to purchase a commodity corresponding to the commodity promotion information, the user can click a commodity control corresponding to the commodity, and the terminal device responds to the click operation of the user and sends a page jump request to a server corresponding to the commodity promotion application program, so that a subsequent terminal device displays a second independent page (namely a commodity purchase page) to the user, and the user can conveniently purchase the commodity.
Correspondingly, for the server, the page jump request sent by the terminal device is received.
S22, the server obtains the target routing information corresponding to the identifier of the second independent page according to the first mapping relation 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 that a technician corresponding to the server stores in the server in advance, for example, the technician may store the first mapping relationship in the server through the data storage device. Besides, the mapping relationship obtained from other servers or databases may also be selected according to actual situations, which is not specifically limited in the embodiments of the present application,
for example, the first mapping relationship may be as shown in table 1 below:
TABLE 1
Serial number | Identification of pages | Routing information |
1 | Identification of a page 1 | Routing information 1 |
2 | Identification of pages 2 | Routing information 2 |
3 | Of pagesIdentification 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, according to the first mapping relationship, the server may determine that the target routing information corresponding to the identifier of the second independent page is the 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 one application program, the server determines the target routing information from the routing information stored locally in the server according to the first mapping relationship and the identifier of the second independent page.
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 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 the target server corresponding to the identifier of the target server according to the first mapping relationship and the identifier of the second independent page.
The second mapping relationship may be a mapping relationship that a technician corresponding to the server stores in the server in advance, for example, the technician may store the second mapping relationship in the server through a data storage device. Besides, the mapping relationship obtained from other servers or databases may also be selected according to actual situations, which is not specifically limited in the embodiments of the present application,
for example, the second mapping relationship may be as shown in the following table 2:
TABLE 2
Serial number | Identification of pages | Identification of a server |
1 | Identification of a page 1 | Identification of server 1 |
2 | Identification of pages 2 | Identification of the Server 2 |
3 | Identification of pages 3 | Identification of the server 3 |
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, according to the second mapping relationship, the server may determine that the identifier of the target server corresponding to the identifier of the second independent page is identifier 1 of the server.
The first mapping relation and the second mapping relation can be flexibly configured in the server for technicians, so that a subsequent server can conveniently acquire target session information carrying target routing information and send the target session information to the terminal equipment. Compared with the prior art that the routing information is fixed in the application program code of the terminal equipment side, and the independent page is skipped through the navigation assembly, the routing information is dynamically bound, and the flexibility of independent page skipping is improved.
In the prior art, a method for realizing routing interaction of multiple independent pages by storing routing information through data (English: Cookie) stored on a local terminal of a user exists, but the method is only suitable for the situation of not crossing domains. Compared with the prior art, the method can realize cross-domain access, thereby solving the jumping diversity and compatibility of the independent page.
In another possible implementation manner, the server may further obtain, according to the first mapping relationship and the identifier of the second independent page, target routing information corresponding to the identifier of the second independent page from a preset routing information server, so as to implement cross-domain access.
The routing information Server may be a Remote Dictionary service (Redis) or a routing information database, and may be set according to an actual situation, which is not specifically limited in the embodiments of the present application.
S23, the server configures the initial session information according to the target routing information to generate the target session information.
In one possible implementation, the target routing information is written to a corresponding location in the initial session information, thereby generating the target session information.
In another possible implementation manner, the routing parameters in the target routing information are extracted, and the parameters in the routing parameters are respectively written into corresponding positions in the initial session information, so that the target session information is generated, so that the target session information carries the target routing information.
And S24, the server sends the target session information to the terminal equipment.
Correspondingly, for the terminal device, target session information returned by the server is received, and the target session information includes target routing information.
And S25, the terminal equipment displays a second independent page corresponding to the target routing information through a navigation component of the application program.
In a possible implementation manner, 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, so that the jump of the independent page is realized, and the user can conveniently operate the second independent page subsequently.
The target URL corresponding to the second independent page is accessed, and the second independent page is displayed in the following mode:
fig. 3 is a schematic structural diagram of an Vue framework provided in an embodiment of the present application. As shown in FIG. 3, the Vue framework can be a Model-View-View Model (MVVM) framework, and the Vue framework includes an instruction parser 31, a viewer 32, and a data listener 33. The instruction parser 31 is configured to scan and parse an instruction of an element node, so as to implement a function of dynamically binding a function; the viewer 32 is used to bind callback functions by instruction, thereby updating the view; the data listener 33 is used to listen to all attributes of the data object to obtain the latest new values notifying the subscriber and the subscriber.
In a specific implementation manner, the terminal device accesses a target URL corresponding to the second independent page, and receives data returned by the target URL and used for displaying the second independent page. The data is scanned and analyzed by the command analyzer 31, processed data is acquired, and the processed data is sent to the viewer 32. Further, the terminal device updates the view through an updater in the viewer 32, displays the second independent page, and sends the processed data to the data listener 33 through a data execution protection module in the viewer 32, so that the data listener 33 listens to the processed data.
According to the Vue-frame-based independent page jumping method provided by the embodiment of the application, the terminal device responds to the click operation of a user on the first independent page, a page jumping request is sent to the server corresponding to the application program, the server receives the page jumping request sent by the terminal device, target routing information corresponding to the identifier of the second independent page is obtained according to the 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.
In the prior art, routing interaction of multiple independent pages is realized through Cookie, an application program is required to start the Cookie function, however, as anyone can analyze the Cookie stored in the local, Cookie cheating may exist, and the safety is poor. And, when the application program is a browser, the routing information stored by the original Cookie will be invalid, and the reliability is poor. Compared with the above, the method and the device for realizing the independent page jump have the advantages that the jump of the independent page is realized through the target session information carrying the target routing information, the target routing information cannot be obtained by a malicious program, and the routing information stored in the server cannot be modified, so that the safety of the information is ensured. Furthermore, the browser cannot disable the session information, the session information does not depend on the browser environment, applicability is high, and acquirability and reliability of the second independent page are guaranteed.
Optionally, in some embodiments, the initial session information further includes a session control identifier, and after receiving the page jump request sent by the terminal device, the jumping of the independent page based on the Vue framework further includes: and according to the session control identification, carrying out identity verification on the page jump request.
When the Cookie function of the application program of the terminal device is disabled or the Cookie function is not supported, the terminal device can rewrite the session control identifier into the URL of the first independent page, obtain the URL of the rewritten first independent page, and generate initial session information according to the URL of the rewritten first independent page, so that the server can analyze the URL of the rewritten first independent page and obtain the session control identifier. That is, the initial session information at this time includes the URL of the rewritten first individual page.
In the embodiment, the identity of the page jump request is verified according to the session control identifier, so that the information security is ensured, and an illegal intruder is prevented from stealing the information.
Optionally, in some embodiments, the navigation component of the application is pre-set with default routing information. When a user clicks the application program in a closed state for the first time or clicks an initialization control (such as a home page control) in the application program, the terminal device displays an independent page corresponding to default routing information for the user, and default routing navigation is achieved, so that user experience is improved.
The following are embodiments of the apparatus of the present application that may be used to perform embodiments of the method of the present application. For details which are not disclosed in the embodiments of the apparatus of the present application, reference is made to the embodiments of the method of the present application.
Fig. 4 is a schematic structural diagram of a first embodiment of a jumping device based on an independent page of an Vue framework according to an embodiment of the present application. As shown in fig. 4, the apparatus is applied to a terminal device, the terminal device runs an application program, and the application program is used for displaying a first independent page, and the apparatus includes:
a sending module 41, configured to send, in response to a click operation of a user on a first independent page, a page jump request to a server corresponding to an application, where the page jump request includes initial session information and an identifier of a 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;
and a display module 43, configured to display, through the navigation component of the application program, a second independent page corresponding to the target routing information.
In one possible design of the embodiment of the present application, the display module 43 is specifically configured to:
binding the target routing information into the navigation assembly, and acquiring the bound navigation assembly;
and accessing a target URL corresponding to a second independent page in the target routing information through the bound navigation component, and displaying the second independent page.
In another possible design of the embodiment of the present application, the initial session information includes a session control identifier.
The skipping device of the independent page based on the Vue frame provided in the embodiment of the present application can be used to execute the skipping method of the independent page based on the Vue frame on the terminal device side in any of the above embodiments, and the implementation principle and the technical effect are similar, and are not described herein again.
Fig. 5 is a schematic structural diagram of a second embodiment of a jump device based on an independent page of an Vue framework according to an embodiment of the present application. As shown in fig. 5, the apparatus is applied to a server, and includes:
a receiving module 51, configured 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;
the processing module 52 is configured to obtain, according to the first mapping relationship between the identifier of the page and the routing information and the identifier of the second independent page, target routing information corresponding to 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, and generate target session information;
and a sending module 53, configured to send the target session information to the terminal device.
In one possible design of this embodiment of the present application, the processing module 52 is specifically configured to:
acquiring an identifier of a target server corresponding to the identifier of the second independent page according to a second mapping relation between the identifier of the page and the identifier of the server and the identifier of the second independent page;
and acquiring 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 the first mapping relation and the identifier of the second independent page.
In another possible design of this embodiment, the initial session information includes a session control identifier, and after receiving the page jump request sent by the terminal device, the processing module 52 is further configured to:
and according to the session control identification, carrying out identity verification on the page jump request.
The skipping device of the independent page based on the Vue frame provided in the embodiment of the present application can be used to execute the skipping method of the independent page based on the Vue frame on the server side in any of the above embodiments, and the implementation principle and the technical effect are similar, which are not described herein again.
It should be noted that the division of the modules of the above apparatus is only a logical division, and the actual implementation may be wholly or partially integrated into one physical entity, or may be physically separated. And these modules can be realized in the form of software called by processing element; or may be implemented entirely in hardware; and part of the modules can be realized in the form of calling software by the processing element, and part of the modules can be realized in the form of hardware. In addition, all or part of the modules can be integrated together or can be independently realized. The processing element here may be an integrated circuit with signal processing capabilities. In implementation, each step of the above method or each module above may be implemented by an integrated logic circuit of hardware in a processor element or an instruction in the form of software.
Fig. 6 is a schematic structural diagram of a terminal device according to an embodiment of the present application. As shown in fig. 6, the terminal device 11 may include: the processor 61, the memory 62, the transceiver 63, the display 64 and computer program instructions stored on the memory 62 and operable on the processor 61, when the processor 61 executes the computer program instructions, the jump method of the independent page based on the Vue framework on the terminal device side provided by any one of the foregoing embodiments is realized.
Alternatively, the above devices of the terminal device 11 may be connected by a system bus.
Optionally, the terminal device 11 may further include an interface for interacting with other devices.
The transceiver 63 is used for communication with other servers, the transceiver 63 constituting a communication interface.
Optionally, in terms of hardware implementation, in the embodiment shown in fig. 4: the transmitting module 41 and the receiving module 42 correspond to the transceiver 63 in the present embodiment, and the display module 43 corresponds to the display 64 in the present embodiment.
The display 64 is used for displaying individual pages and for interacting with a human machine via the terminal device 11. Alternatively, the display 64 may be a user interface that may include graphics, text, icons, video, and any combination thereof. In some embodiments, display 64 may be a front panel of terminal device 11; in other embodiments, the display 64 may be a flexible display screen disposed on a curved surface or a folded surface of the terminal device 11. Even further, the display 64 may be configured as a non-rectangular irregular pattern display screen, i.e., a shaped screen. The Display 64 may be made of Liquid Crystal Display (LCD), Organic Light-Emitting Diode (OLED), or the like.
The terminal device provided in the embodiment of the present application may be configured to execute the method for skipping the independent page based on the Vue frame on the terminal device side provided in any one of the above method embodiments, and the implementation principle and the technical effect are similar, which are not described herein again.
Fig. 7 is a schematic structural diagram of a server according to 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 on the memory 72 and operable on the processor 71, the processor 71 implementing the server-side Vue-frame-based individual page jumping method provided by any of the previous embodiments when executing the computer program instructions.
Optionally, the above devices of the server may be connected by a system bus.
Optionally, the server may further include an interface for interacting with other devices.
The transceiver 73 is used for communication 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: the receiving module 51 and the transmitting module 53 correspond to the transceiver 73 in the present embodiment, and the processing module 52 corresponds to the processor 71 in the present embodiment.
The server provided in the embodiment of the present application may be configured to execute the method for skipping the independent page based on the Vue frame on the server side provided in any method embodiment, and the implementation principle and the technical effect are similar, which are not described herein again.
The memory may be a separate memory unit or a memory unit integrated into the processor. The number of processors is one or more.
It should be understood that the Processor may be a Central Processing Unit (CPU), other general purpose Processor, a Digital Signal Processor (DSP), an 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 of a method disclosed in connection with the present application may be embodied directly in a hardware processor, or in a combination of the hardware and software modules in the processor.
The system bus may be a Peripheral Component Interconnect (PCI) bus, an Extended Industry Standard Architecture (EISA) bus, or the like. The system bus may be divided into an address bus, a data bus, a control bus, and the like. For ease of illustration, only one thick line is shown, but this does not mean that there is only one bus or one type of bus. The memory may include a Random Access Memory (RAM) and may also include a non-volatile memory (NVM), such as at least one disk memory.
All or a portion of the steps of implementing the above-described method embodiments may be performed by hardware associated with program instructions. The aforementioned program may be stored in a readable memory. When executed, the program performs steps comprising the method embodiments described above; and the aforementioned memory (storage medium) includes: read-only memory (ROM), RAM, flash memory, hard disk, solid state disk, magnetic tape (magnetic tape), floppy disk (optical disc), and any combination thereof.
The embodiment of the present application provides a computer-readable storage medium, in which computer instructions are stored, and when the computer instructions are executed on a computer, the computer is enabled to execute the above-mentioned jump method of the independent page based on the Vue framework.
The computer readable storage medium may be any type of volatile or non-volatile storage device or combination thereof, such as static random access memory, electrically erasable programmable read only memory, magnetic storage, flash memory, magnetic or optical disk. Readable storage media can be any available media that can be accessed by a general purpose or special purpose computer.
Alternatively, a readable storage medium may be 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 may also be an integral part of the processor. The processor and the readable storage medium may reside in an Application Specific Integrated Circuits (ASIC). Of course, the processor and the readable storage medium may also reside as discrete components in the apparatus.
Embodiments of the present application further provide a computer program product, which includes a computer program stored in a computer-readable storage medium, where the computer program can be read by at least one processor, and the at least one processor can implement the above-mentioned method for jumping independent pages based on the Vue framework when executing the computer program.
It will be understood that the present disclosure is not limited to the precise arrangements 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 (10)
1. An Vue-frame-based independent page jumping method is applied to a terminal device, wherein an application program runs on the terminal device, and the application program is used for displaying a first independent page, and the method comprises the following steps:
responding to the click operation of a user on a first independent page, and sending a page jump request to a server corresponding to an application program, wherein the page jump request comprises initial session information and an identifier of a second independent page;
receiving target session information returned by the server, wherein the target session information comprises target routing information;
and displaying a second independent page corresponding to the target routing information through a navigation component of an application program.
2. The method of claim 1, wherein displaying, by the navigation component of the application, the second independent page corresponding to the target routing information comprises:
binding the target routing information to the navigation assembly to obtain the bound navigation assembly;
and accessing a target Uniform Resource Locator (URL) corresponding to the second independent page in the target routing information through the bound navigation component, and displaying the second independent page.
3. The method according to claim 1 or 2, wherein the initial session information comprises a session control identity.
4. A jump method of independent pages based on Vue frames is applied to a server, and comprises the following steps:
receiving a page jump request sent by terminal equipment, wherein the page jump request comprises initial session information and an identifier of a second independent page;
acquiring target routing information corresponding to the identifier of the second independent page according to the first mapping relation between the identifier of the page and the routing information and the identifier of the second independent page;
configuring the initial session information according to the target routing information to generate target session information;
and sending the target session information to the terminal equipment.
5. The method according to claim 4, wherein the obtaining, 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:
acquiring an identifier of a target server corresponding to the identifier of the second independent page according to a second mapping relation between the identifier of the page and the identifier of the server and the identifier of the second independent page;
and acquiring 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 the first mapping relation and the identifier of the second independent page.
6. The method according to claim 4 or 5, wherein the initial session information includes a session control identifier, and after receiving the page jump request sent by the terminal device, the method further comprises:
and performing identity authentication on the page jump request according to the session control identifier.
7. An Vue-frame-based independent page jumping device, which is applied to a terminal device running an application program, wherein the application program is used for displaying a first independent page, and the device comprises:
the sending module is used for responding to the click operation of a user on the first independent page and sending a page jump request to a server corresponding to an application program, wherein the page jump request comprises initial session information and an identifier of a 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;
and the display module is used for displaying the second independent page corresponding to the target routing information through a navigation component of an application program.
8. An Vue-frame-based jump device for independent pages, which is applied to a server and comprises:
the system comprises a receiving module, a processing module and a display module, wherein the receiving module is used for receiving a page jump request sent by terminal equipment, and the page jump request comprises initial session information and an identifier of a second independent page;
the processing module is used for acquiring target routing information corresponding to the identifier of the second independent page according to the first mapping relation 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, and generate target session information;
and the sending module is used for sending the target session information to the terminal equipment.
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, when executing the computer program instructions, is configured to implement the Vue framework-based individual page jumping method of any one of claims 1-3.
10. A server, comprising: transceiver, processor, memory and computer program instructions stored on the memory and executable on the processor, characterized in that the processor, when executing the computer program instructions, is adapted to implement the method of jumping of individual pages based on the Vue framework according to any of claims 4 to 6.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210047945.3A CN114385124A (en) | 2022-01-17 | 2022-01-17 | Independent page jumping method, device and equipment based on Vue framework |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210047945.3A CN114385124A (en) | 2022-01-17 | 2022-01-17 | Independent page jumping method, device and equipment based on Vue framework |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114385124A true CN114385124A (en) | 2022-04-22 |
Family
ID=81201141
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210047945.3A Pending CN114385124A (en) | 2022-01-17 | 2022-01-17 | Independent page jumping method, device and equipment based on Vue framework |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114385124A (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115150662A (en) * | 2022-06-20 | 2022-10-04 | 北京奇艺世纪科技有限公司 | Data processing method, system, device, readable storage medium and electronic equipment |
WO2024109881A1 (en) * | 2022-11-25 | 2024-05-30 | 天翼数字生活科技有限公司 | Multi-module routing jumping method, apparatus and terminal for client, and medium |
-
2022
- 2022-01-17 CN CN202210047945.3A patent/CN114385124A/en active Pending
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115150662A (en) * | 2022-06-20 | 2022-10-04 | 北京奇艺世纪科技有限公司 | Data processing method, system, device, readable storage medium and electronic equipment |
CN115150662B (en) * | 2022-06-20 | 2024-05-14 | 北京奇艺世纪科技有限公司 | Data processing method, system, device, readable storage medium and electronic equipment |
WO2024109881A1 (en) * | 2022-11-25 | 2024-05-30 | 天翼数字生活科技有限公司 | Multi-module routing jumping method, apparatus and terminal for client, and medium |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9485240B2 (en) | Multi-account login method and apparatus | |
US20150095760A1 (en) | Method and Device for Providing Webpage Browsing Based on Webkit Kernel | |
US20230308504A9 (en) | Method and system of application development for multiple device client platforms | |
CN114385124A (en) | Independent page jumping method, device and equipment based on Vue framework | |
US11455365B2 (en) | Data processing method and apparatus | |
CN109284458A (en) | Webpage display process, device, computer equipment and storage medium | |
CN111079048B (en) | Page loading method and device | |
CN109299331B (en) | Method and device for displaying hypertext markup language HTML5 page by Air | |
CN105095220B (en) | A kind of browser implementation method, terminal and virtualization agent device | |
CN112486620A (en) | Cross-process off-screen rendering method and device, electronic equipment and storage medium | |
CN111367518A (en) | Page layout method and device, computing equipment and computer storage medium | |
CN112818270A (en) | Data cross-domain transfer method and device and computer equipment | |
CN108319474B (en) | Page information generation method, device and equipment | |
US20090228549A1 (en) | Method of tracking usage of client computer and system for same | |
CN109857963A (en) | Local resource access method, device and electronic equipment | |
CN114661375A (en) | Application integration method and device | |
CN108509228B (en) | Page loading method, terminal equipment and computer readable storage medium | |
CN113971257A (en) | Function menu access method and device for hybrid application | |
CN103488508A (en) | Browser working method, browser and terminal equipment | |
CN110532494B (en) | User personalized configuration method and system of B/S application and computer equipment | |
CN113220296B (en) | Android system interaction method and device | |
US20140237133A1 (en) | Page download control method, system and program for ie core browser | |
CN103885988A (en) | Method and device for outputting content and content outputting system | |
CN114048401A (en) | Page jump method and device, electronic equipment and storage medium | |
CN113297522A (en) | Page rendering method and device, electronic equipment and readable storage medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |