CN111399835B - Service stripping method and device for WEB front-end project - Google Patents
Service stripping method and device for WEB front-end project Download PDFInfo
- Publication number
- CN111399835B CN111399835B CN202010186130.4A CN202010186130A CN111399835B CN 111399835 B CN111399835 B CN 111399835B CN 202010186130 A CN202010186130 A CN 202010186130A CN 111399835 B CN111399835 B CN 111399835B
- Authority
- CN
- China
- Prior art keywords
- web front
- module
- layer platform
- platform
- service
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 34
- 230000006870 function Effects 0.000 claims description 85
- 238000004590 computer program Methods 0.000 claims description 17
- 238000012360 testing method Methods 0.000 claims description 13
- 230000003068 static effect Effects 0.000 claims description 10
- 238000012545 processing Methods 0.000 claims description 7
- 238000013479 data entry Methods 0.000 claims description 3
- 238000001556 precipitation Methods 0.000 claims description 3
- 238000012423 maintenance Methods 0.000 abstract description 9
- 238000011161 development Methods 0.000 description 16
- 238000010586 diagram Methods 0.000 description 12
- 238000004891 communication Methods 0.000 description 5
- 230000008569 process Effects 0.000 description 4
- 230000008571 general function Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000001514 detection method Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
- Stored Programmes (AREA)
Abstract
The invention provides a service stripping method and a device for WEB front-end projects, wherein the method comprises the following steps: integrating multiplexing function modules of a plurality of WEB front-end projects on a multiplexing layer platform based on Vue; based on the Vue and the function demand data of each WEB front-end project, obtaining an independent function module of each WEB front-end project, and integrating a plurality of independent function modules into an independent layer platform; based on the Vue and the service demand data of each WEB front-end project, acquiring a service module of each WEB front-end project, and integrating a plurality of service modules into a service layer platform; based on the multiplexing layer platform, the independent layer platform and the service layer platform, a management platform of the WEB front-end project is constructed, and the multiplexing layer platform, the independent layer platform and the service layer platform are configured based on Vue. The invention can strip the WEB front-end business and is convenient for maintenance.
Description
Technical Field
The invention belongs to the technical field of WEB, and particularly relates to a service stripping method and device for a WEB front-end project.
Background
The WEB front-end development adopts HTML, CSS, javascript and other various WEB technologies to convert the data into a graphical interface, so that a user can view the data through a browser and interact.
However, the existing WEB front-end development project involves many business processes, if there are many different types of business processes, and the same technical stack is used, it is necessary to repeatedly create a plurality of projects based on the technical stack, and in addition to maintaining different business processes in each project, it is also necessary to maintain a common part related to a technical architecture, and a custom general component method, which makes it difficult to uniformly maintain parts of all projects. For example, when there are multiple items in the existing container cloud, AI, big data and other services, each item maintains components, states, routes and the like respectively, but for the parts of these infrastructures, the multiple items have basically the same content, only part of the content has customization, and when a component possibly used by each item needs to be added, or page layout needs to be replaced, the code of each item needs to be changed, so that the maintenance cost is high.
In summary, the existing WEB front-end service development has the problem of difficult maintenance.
Disclosure of Invention
The embodiment of the invention provides a service stripping method for a WEB front-end project, which is used for stripping the WEB front-end service and is convenient for maintenance, and comprises the following steps:
Integrating multiplexing function modules of a plurality of WEB front-end projects on a multiplexing layer platform based on Vue;
Based on the Vue and the function demand data of each WEB front-end project, obtaining an independent function module of each WEB front-end project, and integrating a plurality of independent function modules into an independent layer platform;
based on the Vue and the service demand data of each WEB front-end project, acquiring a service module of each WEB front-end project, and integrating a plurality of service modules into a service layer platform;
based on the multiplexing layer platform, the independent layer platform and the service layer platform, a management platform of the WEB front-end project is constructed, and the multiplexing layer platform, the independent layer platform and the service layer platform are configured based on Vue.
The embodiment of the invention provides a service stripping device for a WEB front-end project, which is used for stripping the WEB front-end service and is convenient for maintenance, and comprises the following components:
The first unit is used for integrating multiplexing function modules of a plurality of WEB front-end projects on the multiplexing layer platform based on the Vue;
the second unit is used for obtaining independent functional modules of each WEB front-end project based on the Vue and the functional requirement data of each WEB front-end project, and integrating a plurality of independent functional modules into an independent layer platform;
the third unit is used for obtaining the business module of each WEB front-end project based on the Vue and the business demand data of each WEB front-end project, and integrating a plurality of business modules into a business layer platform;
And the fourth unit is used for constructing a management platform of the WEB front-end project based on the multiplexing layer platform, the independent layer platform and the service layer platform and configuring the multiplexing layer platform, the independent layer platform and the service layer platform based on the Vue.
The embodiment of the invention also provides a computer device which comprises a memory, a processor and a computer program stored on the memory and capable of running on the processor, wherein the processor realizes the service stripping method of the WEB front-end project when executing the computer program.
The embodiment of the invention also provides a computer readable storage medium, which stores a computer program for executing the business stripping method of the WEB front-end project.
In the embodiment of the invention, multiplexing function modules of a plurality of WEB front-end projects are integrated on a multiplexing layer platform based on Vue; based on the Vue and the function demand data of each WEB front-end project, obtaining an independent function module of each WEB front-end project, and integrating a plurality of independent function modules into an independent layer platform; based on the Vue and the service demand data of each WEB front-end project, acquiring a service module of each WEB front-end project, and integrating a plurality of service modules into a service layer platform; based on the multiplexing layer platform, the independent layer platform and the service layer platform, a management platform of the WEB front-end project is constructed, and the multiplexing layer platform, the independent layer platform and the service layer platform are configured based on Vue. In the embodiment of the invention, as three platforms, namely the multiplexing layer platform, the independent layer platform and the service layer platform, are integrated, all multiplexing function modules, independent function modules and service modules can be separated, independent management is realized, maintenance is convenient, repeated development of the multiplexing function modules is reduced, and development efficiency of WEB front-end projects is improved.
Drawings
In order to more clearly illustrate the embodiments of the invention or the technical solutions in the prior art, the drawings that are required in the embodiments or the description of the prior art will be briefly described, it being obvious that the drawings in the following description are only some embodiments of the invention, and that other drawings may be obtained according to these drawings without inventive effort for a person skilled in the art. In the drawings:
FIG. 1 is a flowchart of a method for service stripping of a WEB front-end project in an embodiment of the present invention;
FIG. 2 is a schematic diagram of a management platform for a WEB front-end project according to an embodiment of the present invention;
FIG. 3 is a schematic diagram of a service stripping device for a WEB front-end project in an embodiment of the present invention;
Fig. 4 is a schematic diagram of a computer device according to an embodiment of the present invention.
Detailed Description
For the purpose of making the objects, technical solutions and advantages of the embodiments of the present invention more apparent, the embodiments of the present invention will be described in further detail with reference to the accompanying drawings. The exemplary embodiments of the present invention and their descriptions herein are for the purpose of explaining the present invention, but are not to be construed as limiting the invention.
In the description of the present specification, the terms "comprising," "including," "having," "containing," and the like are open-ended terms, meaning including, but not limited to. The description of the reference terms "one embodiment," "a particular embodiment," "some embodiments," "for example," etc., means that a particular feature, structure, or characteristic described in connection with the embodiment or example is included in at least one embodiment or example of the application. In this specification, schematic representations of the above terms do not necessarily refer to the same embodiments or examples. Furthermore, the particular features, structures, or characteristics described may be combined in any suitable manner in any one or more embodiments or examples. The order of steps involved in the embodiments is illustrative of the practice of the application, and is not limited and may be suitably modified as desired.
Fig. 1 is a flowchart of a service stripping method for a WEB front-end item in an embodiment of the present invention, as shown in fig. 1, where the method includes:
Step 101, integrating multiplexing function modules of a plurality of WEB front-end projects on a multiplexing layer platform based on Vue;
step 102, based on the Vue and the function requirement data of each WEB front-end project, obtaining an independent function module of each WEB front-end project, and integrating a plurality of independent function modules into an independent layer platform;
Step 103, based on the Vue and the service demand data of each WEB front-end project, obtaining a service module of each WEB front-end project, and integrating a plurality of service modules into a service layer platform;
And 104, constructing a management platform of the WEB front-end project based on the multiplexing layer platform, the independent layer platform and the service layer platform, and configuring the multiplexing layer platform, the independent layer platform and the service layer platform based on the Vue.
In the embodiment of the invention, as three platforms, namely the multiplexing layer platform, the independent layer platform and the service layer platform, are integrated, all multiplexing function modules, independent function modules and service modules can be separated, independent management is realized, maintenance is convenient, repeated development of the multiplexing function modules is reduced, and development efficiency of WEB front-end projects is improved.
In particular, vue is a set of progressive frameworks used to construct user interfaces. Unlike other large frameworks, vue is designed to be applied layer by layer from bottom up. The core library of Vue only focuses on the view layer, not only is easy to handle, but also is convenient to integrate with third party libraries or existing projects. On the other hand, vue is also fully capable of providing drivers for complex single page applications when used in conjunction with modern toolchains and various supporting class libraries.
The core team of Vue maintains some official libraries, such as Vue-router, vuex, and some official tools, such as Vue-cli, vue-server-renderer, vue-loader, vetur. Based on these official libraries and tools, WEB front-end applications can be conveniently built. Meanwhile, the Vue is an ever-increasing community project, and all needed support of most projects is provided.
Similar to the technical stacks of other frameworks of the WEB front end, vue has a rich ecosystem, such as scaffolds Vue-cli, component libraries Element-UI, iView, and some large single-page application solutions Vue-Element-admin, iView-admin for quick construction projects. These tools and projects greatly promote the development efficiency and initial setup of the front-end projects.
Based on the advantages of the Vue, the embodiment of the invention constructs a final WEB front-end project management platform based on the Vue.
In step 101, it is determined that the multiplexing functional modules that are required for all the WEB front-end projects are capable of multiplexing, that is, the multiplexing functional modules are integrated in a multiplexing layer platform, which may also be referred to as an infrastructure layer platform, and in an embodiment, the multiplexing functional modules include: vuex states of one or any combination of an ingress module, a router routing ingress module, a locale project internationalized configuration ingress module, a mock data ingress module, components generic components, assets generic static files, utils generic methods and/or constants, libs external libraries, directives generic instruction modules, filters generic filters, mixins modules, plugins generic plug-ins, views generic pages, api component tests, config project generic configuration modules.
In the above embodiment, the Vuex-state entry module mainly implements the states of the dynamic loading project architecture layer and the business layer.
The router route entry module comprises a plurality of static route entries and dynamic route entries, wherein the static route includes unified error processing and the like, and the dynamic route includes a test route of a multiplexing layer platform and an automatic loading service layer platform route.
The locale project internationally configures an entry module, and mainly realizes internationally unified configuration and automatic loading of a business layer i18 n.
And the mock data entry module is used for defining the module test API route and automatically loading the mock route of the service layer platform.
The components general component is a component that needs to be used in all WEB front-end projects.
The views generic page includes an error page, a component test page, and so on.
In step 102, based on the Vue and the function requirement data of each WEB front-end project, an independent function module of each WEB front-end project is obtained, and a plurality of independent function modules are integrated into an independent layer platform.
In the implementation, the independent layer platform can also be called a project architecture layer, inherits from the multiplexing layer platform, can add new content according to the requirement of a service layer of each WEB front-end project, but cannot modify the content common to most of the multiplexing layer platforms, such as the existing components common to the subsequent synchronization multiplexing layer platform content. However, for some contents that need to be adjusted according to the WEB front-end item, for example, layout of layout part and router route entry module of components general component, customized modification can be performed. Thus, in one embodiment, based on the Vue and the function requirement data of each WEB front-end item, an independent function module of each WEB front-end item is obtained, including:
based on the Vue and the function requirement data of each WEB front-end project, generating an independent function module of each WEB front-end project;
And/or customizing the multiplexing module based on the Vue and the function requirement data of each WEB front-end project to generate an independent function module of each WEB front-end project.
In step 103, based on the Vue and the service requirement data of each WEB front-end project, a service module of each WEB front-end project is obtained, and a plurality of service modules are integrated in a service layer platform, and when the implementation is implemented, the service module is a sub-module of an independent function module of a WEB front-end project of an independent layer platform, for example, a service module of one WEB front-end project may have a store-modules module for providing module content required by Vuex and with a naming space; the router-routes module only needs to provide routing path configuration; the locale service module provides global i18n; the mock-route module only needs to provide the routing configuration of the mock. The service layer platform generally comprises two platforms, a container platform and a container management platform, wherein the container platform is a container cloud platform and is used by common users for managing resources comprising similar images, applications and storage volumes, the container management platform is an operation management platform and is used by an administrator, and the administrator can allocate quota and the like to the common users.
In an embodiment, the method further comprises:
When the version management of the WEB front-end project is carried out, the module of the multiplexing layer platform is a main branch, the independent function module of each WEB front-end project of the independent layer platform is a branch, and each service module of the service layer platform is a sub-module of the independent function module of the WEB front-end project of the independent layer platform.
In the above embodiment, there are various version management tools, for example, it is possible to use Git to perform version management, and the independent functional module of each WEB front-end item of the independent layer platform is a branch, that is, each WEB front-end item establishes a new branch based on the main branch, and when the main branch is updated, each branch is updated. Each service module of the service layer platform is a sub-module of an independent function module of a WEB front end project of the independent layer platform, and the sub-modules can be managed by using Git submodule, and when the service layer has update, the reference of the independent layer to the service module needs to be updated.
In addition, in the embodiment of the invention, the system comprises a multiplexing functional module, an independent functional module and a service module, wherein each WEB front-end project can be shared with other WEB front-end projects in a step-by-step precipitation mode, a service layer platform is required for the service module only used in specific service, if a plurality of WEB front-end projects need to use the service module afterwards, the service module can be sunk to the independent layer platform, after the independent layer platform is used for maturity, if other projects also have the same requirements, the service module can be further sunk to the multiplexing layer platform. However, for the functional module which is obviously used by a plurality of WEB front-end projects, the functional module can be directly used as a multiplexing functional module to be added into the multiplexing layer platform.
In step 104, after the management platform of the WEB front-end project is constructed based on the multiplexing layer platform, the independent layer platform and the service layer platform, the multiplexing layer platform, the independent layer platform and the service layer platform are configured, mainly interfaces among all modules, such as a routing entry, are configured, and the overall consistency of the management platform of the WEB front-end project is ensured.
Fig. 2 is a schematic diagram of a management platform for a WEB front-end project according to an embodiment of the present invention, and it can be seen that the relationship between three platforms of the management platform is shown.
In summary, in the method provided by the embodiment of the present invention, the multiplexing functional modules of the plurality of WEB front-end items are integrated on the multiplexing layer platform based on the Vue; based on the Vue and the function demand data of each WEB front-end project, obtaining an independent function module of each WEB front-end project, and integrating a plurality of independent function modules into an independent layer platform; based on the Vue and the service demand data of each WEB front-end project, acquiring a service module of each WEB front-end project, and integrating a plurality of service modules into a service layer platform; based on the multiplexing layer platform, the independent layer platform and the service layer platform, a management platform of the WEB front-end project is constructed, and the multiplexing layer platform, the independent layer platform and the service layer platform are configured based on Vue. In the embodiment of the invention, as three platforms, namely the multiplexing layer platform, the independent layer platform and the service layer platform, are integrated, all multiplexing function modules, independent function modules and service modules can be separated, independent management is realized, maintenance is convenient, repeated development of the multiplexing function modules is reduced, and development efficiency of WEB front-end projects is improved.
In addition, through the embodiment of the invention, front-end developers can clearly find each layer of platform and module, and the flexibility of customization is increased on the basis of multiplexing general functions. The service module is stripped out entirely, service developers can update and maintain without considering the architecture of the multiplexing layer platform and the independent layer platform, and for newly added developers, the service module is easier to start, can be directly put into service development, and reduces the whole development architecture for learning WEB front-end projects.
Based on the same principle, the embodiment of the present invention further provides a service stripping device for a WEB front-end item, and fig. 3 is a schematic diagram of the service stripping device for the WEB front-end item in the embodiment of the present invention, as shown in fig. 3, including:
a first unit 301, configured to integrate multiplexing function modules of a plurality of WEB front-end items into a multiplexing layer platform based on Vue;
a second unit 302, configured to obtain an independent function module of each WEB front-end project based on the Vue and the function requirement data of each WEB front-end project, and integrate a plurality of independent function modules into an independent layer platform;
a third unit 303, configured to obtain a service module of each WEB front-end item based on the Vue and service requirement data of each WEB front-end item, and integrate a plurality of service modules into a service layer platform;
And a fourth unit 304, configured to construct a management platform for the WEB front-end project based on the multiplexing layer platform, the independent layer platform, and the service layer platform, and configure the multiplexing layer platform, the independent layer platform, and the service layer platform based on the Vue.
In one embodiment, the multiplexing functional module includes: vuex states of one or any combination of an ingress module, a router routing ingress module, a locale project internationalized configuration ingress module, a mock data ingress module, components generic components, assets generic static files, utils generic methods and/or constants, libs external libraries, directives generic instruction modules, filters generic filters, mixins modules, plugins generic plug-ins, views generic pages, api component tests, config project generic configuration modules.
In one embodiment, the second unit 302 is specifically configured to:
based on the Vue and the function requirement data of each WEB front-end project, generating an independent function module of each WEB front-end project;
And/or customizing the multiplexing module based on the Vue and the function requirement data of each WEB front-end project to generate an independent function module of each WEB front-end project.
In an embodiment, the apparatus further comprises a version management unit 305 for:
When the version management of the WEB front-end project is carried out, the module of the multiplexing layer platform is a main branch, the independent function module of each WEB front-end project of the independent layer platform is a branch, and each service module of the service layer platform is a sub-module of the independent function module of the WEB front-end project of the independent layer platform.
In summary, in the device provided by the embodiment of the present invention, the multiplexing functional modules of the plurality of WEB front-end items are integrated on the multiplexing layer platform based on the Vue; based on the Vue and the function demand data of each WEB front-end project, obtaining an independent function module of each WEB front-end project, and integrating a plurality of independent function modules into an independent layer platform; based on the Vue and the service demand data of each WEB front-end project, acquiring a service module of each WEB front-end project, and integrating a plurality of service modules into a service layer platform; based on the multiplexing layer platform, the independent layer platform and the service layer platform, a management platform of the WEB front-end project is constructed, and the multiplexing layer platform, the independent layer platform and the service layer platform are configured based on Vue. In the embodiment of the invention, as three platforms, namely the multiplexing layer platform, the independent layer platform and the service layer platform, are integrated, all multiplexing function modules, independent function modules and service modules can be separated, independent management is realized, maintenance is convenient, repeated development of the multiplexing function modules is reduced, and development efficiency of WEB front-end projects is improved.
In addition, through the embodiment of the invention, front-end developers can clearly find each layer of platform and module, and the flexibility of customization is increased on the basis of multiplexing general functions. The service module is stripped out entirely, service developers can update and maintain without considering the architecture of the multiplexing layer platform and the independent layer platform, and for newly added developers, the service module is easier to start, can be directly put into service development, and reduces the whole development architecture for learning WEB front-end projects.
An embodiment of the present application further provides a computer device, and fig. 4 is a schematic diagram of the computer device in the embodiment of the present application, where the computer device can implement all the steps in the service stripping method of the WEB front-end item in the foregoing embodiment, and the electronic device specifically includes the following contents:
A processor (processor) 401, a memory (memory) 402, a communication interface (Communications Interface) 403, and a bus 404;
Wherein, the processor 401, the memory 402, and the communication interface 403 complete the communication with each other through the bus 404; the communication interface 403 is configured to implement information transmission between related devices such as a server device, a detection device, and a user device;
The processor 401 is configured to invoke a computer program in the memory 402, where the processor executes the computer program to implement all the steps in the service stripping method of the WEB front-end item in the foregoing embodiment.
An embodiment of the present application also provides a computer readable storage medium, which can implement all the steps in the service stripping method for the WEB front end item in the above embodiment, and the computer readable storage medium stores a computer program, where the computer program when executed by a processor implements all the steps in the service stripping method for the WEB front end item in the above embodiment.
It will be appreciated by those skilled in the art that embodiments of the present invention may be provided as a method, system, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present invention may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
The present invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems) and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flowchart illustrations and/or block diagrams, and combinations of flows and/or blocks in the flowchart illustrations and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
The foregoing description of the embodiments has been provided for the purpose of illustrating the general principles of the invention, and is not meant to limit the scope of the invention, but to limit the invention to the particular embodiments, and any modifications, equivalents, improvements, etc. that fall within the spirit and principles of the invention are intended to be included within the scope of the invention.
Claims (4)
1. The business stripping method of the WEB front-end project is characterized by comprising the following steps of:
Integrating multiplexing function modules of a plurality of WEB front-end projects on a multiplexing layer platform based on Vue;
Based on the Vue and the function demand data of each WEB front-end project, obtaining an independent function module of each WEB front-end project, and integrating a plurality of independent function modules into an independent layer platform;
based on the Vue and the service demand data of each WEB front-end project, acquiring a service module of each WEB front-end project, and integrating a plurality of service modules into a service layer platform;
constructing a management platform of a WEB front-end project based on the multiplexing layer platform, the independent layer platform and the service layer platform, and configuring the multiplexing layer platform, the independent layer platform and the service layer platform based on the Vue; configuring interfaces among all modules to ensure the overall consistency of a management platform of a WEB front-end project;
Based on the Vue and the function requirement data of each WEB front-end project, an independent function module of each WEB front-end project is obtained, including:
based on the Vue and the function requirement data of each WEB front-end project, generating an independent function module of each WEB front-end project;
And/or customizing the multiplexing module based on the Vue and the function requirement data of each WEB front-end project to generate an independent function module of each WEB front-end project;
the multiplexing functional module, the independent functional module and the service module can be separated;
The independent layer platform inherits from the multiplexing layer platform, adds new content according to the requirement of the business layer of each WEB front-end project, but cannot modify the general content of most multiplexing layer platforms;
the service layer platform comprises two platforms, a container platform and a container management platform, wherein the container platform is a container cloud platform, and the container management platform is an operation management platform;
The method further comprises the steps of:
When the version management of the WEB front-end project is carried out, the module of the multiplexing layer platform is a main branch, the independent function module of each WEB front-end project of the independent layer platform is a branch, and each service module of the service layer platform is a sub-module of the independent function module of the WEB front-end project of the independent layer platform;
each WEB front-end project is shared with other WEB front-end projects in a step-by-step precipitation mode;
If a plurality of WEB front-end projects all need to use a service module, sinking the service module to an independent layer platform, and after the independent layer platform is used and matured, continuously sinking the service module to a multiplexing layer platform if other WEB front-end projects also have the same requirements; for the function modules which are obviously used by a plurality of WEB front-end projects, the function modules are directly used as multiplexing function modules and added into a multiplexing layer platform;
The multiplexing function module comprises: the method comprises the following steps of (1) one or any combination of a Vuex-state inlet module, a router routing inlet module, a locale item internationalization configuration inlet module, a mock data inlet module, components universal components, assets universal static files, utils universal methods and/or utils universal constants, libs external libraries, directives universal instruction modules, filters universal filters, mixins modules, plugins universal plug-ins, views universal pages, api component tests and config item universal configuration modules;
The Vuex-state entry module is used for dynamically loading the states of the project architecture layer and the business layer;
the router route entry module comprises a static route entry and a dynamic route entry, wherein the static route contains unified error processing, and the dynamic route contains a test route of a multiplexing layer platform and an automatic loading service layer platform route;
The internationalization configuration entry module of the locale project is used for realizing the internationalization unified configuration and the automatic loading of the business layer i18 n;
the mock data entry module is used for defining a component test API route and automatically loading the mock route of the service layer platform;
The components general component is a component which needs to be used in all WEB front-end projects;
The views generic page includes an error page and a component test page.
2. A service stripping device for a WEB front-end project, comprising:
The first unit is used for integrating multiplexing function modules of a plurality of WEB front-end projects on the multiplexing layer platform based on the Vue;
the second unit is used for obtaining independent functional modules of each WEB front-end project based on the Vue and the functional requirement data of each WEB front-end project, and integrating a plurality of independent functional modules into an independent layer platform;
the third unit is used for obtaining the business module of each WEB front-end project based on the Vue and the business demand data of each WEB front-end project, and integrating a plurality of business modules into a business layer platform;
A fourth unit, configured to construct a management platform for the WEB front-end project based on the multiplexing layer platform, the independent layer platform and the service layer platform, and configure the multiplexing layer platform, the independent layer platform and the service layer platform based on the Vue; configuring interfaces among all modules to ensure the overall consistency of a management platform of a WEB front-end project;
The second unit is specifically for:
based on the Vue and the function requirement data of each WEB front-end project, generating an independent function module of each WEB front-end project;
And/or customizing the multiplexing module based on the Vue and the function requirement data of each WEB front-end project to generate an independent function module of each WEB front-end project;
the multiplexing functional module, the independent functional module and the service module can be separated;
The independent layer platform inherits from the multiplexing layer platform, adds new content according to the requirement of the business layer of each WEB front-end project, but cannot modify the general content of most multiplexing layer platforms;
the service layer platform comprises two platforms, a container platform and a container management platform, wherein the container platform is a container cloud platform, and the container management platform is an operation management platform;
The apparatus further comprises a version management unit for:
When the version management of the WEB front-end project is carried out, the module of the multiplexing layer platform is a main branch, the independent function module of each WEB front-end project of the independent layer platform is a branch, and each service module of the service layer platform is a sub-module of the independent function module of the WEB front-end project of the independent layer platform;
each WEB front-end project is shared with other WEB front-end projects in a step-by-step precipitation mode;
If a plurality of WEB front-end projects all need to use a service module, sinking the service module to an independent layer platform, and after the independent layer platform is used and matured, continuously sinking the service module to a multiplexing layer platform if other WEB front-end projects also have the same requirements; for the function modules which are obviously used by a plurality of WEB front-end projects, the function modules are directly used as multiplexing function modules and added into a multiplexing layer platform;
The multiplexing function module comprises: the method comprises the following steps of (1) one or any combination of a Vuex-state inlet module, a router routing inlet module, a locale item internationalization configuration inlet module, a mock data inlet module, components universal components, assets universal static files, utils universal methods and/or utils universal constants, libs external libraries, directives universal instruction modules, filters universal filters, mixins modules, plugins universal plug-ins, views universal pages, api component tests and config item universal configuration modules;
The Vuex-state entry module is used for dynamically loading the states of the project architecture layer and the business layer;
the router route entry module comprises a static route entry and a dynamic route entry, wherein the static route contains unified error processing, and the dynamic route contains a test route of a multiplexing layer platform and an automatic loading service layer platform route;
The internationalization configuration entry module of the locale project is used for realizing the internationalization unified configuration and the automatic loading of the business layer i18 n;
the mock data entry module is used for defining a component test API route and automatically loading the mock route of the service layer platform;
The components general component is a component which needs to be used in all WEB front-end projects;
The views generic page includes an error page and a component test page.
3. A computer device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, characterized in that the processor implements the method of claim 1 when executing the computer program.
4. A computer readable storage medium, characterized in that the computer readable storage medium stores a computer program for executing the method of claim 1.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010186130.4A CN111399835B (en) | 2020-03-17 | 2020-03-17 | Service stripping method and device for WEB front-end project |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010186130.4A CN111399835B (en) | 2020-03-17 | 2020-03-17 | Service stripping method and device for WEB front-end project |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111399835A CN111399835A (en) | 2020-07-10 |
| CN111399835B true CN111399835B (en) | 2024-05-17 |
Family
ID=71436331
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010186130.4A Active CN111399835B (en) | 2020-03-17 | 2020-03-17 | Service stripping method and device for WEB front-end project |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111399835B (en) |
Families Citing this family (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112148263B (en) * | 2020-09-28 | 2024-03-08 | 建信金融科技有限责任公司 | Front-end standard framework, and generation method, device, equipment and storage medium thereof |
| CN114650224B (en) * | 2020-12-21 | 2023-06-30 | 北京金山云网络技术有限公司 | Configuration method, device, electronic equipment and system of node function |
| CN113378091B (en) * | 2021-06-08 | 2024-05-14 | 北京百度网讯科技有限公司 | Visualized item generation method and device, electronic equipment and storage medium |
| CN113805885B (en) * | 2021-09-18 | 2023-06-02 | 建信金融科技有限责任公司 | Workflow engine-based front-end construction system and method for flow-type management system |
| CN114860225B (en) * | 2022-05-20 | 2023-11-10 | 北京智源人工智能研究院 | Type security system based on git sub-module, implementation method and electronic equipment |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106873969A (en) * | 2016-12-29 | 2017-06-20 | 广州凯耀资产管理有限公司 | A kind of development approach and development platform of J2EE projects |
| CN109284093A (en) * | 2018-10-26 | 2019-01-29 | 深圳易嘉恩科技有限公司 | Cross-platform Development Framework and its implementation based on front-end technology |
| CN109325203A (en) * | 2018-09-10 | 2019-02-12 | 北京亚鸿世纪科技发展有限公司 | The device of Web system visualization multiplexing is realized in a kind of automation |
| CN109783083A (en) * | 2019-01-16 | 2019-05-21 | 福建天泉教育科技有限公司 | WEB application development approach and its system |
| CN110780853A (en) * | 2019-09-28 | 2020-02-11 | 同程网络科技股份有限公司 | Front end framework, development method, storage medium and electronic device |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20150199755A1 (en) * | 2014-01-16 | 2015-07-16 | Abraham L.B. Friedman | 3-d printing auction system |
-
2020
- 2020-03-17 CN CN202010186130.4A patent/CN111399835B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106873969A (en) * | 2016-12-29 | 2017-06-20 | 广州凯耀资产管理有限公司 | A kind of development approach and development platform of J2EE projects |
| CN109325203A (en) * | 2018-09-10 | 2019-02-12 | 北京亚鸿世纪科技发展有限公司 | The device of Web system visualization multiplexing is realized in a kind of automation |
| CN109284093A (en) * | 2018-10-26 | 2019-01-29 | 深圳易嘉恩科技有限公司 | Cross-platform Development Framework and its implementation based on front-end technology |
| CN109783083A (en) * | 2019-01-16 | 2019-05-21 | 福建天泉教育科技有限公司 | WEB application development approach and its system |
| CN110780853A (en) * | 2019-09-28 | 2020-02-11 | 同程网络科技股份有限公司 | Front end framework, development method, storage medium and electronic device |
Non-Patent Citations (1)
| Title |
|---|
| "基于 Vue.js 的在线设计开放平台研究与实现";王璐等;《信息技术与信息化》(第11期);第168-170页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111399835A (en) | 2020-07-10 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111399835B (en) | Service stripping method and device for WEB front-end project | |
| CN110795195B (en) | Webpage rendering method and device, electronic equipment and storage medium | |
| US7188335B1 (en) | Product configuration using configuration patterns | |
| US7831919B1 (en) | Generic web service frontend | |
| KR101782457B1 (en) | Application upgrade method and apparatus | |
| US8533667B2 (en) | Call wizard for information management system (IMS) applications | |
| JP2013516668A (en) | Virtual image porting across platforms | |
| US10379707B2 (en) | Providing a user interface with configurable interface components | |
| KR20130115654A (en) | Method of rendering user interface, server performing the same and stroage media sotring the same | |
| CN113010827B (en) | Page rendering method and device, electronic equipment and storage medium | |
| CN108279882B (en) | Framework generation method, device, equipment and computer readable medium | |
| CN112149169A (en) | Application access method and device and computer readable storage medium | |
| US11847509B2 (en) | Infrastructure base model API | |
| JP2023038909A (en) | Computer implemented method, computer program product, and system (constraints-based refactoring of monolith applications through attributed graph embeddings) | |
| CN112698930B (en) | Method, device, equipment and medium for obtaining server identification | |
| CN111580804B (en) | Method and device for developing software project | |
| CN115586896A (en) | Page project development method, equipment and storage medium based on template engine | |
| CN111158684B (en) | System creation method, device, electronic equipment and readable storage medium | |
| CN111726374B (en) | Web request processing method, system, device and computer readable storage medium | |
| CN110599112A (en) | Method and device for developing and maintaining network page | |
| CN114489607A (en) | Cross-stack application processing and page rendering method, device, equipment and storage medium | |
| CN114296718A (en) | Setting method and device of Windows system component | |
| WO2022155687A1 (en) | Workload configuration extractor | |
| CN114662022A (en) | Application isolation method and device | |
| CN113687908A (en) | PMEM virtual machine creation method, device, equipment and readable storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| TA01 | Transfer of patent application right | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20220906 Address after: 25 Financial Street, Xicheng District, Beijing 100033 Applicant after: CHINA CONSTRUCTION BANK Corp. Address before: 25 Financial Street, Xicheng District, Beijing 100033 Applicant before: CHINA CONSTRUCTION BANK Corp. Applicant before: Jianxin Financial Science and Technology Co.,Ltd. |
|
| GR01 | Patent grant | ||
| GR01 | Patent grant |