Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Method and system for realizing single-page application in native HTML5 page

A single-page application and page technology, applied in special data processing applications, website content management, other database retrieval, etc., can solve problems such as inability to transform the framework, data is not cleared, error-prone, etc., to reduce code duplication rate and reduce operation. Failure rate, effect of improving development quality and speed

Pending Publication Date: 2020-12-18
北京思特奇信息技术股份有限公司
View PDF0 Cites 1 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0002] The front-end HTML5 page development technology is developing rapidly, and various framework technologies are competing for splendor. Although the new framework has great technical advantages, the development and learning costs are relatively high, or the old projects that are running online cannot be transformed to support the new framework.
In some multi-step operation interactive pages, switching between multiple pages is realized by page jumping. At this time, passing parameters between pages is more cumbersome and error-prone, and a series of passing parameters through url and cache parameters appear. Data loss, data not cleared, etc. caused by the problem, and this phenomenon is more serious in the native HTML5 page of the mobile terminal

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
  • Method and system for realizing single-page application in native HTML5 page
  • Method and system for realizing single-page application in native HTML5 page
  • Method and system for realizing single-page application in native HTML5 page

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0022] In order to make the purpose, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below in conjunction with the drawings in the embodiments of the present invention. Obviously, the described embodiments It is a part of embodiments of the present invention, but not all embodiments. Based on the embodiments of the present invention, all other embodiments obtained by persons of ordinary skill in the art without making creative efforts belong to the protection scope of the present invention.

[0023] Below in conjunction with accompanying drawing, the present invention is described in further detail:

[0024] see figure 1 , a method for implementing a single-page application in a native HTML5 page, implementing the redirected page through the method of a component page, including the following methods:

[0025] Introduce js into ...

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 discloses a method for realizing a single-page application in a native HTML5 page, which realizes a skipped page through a component page method and comprises the following steps of: introducing js into the HTML5 page; when the HTML5 page process is executed to a page needing to be skipped, loading the component page as required through query. The HTML5 page calls an initialization function of the component page while loading the component page as required through query. When the initialization function of the component page is called, all elements of the original HTML5 page arehidden in the component and the elements of the component page are displayed. According to the method for changing page skipping into the component page, the problems that when a mobile terminal pageskips, main page data need to be cached, and when the mobile terminal page skips back to a main interface, redisplay is needed are solved; the code repetition rate is reduced while the system operation failure rate is reduced, and the system development quality and speed are improved.

Description

technical field [0001] The invention relates to the technical field of page scheduling, in particular to a method and system for realizing a single-page application in a native HTML5 page. Background technique [0002] The front-end HTML5 page development technology is developing rapidly, and various framework technologies are competing with each other. Although the new framework has great technical advantages, the development and learning costs are relatively high, or the old projects that are running online cannot be transformed to support the new framework. In some multi-step operation interactive pages, switching between multiple pages is realized by page jumping. At this time, passing parameters between pages is more cumbersome and error-prone, and a series of passing parameters through url and cache parameters appear. Data loss, data not cleared, etc. caused by the problem, and this phenomenon is more serious in the native HTML5 page of the mobile terminal. Therefore,...

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
IPC IPC(8): G06F16/958
CPCG06F16/986
Inventor 高乐乐
Owner 北京思特奇信息技术股份有限公司
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products