Module reuse achievement method based on module packaging

Abstract

The invention discloses a module reuse achievement method based on module packaging. The module reuse achievement method based on the module packaging comprises the steps of (1) analyzing the system requirement, obtaining a common function of functions in a system, (2) determining a corresponding ExtJS module for achieving the common function according to the obtained common function, (3) carrying out primary packaging on the determined ExtJS module, (4) obtaining sub-modules with the same module attribute value and the same method in the ExtJS module after the primary packaging, carrying out secondary packaging on the obtained sub-modules, (5) carrying out third packaging on shown or hidden attributes of the ExtJS module after the primary packaging and the sub-modules after the secondary packaging, and (6) calling any one or the combination of the set ExtJS module, the ExtJS module after the primary packaging, the sub-modules after the secondary packaging and a module after the third packaging to achieve the functions needed by a user interface according to the functional requirement of the user interface. When the module reuse achievement method based on the module packaging is applied, efficiency of the module reuse can be improved.

Description

technical field [0001] The invention relates to component reuse technology, in particular to a method for realizing component reuse based on component encapsulation. Background technique [0002] ExtJS is based on the development of rich client-side asynchronous JavaScript and XML (AJAX, Asynchronous JavaScript and XML) applications, written in Javascript code, and mainly used to create front-end user interfaces. With the application of ExtJS more and more widely, the problem that ExtJS components are repeatedly defined becomes more and more prominent. For example, when using the same type of ExtJS components to implement multiple system functions, or multiple system functions need to use the same or similar functional interface, if the components are not encapsulated, each system function needs to refer to the corresponding ExtJS components cause the components to be defined multiple times and cause code redundancy, which takes a long time to realize system functions and l...

AI Technical Summary

Problems solved by technology

[0013] Therefore, in the case that multiple functions use the same component or similar functional interface, the existing component reuse implementation method is to define the component repeatedly, resulting in a large amount of code redundancy and component reuse. Low efficiency and even increased maintenance costs make the need and pressure for packaging and reorganization of components increasing day by day when multiple functions need to use the same component or similar functional interface

That is to say, in the existing method of realizing component reuse based on multiple functions, according to the components provided by the ExtJS framework (ExtJS components), for each function, Javascript code is directly written for each function, and the components provided by the ExtJS framework are set. And definitions, so that by running the code, calling the ExtJS component to generate a functionally corresponding user interface, it is necessary to repeat the definition of the component many times, resulting in a large amount of Javascript code redundancy, the time required to run the code is long, and the component is complex low efficiency

Images