Page switching method of hybrid application, framework, computer device and storage medium

A hybrid application and page switching technology, which is applied in the field of information processing, can solve the problems of blank pages, data that cannot be updated in time, and data that cannot be directly shared and operated, and achieve the effect of avoiding blanks

Active Publication Date: 2019-07-16
PING AN TECH (SHENZHEN) CO LTD
View PDF4 Cites 7 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0003] At present, each vue page built by the Vue framework maintains a separate data model, so the data between each vue page cannot be directly shared and manipulated. At the same time, after the upper vue page is closed, the data cannot be updated in time without reloading the page. If the vue page needs to be updated, it needs to be reloaded through reload(). In this method, the page will often appear blank when reloading, and the use effect is poor
[0004] In addition, the data of the js framework and the native framework in the hybrid application cannot be shared and manipulated, and user data is generally stored locally, resulting in leakage or tampering of user data

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Page switching method of hybrid application, framework, computer device and storage medium
  • Page switching method of hybrid application, framework, computer device and storage medium
  • Page switching method of hybrid application, framework, computer device and storage medium

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0025] Embodiment 1 of the present invention provides a page switching method for a hybrid application. The hybrid application includes a native framework and a JavaScript framework. The JavaScript framework is used to implement and control the pages of the hybrid application, and the native framework is used to provide various data for the JavaScript framework. Interface, in particular, in this embodiment, the native framework provides a data operation interface for the javascript framework, and the data operation interface includes a data storage interface (saveData()) and a data read interface (getData()). Among them, when the javascript framework is the Vue framework, the execution body of the page switching method is the Vue framework, and the page of the hybrid application is the Vue page. figure 1 The flow chart of Embodiment 1 of the method for page switching of hybrid applications provided by the present invention, such as figure 1 As shown, the page switching method ...

Embodiment 2

[0042] The second embodiment of the present invention provides a Vue framework for a hybrid application that is suitable for implementing any one of the hybrid application page switching methods provided by the present invention, and the related description can refer to the above-mentioned first embodiment. The hybrid application includes a native framework and a javascript framework. The javascript framework is used to implement and control the pages of the hybrid application, and the native framework is used to provide various data interfaces for the javascript framework. In particular, in this embodiment, the native framework is a javascript framework Provides a data operation interface, which includes a data storage interface (saveData()) and a data read interface (getData()). The javascript framework is a Vue framework, and the Vue framework includes: a data model creation module 201 , a page transition detection module 202 , a first page transition module 203 , a second p...

Embodiment 3

[0054] This embodiment also provides a computer device, such as a smart phone, a tablet computer, a notebook computer, a desktop computer, a rack server, a blade server, a tower server, or a cabinet server (including independent servers, or A server cluster composed of multiple servers), etc. like image 3 As shown, the computer device 20 in this embodiment at least includes but is not limited to: a memory 21 and a processor 22 that can be communicatively connected to each other through a system bus, such as image 3 shown. It should be pointed out that, image 3 Only the computer device 20 is shown with components 21-22, but it should be understood that implementation of all shown components is not a requirement and that more or fewer components may be implemented instead.

[0055] In this embodiment, the memory 21 (ie, a readable storage medium) includes a flash memory, a hard disk, a multimedia card, a card-type memory (eg, SD or DX memory, etc.), random access memory (R...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention provides a page switching method of a hybrid application, a frame, a computer device and a storage medium. The method comprises the steps of creating a data model when the hybrid application is started; when the pages are converted, judging whether the two pages are located at the same information level or not, and when the two pages are located at the same information level, callinga data storage interface, storing the data of a front page to a data model, controlling the jumping of the hybrid application page, calling a data reading interface, and reading the data of an original page from the data model and rendering; at different information levels, when it is detected that the data of the original page is modified, calling a data storage interface, storing the data of the original page into the data model, calling a refreshing interface, receiving a trigger event of the original framework, calling a data reading interface provided by the original framework, reading the data of the original page from the data model and rendering, and clearing the data model when the hybrid application is closed. According to the present invention, the page can be quickly reloadedduring page conversion, and the data is safe.

Description

technical field [0001] The present invention relates to the technical field of information processing, and in particular, to a page switching method, framework, computer device and storage medium for hybrid applications. Background technique [0002] A hybrid application is an application between a web application (Web app) and a native application (native app). It has both the good user interaction experience of native applications and the advantages of cross-platform development of web applications. Hybrid applications include Native framework and javascript framework (a literal translation scripting language, hereinafter referred to as js), the two call each other and pass parameters to realize the function of the entire hybrid application. Among them, the Vue framework is a progressive js framework, mainly used for user interface. 's build. [0003] At present, each vue page built by the Vue framework maintains a separate data model, so the data between each vue page ca...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Patent Type & Authority Applications(China)
IPC IPC(8): G06F16/957G06F16/958
CPCG06F16/957G06F16/958Y02D10/00
Inventor 邹国忠
Owner PING AN TECH (SHENZHEN) CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products