Method of referencing remote page components based on configuration for single page application

A single page, page technology, applied in the field of communication, can solve the problems of long loading time, increase product maintenance cost, unfriendly search engine, etc., and achieve the effect of reducing cost, reducing maintenance cost and easy maintenance.

Active Publication Date: 2021-06-15
宏桥高科技集团有限公司
View PDF0 Cites 0 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
  • Method of referencing remote page components based on configuration for single page application
  • Method of referencing remote page components based on configuration for single page application

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

The invention discloses a method for referencing a remote page component based on configuration of a single-page application, belonging to the technical field of communication, and specifically through the following steps: creating a public page component development project project, developing a public page component, packaging the public page component, and publishing a public page Components realize the development and packaging of public page components, and then obtain the configuration information of remote page components, generate dynamic routes according to routing configuration information, and call remote page components according to route access pages, so as to achieve synchronous update of multiple products and reduce product cost. The cost of customized development and the purpose of easier maintenance of common page components.

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 Patents(China)
IPC IPC(8): G06F8/71G06F8/65
CPCG06F8/65G06F8/71
Inventor 罗奔
Owner 宏桥高科技集团有限公司
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

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap