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

Front-end integration method based on dependency injection and path mapping under Html

A dependency injection and path technology, applied in the html field, can solve the problems of inability to achieve complete reuse of functional units and increase operation and maintenance costs.

Pending Publication Date: 2020-10-20
泰安协同软件有限公司
View PDF0 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] The purpose of the present invention is to provide a front-end integration method based on dependency injection and path mapping under Html to solve the problem that the old system is still running and maintained in the above background technology. The functional units used are used for code maintenance work, which cannot achieve the purpose of complete reuse of functional units, and increases the cost of later operation and maintenance.

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
  • Front-end integration method based on dependency injection and path mapping under Html
  • Front-end integration method based on dependency injection and path mapping under Html

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0027] see figure 1 and figure 2 , the present invention provides a technical solution: a front-end integration method based on dependency injection and path mapping under Html, comprising:

[0028] Frame page and dependency injection form: In addition to realizing the basic functions of the new system, the frame page (such as index.html) is responsible for organizing the injection of different old system dependencies and embedding the old functions (such as using iframe to load the old function xx.html page ); in the html page, dependencies include: js script or method dependencies, css style dependencies, public variable dependencies, dom dependencies; for a single system, the steps of dependency injection are: the framework page calls the entry js file (such as init. js), according to the configuration of the relevant dependencies in the entry js file, load the corresponding dependencies, and load the corresponding functional modules after the dependency loading is comple...

Embodiment 2

[0036] see figure 1 and figure 2 , the present invention provides a technical solution: a front-end integration method based on dependency injection and path mapping under Html, comprising:

[0037] Frame page and dependency injection form: In addition to realizing the basic functions of the new system, the frame page (such as index.html) is responsible for organizing the injection of different old system dependencies and embedding the old functions (such as using iframe to load the old function xx.html page ); in the html page, dependencies include: js script or method dependencies, css style dependencies, public variable dependencies, dom dependencies; for a single system, the steps of dependency injection are: the framework page calls the entry js file (such as init. js), according to the configuration of the relevant dependencies in the entry js file, load the corresponding dependencies, and load the corresponding functional modules after the dependency loading is comple...

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 front-end integration method based on dependency injection and path mapping under an Html. The front-end integration method comprises a framework page and a dependency injection form, wherein the framework page is responsible for organizing injection of different old system dependencies and embedding old functions besides realizing basic functions of a new system; and organization of a document structure, wherein a plurality of init.js files are needed for configuring dependencies of the corresponding systems respectively under the condition of multiple systems, different folders are organized according to different systems, and file packages required by initialization are added into the corresponding folders. According to the front-end integration method, the interior of each functional unit does not need to be modified, direct multiplexing is realized, the maintenance amount and bug output rate are greatly reduced, and the function uniformity is improved; the frame page integrating all the functional units is unique, maintenance of the same functions in the frame page is simple, repeated work does not exist, and efficiency is improved; and through the designed maintenance module connected with the system, monitoring and early warning of the system are facilitated through the maintenance module, maintenance at the first time is facilitated, and operation of the system is ensured.

Description

technical field [0001] The invention belongs to the technical field of HTML, and in particular relates to a front-end integration method based on dependency injection and path mapping under HTML. Background technique [0002] HTML is a specification, a standard, which marks various parts of the webpage to be displayed by marking symbols. The webpage file itself is a text file. By adding tags to the text file, you can tell the browser how to display it. Content. The browser reads the webpage files in order, and then interprets and displays the content of the markup according to the markup. The wrong markup will not point out its error, and will not stop its interpretation and execution process. The compiler can only analyze the cause of the error through the display effect and error areas. However, it should be noted that different browsers may have different interpretations for the same tag, and thus may have different display effects. [0003] In the current situation wh...

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/958
CPCG06F16/958Y02D10/00
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