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

A method for a single page application quoting a remote page component based on configuration

A single-page, one-page technology, applied in the field of communication, can solve problems such as long loading time, increased product maintenance costs, unfriendly search engines, etc., and achieve the effect of reducing costs, reducing maintenance costs, and easy maintenance

Active Publication Date: 2018-12-18
宏桥高科技集团有限公司
View PDF5 Cites 6 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0004] Single-page applications also have some disadvantages: Loading a large number of resources for the first time: when loading for the first time, all front-end resources need to be loaded, and after MVC is front-end, front-end resources will be larger than multi-page applications, and the loading time is relatively long; Not friendly to search engines: single-page applications have only one page, and it is impossible to do SEO for every route
[0007] Furthermore, since the code segmentation of routing pages of single-page applications based on Vue.js is automatically segmented through the import() method, the segmented js page code files will be highly dependent on the current project project. , when the page is displayed by directly referencing this js file, it may not be displayed normally
Therefore, in the customized development of products, it is usually to copy the previous page code with the same function to the new project project, and when the page with the same function has bugs or needs to add functions, it is difficult to communicate between multiple products. Synchronous updates, which will undoubtedly increase the maintenance cost of the product

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
  • A method for a single page application quoting a remote page component based on configuration
  • A method for a single page application quoting a remote page component based on configuration

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0025] The present invention will be further elaborated below in conjunction with the accompanying drawings and specific embodiments.

[0026] Such as figure 1 , figure 2 As mentioned above, the present invention provides a method for referencing remote page components based on configuration in a single page application, which mainly includes the following steps:

[0027] 1. Development and packaging of public page components:

[0028] (1) Create a new public page component development project project: start the project, copy the existing project project, and modify the project name for the development of public page components; the specific operations are as follows:

[0029] 1) Copy an old project, paste a new project, and rename the pasted project to your new project name (such as chapter4);

[0030] 2) Change the project name (such as chapter2) under .settings / org.eclipse.wst.common.component in the current directory to a new project name (such as chapter4);

[0031] ...

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

A method for a single page application quoting a remote page component based on configuration is disclosed, belonging to the technical field of communications. Specifically, the method has these steps: creating a new public page component development project project, developing the public page component, packaging the public page component, and publishing the public page component to implement thedevelopment and packaging of public page component; then, by acquiring configuration information of a remote page component, generating a dynamic routing according to routing configuration information and visiting the page through the routing to invote the remote page component. The method can synchronously update a plurality of products, reduce the cost of product customization development and make the common page components easier to maintain.

Description

technical field [0001] The invention belongs to the technical field of communication, and in particular relates to a method for referencing a remote page component by a single page application based on configuration. Background technique [0002] Single-page application (SPA) refers to Single Page webApplication, that is, there is only one web page application. A single-page application loads a single html (HyperText Markup Language, HyperText Markup Language) page and dynamically updates it when the user interacts with the application. Pages of web applications. [0003] In the process of loading the page, the browser will first load the necessary html, css (cascading stylesheets, cascading style sheets) and javascript, and all operations are completed on the page controlled by javascript. Single-page applications have the characteristics of rapid release. [0004] Single-page applications also have some disadvantages: Loading a large number of resources for the first time...

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): G06F8/71G06F8/65
CPCG06F8/65G06F8/71
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