CN110109659A - A kind of system that realizing front end applications scaffold and server - Google Patents
A kind of system that realizing front end applications scaffold and server Download PDFInfo
- Publication number
- CN110109659A CN110109659A CN201910352550.2A CN201910352550A CN110109659A CN 110109659 A CN110109659 A CN 110109659A CN 201910352550 A CN201910352550 A CN 201910352550A CN 110109659 A CN110109659 A CN 110109659A
- Authority
- CN
- China
- Prior art keywords
- module
- interface
- catalogue
- storage unit
- basic framework
- 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.)
- Pending
Links
- 230000035772 mutation Effects 0.000 claims description 7
- 230000009471 action Effects 0.000 claims description 6
- 230000011218 segmentation Effects 0.000 claims description 4
- 238000000034 method Methods 0.000 abstract description 24
- 238000011161 development Methods 0.000 abstract description 18
- 230000008569 process Effects 0.000 abstract description 12
- 238000012423 maintenance Methods 0.000 abstract description 6
- 238000010276 construction Methods 0.000 abstract description 5
- 230000006870 function Effects 0.000 description 25
- 230000018109 developmental process Effects 0.000 description 18
- 230000008901 benefit Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 8
- 238000005538 encapsulation Methods 0.000 description 8
- 238000004891 communication Methods 0.000 description 6
- 238000012545 processing Methods 0.000 description 6
- 230000008859 change Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 230000008878 coupling Effects 0.000 description 2
- 239000004744 fabric Substances 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 230000006399 behavior Effects 0.000 description 1
- 238000005352 clarification Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000007613 environmental effect Effects 0.000 description 1
- 238000009434 installation Methods 0.000 description 1
- 230000035800 maturation Effects 0.000 description 1
- 238000012856 packing Methods 0.000 description 1
- 238000005192 partition Methods 0.000 description 1
- 238000003672 processing method Methods 0.000 description 1
- 238000004080 punching Methods 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000003252 repetitive effect Effects 0.000 description 1
- 238000000926 separation method Methods 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration 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)
- Computer Security & Cryptography (AREA)
- Stored Programmes (AREA)
Abstract
The present invention provides a kind of system for realizing front end applications scaffold and server, wherein the system is made of basic framework and expansion module;Basic framework includes: state management module, routing management module, views module and interface module;State management module, routing management module, views module and interface module are respectively arranged with modularized catalog and the corresponding component of modularized catalog;Expansion module is used to carry out Function Extension to basic framework.By the expansion module in the system, the multi-platform scaffold of fast construction and the maintenance of basic function can be reduced, and developer can develop according to modularized catalog and the corresponding component of modularized catalog, avoid the code conflicts in development process.
Description
Technical field
The present invention relates to web front-end development technique fields, more particularly, to a kind of system for realizing front end applications scaffold
And server.
Background technique
In current program development, when project development, will usually consider the building of general frame, the deployment of project source code, generation
Code updates and the various aspects such as Function Extension.It goes to complete if above-mentioned each process requires developer, developer can spend
Taking a large amount of time goes to carry out environmental structure and deployment services, will reduce to the development efficiency of project itself.Therefore, in order to
Project development efficiency is improved, developer builds usually using some scaffold tools.
The purpose of front end scaffold is the tool introduced to reduce developer's repetitive operation.Conventional front-end exploitation
During, need to introduce various necessary libraries or file, the deployment process of these environment is complicated and repeats.And preceding end feet hand
The appearance of frame then allows above-mentioned things simple, and developer, only need to be to application program without paying close attention to configuration surroundings and configuration file
Core process developed so that project from building to developing again to the process of deployment more quickly and specification.Therefore
The appearance of front end scaffold is increasingly becoming the mainstream technology of project development so that the efficiency of developer greatly promotes.
When more people exploitation is same in application, needing code punching otherwise easily occur to developer's progress clarification in certain roles
Prominent problem.Only it is to provide the settling mode of code conflicts in the prior art, can not fundamentally avoids the appearance of code conflicts.
In the different platform development process of same system, the view layer of different platform often has different situations and goes out
It is existing, it is therefore desirable to construct the corresponding application under different platform, but the basic function of these applications is that height is similar, is resulted in
The repeated construction of basic function increases cost of labor so that the efficiency of project build reduces.It is by scaffold in the prior art
It is bound together with view layer, constructs the application under not homologous ray respectively.But this scheme is after application build completion, basis
Need repeatedly maintenance basic framework, efficiency lower when function renewal.
Therefore, code conflicts and multi-platform lower basic function when being developed in current front end applications scaffold there is more people
It can safeguard cumbersome problem.
Summary of the invention
In view of this, the purpose of the present invention is to provide a kind of system for realizing front end applications scaffold and server, with
Solve in current front end applications scaffold there is when more people exploitation code conflicts and the maintenance of multi-platform lower basic function it is numerous
Trivial problem.
In a first aspect, the embodiment of the invention provides a kind of systems for realizing front end applications scaffold, wherein the system by
Basic framework and expansion module composition;Basic framework includes: state management module, routing management module, views module and interface
Module;State management module, routing management module, views module and interface module are respectively arranged with modularized catalog and modularization
The corresponding component of catalogue;Expansion module is used to carry out Function Extension to basic framework.
With reference to first aspect, the embodiment of the invention provides the first possible embodiments of first aspect, wherein base
Plinth frame realizes that the gradual frame of Vue is built using scaffold tool Vue-cli by the gradual frame of Vue.
With reference to first aspect, the embodiment of the invention provides second of possible embodiments of first aspect, wherein shape
State management module includes the entry file of condition managing catalogue and condition managing;Condition managing catalogue is used to store the shape in application
State manages data, carries out resource division by the name of condition managing catalogue;The entry file of condition managing is for calling state
State, mutation, action and getter condition managing event in administrative directory, and storage basic framework.
With reference to first aspect, the embodiment of the invention provides the third possible embodiments of first aspect, wherein road
It include the entry file of routing management catalogue and routing management by management module;Routing management catalogue is for storing in views module
Page assembly, resource is divided by the name of the modularization of routing management catalogue;The entry file of routing management is used for
Call routing management module.
The third possible embodiment with reference to first aspect, the embodiment of the invention provides the 4th kind of first aspect
Possible embodiment, wherein routing management module further include: Vue asynchronous components and webpack divide interface;Asynchronous group of Vue
Part is for providing the asynchronous interface of on-demand loading;Webpack divides interface and is used to carry out the file after being packaged by webpack
Segmentation.
With reference to first aspect, the embodiment of the invention provides the 5th kind of possible embodiments of first aspect, wherein view
Module includes: view directory and page assembly;View directory is used for memory page component, is ordered by the modularization of view directory
Name divides resource;Page assembly is for building the gradual frame of Vue.
With reference to first aspect, the embodiment of the invention provides the 6th kind of possible embodiments of first aspect, wherein connects
Mouth mold block includes: interface catalogue, entry file and fetch interface;Interface catalogue passes through interface for storing asynchronous interface request
The modularization name of catalogue divides resource;Entry file is used for the asynchronous interface stored and calling interface module provides;
Fetch interface introduces for realizing instantiation fetch is carried out in the entry file of each interface catalogue.
With reference to first aspect, the embodiment of the invention provides the 7th kind of possible embodiments of first aspect, wherein expands
Exhibition module is made of distributed version control system, comprising: exploitation version storage unit and released version storage unit;Develop version
This storage unit is used to store the exploitation edition code of basic framework;Released version storage unit is used to store the hair of basic framework
Cloth edition code.
The 7th kind of possible embodiment with reference to first aspect, the embodiment of the invention provides the 8th kind of first aspect
Possible embodiment, wherein exploitation version storage unit includes multiple exploitation version branches storage unit;Released version storage
Unit includes multiple released version branches storage unit;Each exploitation version branch's storage unit is for storing respective branch frame
Exploitation edition code;Each released version branch storage unit is used to store the released version code of respective branch frame.
Second aspect, the embodiment of the invention provides a kind of server, including processor and machine readable storage medium, institutes
It states machine readable storage medium and is stored with the machine-executable instruction that can be executed by the processor, the processor executes institute
Machine-executable instruction is stated to realize above system.
The embodiment of the present invention bring it is following the utility model has the advantages that
The present invention provides a kind of system for realizing front end applications scaffold and servers, and the system is by basic framework and expansion
Open up module composition;Basic framework includes: state management module, routing management module, views module and interface module;Condition managing
Module, routing management module, views module and interface module are respectively arranged with modularized catalog and corresponding group of modularized catalog
Part;Expansion module is used to carry out Function Extension to basic framework.By the expansion module in above system, can fast construction it is mostly flat
Table foot hand cradle and the maintenance for reducing basic function, and developer can be corresponding group according to modularized catalog and modularized catalog
Part is developed, and the code conflicts in development process are avoided.
Other features and advantages of the present invention will illustrate in the following description, also, partly become from specification
It obtains it is clear that understand through the implementation of the invention.The objectives and other advantages of the invention are in specification, claims
And specifically noted structure is achieved and obtained in attached drawing.
To enable the above objects, features and advantages of the present invention to be clearer and more comprehensible, preferred embodiment is cited below particularly, and cooperate
Appended attached drawing, is described in detail below.
Detailed description of the invention
It, below will be to specific in order to illustrate more clearly of the specific embodiment of the invention or technical solution in the prior art
Embodiment or attached drawing needed to be used in the description of the prior art be briefly described, it should be apparent that, it is described below
Attached drawing is some embodiments of the present invention, for those of ordinary skill in the art, before not making the creative labor
It puts, is also possible to obtain other drawings based on these drawings.
Fig. 1 is a kind of structural schematic diagram for realizing front end applications connection system for guide rail provided in an embodiment of the present invention;
Fig. 2 is that the structure of another basic framework for realizing front end applications connection system for guide rail provided in an embodiment of the present invention is shown
It is intended to;
Fig. 3 is that the structure of another expansion module for realizing front end applications connection system for guide rail provided in an embodiment of the present invention is shown
It is intended to;
Fig. 4 is a kind of structural schematic diagram of server provided in an embodiment of the present invention.
Specific embodiment
In order to make the object, technical scheme and advantages of the embodiment of the invention clearer, below in conjunction with attached drawing to the present invention
Technical solution be clearly and completely described, it is clear that described embodiments are some of the embodiments of the present invention, rather than
Whole embodiments.Based on the embodiments of the present invention, those of ordinary skill in the art are not making creative work premise
Under every other embodiment obtained, shall fall within the protection scope of the present invention.
In view of in current front end applications connection system for guide rail there is more people develop when code conflicts and it is multi-platform under
Basic function safeguards cumbersome problem, and the purpose of the present invention is to provide a kind of systems and service for realizing front end applications scaffold
Device, the technology can be applied in the scenes such as the exploitation of front end applications scaffold.
For convenient for understanding the present embodiment, first to a kind of realization front end applications foot disclosed in the embodiment of the present invention
Hand cradle system describes in detail.A kind of structural schematic diagram for realizing front end applications connection system for guide rail shown in Figure 1, packet
It includes: basic framework 10 and expansion module 20.
Basic framework 10 provides basic function and application architecture for forward end application scaffold development system, comprising: shape
State management module 11, routing management module 12, views module 13 and interface module 14.
All components state of the state management module 11 for being applied in centrally stored fundamentals of management frame 10, and with corresponding
Regular guarantee state by it is a kind of it is predictable in a manner of change.
Routing management module 12 for find with the component of address matching or object and rendered come.
Views module 13 is used for the display of view, and view is DOM Document Object Model, is described in a manner of object-oriented
Document model.DOM Document Object Model define expression and modification document needed for object, the behavior of these objects and attribute and
Relationship between these objects.
Interface module 14 is used to provide API (the Application Programming of asynchronous interface request
Interface, application programming interface).
In state management module 11, routing management module 12, views module 13 and interface module 14, it is respectively arranged with mould
Block catalogue and corresponding component.The title of these modularized catalogs module according to used in basic framework 10 is named,
And it completes to introduce by respective component.By above structure, so that resource is divided according to module, and can be according to mould
Block corresponds to relevant developer and completes respective functional development.Pass through the on-demand loading function and name using inside modules resource
The characteristic for claiming space, further improves encapsulation degree and reusability, can be avoided what developer occurred during exploitation
Code conflicts.
Expansion module 20 is used to carry out basic framework functional extension, and the exploitation of multiple-limb is carried out by expansion module,
Realize based on basic framework it is multi-platform expand and develop, basic framework overlapping development phenomenon when avoiding multi-platform exploitation,
Also it is cumbersome to solve the problems, such as that multi-platform lower basic function is safeguarded.
Further, basic framework 10 is realized by the gradual frame of Vue.Vue is multipurpose and performance efficiency
JavaScript frame can easily create maintainability and the strong code library of testability, be gradual JavaScript frame
Frame.If server-side application has been completed to build, it can be embedded, be brought more using Vue as a part of application
Interactive experience abundant.If it is desired to more service logics be realized by front end, then using the core library machine of Vue
The ecosystem also can satisfy demand.Due to having the above advantages, the gradual frame of Vue is increasingly by the blueness of developer
It looks at.
The gradual frame of Vue is built, and is completed using scaffold tool Vue-cli.Vue-cli is the publication of Vue official
Scaffold tool can quickly create Vue project.
Further, the state management module 11 in basic framework 10, comprising: condition managing catalogue and condition managing enter
Mouth file.Wherein, condition managing catalogue is used to store the state management data in application, and according to the life of condition managing catalogue
Name carries out resource division, and catalogue is created according to the module title that basic framework relies on;The entry file of condition managing is used for
Condition managing catalogue is called, the interface of calling is provided.
State management module 11 stores state, mutation, action, getter state pipe in basic framework 10
Director's part, wherein state is a single state tree, array, object and the word managed required for needing to define in state event
The data such as symbol string;The submission of mutation is to change unique method of state state, each mutation has a character
As soon as the event type of string type and call back function need to change in call back function when needing to change the value of state;
Action can submit mutation, and asynchronous operation request is carried out in action;Getter similar to vue computation attribute, when
When needing to derive some states from state, getter event can be used.Getter can receive state as first
Parameter, and the return value of getter according to its dependence and can be cached, when the dependence value of only getter changes
It can just be recalculated.
Module NameSpace namespaced is added in state management module 11, so that state management module 11 has more
High encapsulation degree and reusability, to also avoid the code conflicts in development process.
Further, the routing management module 12 in basic framework 10, comprising: routing management catalogue and routing management enter
Mouth file.Routing management catalogue is used to store the page assembly in views module, is named by the modularization of routing management catalogue
Resource is divided, catalogue is created according to the module title that basic framework relies on;The entry file of routing management is used for
Call routing management module.
It is named by the modularization of routing management catalogue, resource is divided, and according to the corresponding corresponding exploitation of module
Personnel accomplish higher encapsulation degree and reusability using the on-demand loading function of inside modules resource, can be to avoid development process
Code conflicts.
Further, in routing management module 12 further include: Vue asynchronous components and webpack divide interface;Vue is asynchronous
Component is for providing the asynchronous interface of on-demand loading;Webpack divide interface be used for by webpack packing after file into
Row segmentation.Webpack is that common module is packaged library, it can be used for analysis project as a result, find JavaScript module and
The language that some other browsers cannot directly be run, and suitable format is packaged as browser use.Therefore
By the segmentation interface of reference Vue asynchronous components and webpack, it can be achieved that the lazy load of routing management module.
Delay loading is also in lazyness load, i.e., is loaded when needed.Since Vue is single-page application, if do not had
There is the file using lazy load, after being packaged with webpack will be very big, causes entry into using load when homepage
Overlong time, user experience are bad.And the page is divided into specific region using lazyness load, respective region is when needing to be loaded
Code file needed for Hou Caihui loading page can effectively share the on-load pressure of homepage, reduce the load time of first screen, promoted
User experience.
It further, include: view directory and page assembly in views module 13;View directory is used for memory page group
Part divides resource by the modularization name of view directory, and catalogue is carried out according to the module title that basic framework relies on
Creation;Page assembly is for building the gradual frame of Vue.
It is named, resource is divided, and corresponding developer is corresponded to according to module by the modularization of view directory,
Accomplish higher encapsulation degree and reusability using the on-demand loading function of inside modules resource, it can be to avoid the code of development process
Conflict.
Further, interface module 14 includes: interface catalogue, entry file and fetch interface;Interface catalogue is for storing
Asynchronous interface request divides resource by the modularization name of interface catalogue, the mould that catalogue is relied on according to basic framework
Block title is created;Entry file is used for the asynchronous interface stored and calling interface module provides;Fetch interface for realizing
Instantiation fetch is carried out in the entry file of each interface catalogue to introduce.
Fetch is one of web front-end data processing method, is a kind of new Ajax (Asynchronous
Javascript And XML asynchronous JavaScript and XML) interactive mode, compared to traditional Ajax technology, fetch can be mentioned
It is simpler easy-to-use for more succinct interface.It is introduced by carrying out instantiation fetch, can accomplish to configure and intercept on demand.
It is named, resource is divided, and corresponding developer is corresponded to according to module by the modularization of interface catalogue,
Accomplish higher encapsulation degree and reusability using the on-demand loading function of inside modules resource, it can be to avoid the code of development process
Conflict.
Further, expansion module 20 is made of distributed version control system, comprising: exploitation version storage unit and hair
Cloth version storage unit;Exploitation version storage unit is used to store the exploitation edition code of basic framework;Released version storage is single
Member is for storing the released version code of basic framework.When the exploitation edition code of basic framework is changed, asked by merging
The code by the released version of basic framework is asked to be changed.
Distributed version control system is made of the warehouse GIT, maximum difference of the distributed version control compared to centralization
It is, developer can copy a complete warehouse GIT by clone on the local machine, be suitble to distributed development, have
Speed is fast, the small advantage of public server pressure.
Further, exploitation version storage unit includes multiple exploitation version branches storage unit;Released version storage is single
Member includes multiple released version branches storage unit, and each exploitation version branch storage unit is for storing respective branch frame
Edition code is developed, each released version branch storage unit is used to store the released version code of respective branch frame.
When the exploitation edition code of branch frame is changed, by merging request for the released version of respective branch frame
Code is changed.Therefore based on basic framework and by expansion module, exploitation can be extended to multiple exploitation version branches,
The multi-platform scaffold of fast construction and the maintenance of basic function can be reduced.
The embodiment of the invention also provides another structural schematic diagrams for realizing front end applications connection system for guide rail, and wherein this is
The structural schematic diagram of the basic framework of system, as shown in Figure 2.
Specifically, basic framework is the gradual frame of Vue, built by scaffold tool Vue-cli completion, basic framework
It include: state management module 202, routing management module 204, views module 206 and interface module 208 and script main-inlet
File main.js.
Wherein, it is provided with multiple condition managing catalogues in state management module 202, is denoted as Module-1 to Module-N,
N number of catalogue altogether, these catalogues establish and by index.js file as entry file according to module title.By with
Index.js is configured, so that condition managing event state, mutation, action of the inside modules in above-mentioned catalogue
And getter.And by the way that name space namespaced is added, so that module has higher encapsulation degree and reusability.
Module-1 to Module-N catalogue in state management module 202 is to carry out asynchronous draw by interface module 208
Enter, interface module 208 includes Module-1 to Module-N catalogue and corresponding index.js file, further includes
Fetch.js file.Wherein fetch.js file is the Asynchronous Request method of secondary encapsulation, under each Module file
Index.js carries out instantiation fetch and introduces, it can be achieved that on-demand configuration and information intercepting.
Module-1 to Module-N catalogue in state management module 202 is introduced in views module 206, view management
It further include the corresponding view file Page-1.vue to Page-N.vue of Modele-1 to Module-N in module 206.
Module-1 to Module-N catalogue in views module 206 is introduced in routing management module 204, according to introducing
Page assembly further according to functional module divide catalogue.It further include entry file index.js in views module 206, it can
State in module is managed and the entry file of numerous modules.
The asynchronous components of Vue and the code division function of webpack can be introduced in views module 206, realize the lazyness of routing
Load.
State management module 202 and routing management module 204 are subjected to carry, by script main-inlet file main.js into
Row carrying completes the rendering of the page and transferring for component by script main-inlet.
Since resource is divided according to module, corresponding developer can be corresponded to according to module, and using module
The on-demand loading of internal resource and the characteristic of name space accomplish higher encapsulation degree and reusing degree, and developer can be from basic
On solve code conflicts in development process.
Another kind realizes that the expansion module structural schematic diagram of front end applications connection system for guide rail is as shown in Figure 3.Wherein expanded mode
Block is made of distributed version control system, and distributed version control system is made of the warehouse GIT, is more suitable for distributed development mould
Formula has speed fast, the small advantage of public server pressure.
Expansion module includes: exploitation version storage unit baseDev and released version storage unit baseRelease.?
BaseDev and baseRelease branch is created in the warehouse GIT, baseDev is used to store the exploitation edition code of basic framework,
BaseRelease is used to store the released version code of basic framework.
WapDev and wapRelease branch is created in the warehouse GIT, stores the exploitation version of mobile terminal wap scaffold respectively
Sheet and released version.The code of wapDev branch is then combined from the code in baseRelease synchronized update basic framework
After the specific function exploitation at the end wap, wapDev branch is merged into intended branch wapRelease branch by merging request
In, complete building for mobile terminal wap scaffold.
Similar, webDev and webRelease branch is created in the warehouse GIT, stores the end PC web scaffold respectively
Develop version and released version.The code of webDev branch is from the code in baseRelease synchronized update basic framework, then
After specific function exploitation in conjunction with web terminal, webDev branch is merged into intended branch webRelease by merging request
Branch.
Pass through above-mentioned similar scheme, it is possible to provide the building mode of multiterminal application based on basic framework and passes through expansion module
Exploitation can be extended to multiple exploitation version branches, the multi-platform scaffold of fast construction and the maintenance of basic function can be reduced.
The present embodiment also provides a kind of server corresponding with the above system embodiment, and Fig. 4 is the structure of the server
Schematic diagram, as shown in figure 4, the equipment includes processor 401 and memory 400;Wherein, memory 400 for store one or
A plurality of computer instruction, one or more computer instruction are executed by processor, to realize above-mentioned realization front end applications foot hand
Frame system.
Server shown in Fig. 4 further includes bus 402 and communication interface 403, processor 401, communication interface 403 and storage
Device 400 is connected by bus 402.The server can be network edge device.
Wherein, memory 400 may include high-speed random access memory (RAM, Random Access Memory),
It may further include non-labile memory (non-volatile memory), for example, at least a magnetic disk storage.Bus
402 can be isa bus, pci bus or eisa bus etc..The bus can be divided into address bus, data/address bus, control always
Line etc..Only to be indicated with a four-headed arrow in Fig. 4, it is not intended that an only bus or a type of convenient for indicating
Bus.
Communication interface 403 is used to connect by network interface at least one user terminal and other network units, will seal
The IPv4 message or IPv4 message installed is sent to the user terminal by network interface.
Processor 401 may be a kind of IC chip, the processing capacity with signal.It is above-mentioned during realization
Each step of method can be completed by the integrated logic circuit of the hardware in processor 401 or the instruction of software form.On
The processor 401 stated can be general processor, including central processing unit (Central Processing Unit, abbreviation
CPU), network processing unit (Network Processor, abbreviation NP) etc.;It can also be digital signal processor (Digital
Signal Processor, abbreviation DSP), specific integrated circuit (Application Specific Integrated
Circuit, abbreviation ASIC), field programmable gate array (Field-Programmable Gate Array, abbreviation FPGA) or
Person other programmable logic device, discrete gate or transistor logic, discrete hardware components.It may be implemented or execute sheet
Disclosed each method, step and logic diagram in open embodiment.General processor can be microprocessor or the processing
Device is also possible to any conventional processor etc..The step of method in conjunction with disclosed in the embodiment of the present disclosure, can be embodied directly in
Hardware decoding processor executes completion, or in decoding processor hardware and software module combination execute completion.Software mould
Block can be located at random access memory, flash memory, read-only memory, programmable read only memory or electrically erasable programmable storage
In the storage medium of this fields such as device, register maturation.The storage medium is located at memory 400, and processor 401 reads memory
Information in 400, in conjunction with its hardware complete previous embodiment method the step of.
The embodiment of the present disclosure additionally provides a kind of machine readable storage medium, which is stored with machine
Executable instruction, for the machine-executable instruction when being called and being executed by processor, machine-executable instruction promotes processor real
Existing above system, specific implementation can be found in above-described embodiment, and details are not described herein.
The technical effect and preceding method embodiment of server provided by the embodiment of the present disclosure, realization principle and generation
Identical, to briefly describe, Installation practice part does not refer to place, can refer to corresponding contents in preceding method embodiment.
In several embodiments provided herein, it should be understood that disclosed systems, devices and methods, it can be with
It realizes by another way.The apparatus embodiments described above are merely exemplary, for example, the division of the unit,
Only a kind of logical function partition, there may be another division manner in actual implementation, in another example, multiple units or components can
To combine or be desirably integrated into another system, or some features can be ignored or not executed.Another point, it is shown or beg for
The mutual coupling, direct-coupling or communication connection of opinion can be through some communication interfaces, device or unit it is indirect
Coupling or communication connection can be electrical property, mechanical or other forms.
The unit as illustrated by the separation member may or may not be physically separated, aobvious as unit
The component shown may or may not be physical unit, it can and it is in one place, or may be distributed over multiple
In network unit.It can select some or all of unit therein according to the actual needs to realize the mesh of this embodiment scheme
's.
It, can also be in addition, the functional units in various embodiments of the present invention may be integrated into one processing unit
It is that each unit physically exists alone, can also be integrated in one unit with two or more units.
It, can be with if the function is realized in the form of SFU software functional unit and when sold or used as an independent product
It is stored in the executable non-volatile computer-readable storage medium of a processor.Based on this understanding, of the invention
Technical solution substantially the part of the part that contributes to existing technology or the technical solution can use software in other words
The form of product embodies, which is stored in a storage medium, including some instructions use so that
One computer equipment (can be personal computer, server or the network equipment etc.) executes each embodiment institute of the present invention
State all or part of the steps of method.And storage medium above-mentioned includes: USB flash disk, mobile hard disk, read-only memory (ROM, Read-
Only Memory), random access memory (RAM, Random Access Memory), magnetic or disk etc. are various can be with
Store the medium of program code.
Finally, it should be noted that embodiment described above, only a specific embodiment of the invention, to illustrate the present invention
Technical solution, rather than its limitations, scope of protection of the present invention is not limited thereto, although with reference to the foregoing embodiments to this hair
It is bright to be described in detail, those skilled in the art should understand that: anyone skilled in the art
In the technical scope disclosed by the present invention, it can still modify to technical solution documented by previous embodiment or can be light
It is readily conceivable that variation or equivalent replacement of some of the technical features;And these modifications, variation or replacement, do not make
The essence of corresponding technical solution is detached from the spirit and scope of technical solution of the embodiment of the present invention, should all cover in protection of the invention
Within the scope of.Therefore, the protection scope of the present invention shall be subject to the protection scope of the claims.
Claims (10)
1. a kind of system for realizing front end applications scaffold, which is characterized in that the system is by basic framework and expansion module group
At;
The basic framework includes: state management module, routing management module, views module and interface module;The state pipe
Reason module, the routing management module, the views module and the interface module are respectively arranged with modularized catalog and described
The corresponding component of modularized catalog;
The expansion module is used to carry out Function Extension to the basic framework.
2. system according to claim 1, which is characterized in that the basic framework passes through the gradual frame realization of Vue, institute
The gradual frame of Vue is stated to build using scaffold tool Vue-cli.
3. system according to claim 1, which is characterized in that the state management module includes condition managing catalogue and shape
The entry file of state management;
The condition managing catalogue is used to store the state management data in applying, by the name of the condition managing catalogue into
Row resource divides;
The entry file of the condition managing for calling the condition managing catalogue, and state in storage basic framework,
Mutation, action, getter condition managing event.
4. system according to claim 1, which is characterized in that the routing management module includes routing management catalogue and road
By the entry file managed;
The routing management catalogue is used to store the page assembly in the views module, passes through the mould of the routing management catalogue
Blockization name divides resource;
The entry file of the routing management is for calling the routing management module.
5. system according to claim 4, which is characterized in that the routing management module further include: Vue asynchronous components and
Webpack divides interface;
The Vue asynchronous components are for providing the asynchronous interface of on-demand loading;
The webpack segmentation interface is used to be split the file after being packaged by webpack.
6. system according to claim 1, which is characterized in that the views module includes: view directory and page assembly;
The view directory draws resource by the modularization name of the view directory for storing the page assembly
Point;
The page assembly is for building the gradual frame of Vue.
7. system according to claim 1, which is characterized in that the interface module include: interface catalogue, entry file and
Fetch interface;
The interface catalogue draws resource by the modularization name of the interface catalogue for storing asynchronous interface request
Point;
The entry file is used for the asynchronous interface for storing and the interface module being called to provide;
The fetch interface introduces for realizing instantiation fetch is carried out in the entry file of each interface catalogue.
8. system according to claim 1, which is characterized in that the expansion module is by distributed version control system structure
At, comprising: exploitation version storage unit and released version storage unit;
The exploitation version storage unit is used to store the exploitation edition code of basic framework;The released version storage unit is used
In the released version code of storage basic framework.
9. system according to claim 8, which is characterized in that the exploitation version storage unit includes multiple exploitation versions
Branch's storage unit;The released version storage unit includes multiple released version branches storage unit;
Each exploitation version branch storage unit is used to store the exploitation edition code of respective branch frame;
Each released version branch storage unit is used to store the released version code of respective branch frame.
10. a kind of server, which is characterized in that including processor and machine readable storage medium, the machine readable storage is situated between
Matter is stored with the machine-executable instruction that can be executed by the processor, and the processor executes the machine-executable instruction
To realize the described in any item systems of claim 1 to 9.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910352550.2A CN110109659A (en) | 2019-04-28 | 2019-04-28 | A kind of system that realizing front end applications scaffold and server |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910352550.2A CN110109659A (en) | 2019-04-28 | 2019-04-28 | A kind of system that realizing front end applications scaffold and server |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110109659A true CN110109659A (en) | 2019-08-09 |
Family
ID=67487290
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910352550.2A Pending CN110109659A (en) | 2019-04-28 | 2019-04-28 | A kind of system that realizing front end applications scaffold and server |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110109659A (en) |
Cited By (16)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110602539A (en) * | 2019-08-26 | 2019-12-20 | 贵州省广播电视信息网络股份有限公司 | Vue framework implementation based on TV |
CN110647348A (en) * | 2019-09-20 | 2020-01-03 | 浪潮思科网络科技有限公司 | Method and system for solving problem of difficult code maintenance caused by version differentiation |
CN110659062A (en) * | 2019-09-20 | 2020-01-07 | 贝壳技术有限公司 | Front-end scaffold configuration method and device, readable storage medium and electronic equipment |
CN111045654A (en) * | 2019-12-17 | 2020-04-21 | 深圳前海环融联易信息科技服务有限公司 | Vue-based method and device for quickly generating common instructions, computer equipment and storage medium |
CN111259295A (en) * | 2020-01-08 | 2020-06-09 | 广东三维家信息科技有限公司 | Method and device for dynamically mounting webpage route |
CN111414158A (en) * | 2020-03-15 | 2020-07-14 | 杭州卓健信息科技有限公司 | Cross-platform development method, cross-platform development system and electronic equipment |
CN111428168A (en) * | 2020-03-18 | 2020-07-17 | 北京三维天地科技股份有限公司 | Browser front-end architecture system capable of being separately developed from rear-end architecture |
CN111459503A (en) * | 2020-03-30 | 2020-07-28 | 北京顺达同行科技有限公司 | Web front-end item deployment method, device, server and storage medium |
CN111666068A (en) * | 2020-06-01 | 2020-09-15 | 北京软通智慧城市科技有限公司 | Platform development framework, construction method, equipment and medium |
CN112016256A (en) * | 2020-08-25 | 2020-12-01 | 北京百瑞互联技术有限公司 | Integrated circuit development platform, method, storage medium and equipment |
CN112148263A (en) * | 2020-09-28 | 2020-12-29 | 建信金融科技有限责任公司 | Front-end standard frame and generation method, device, equipment and storage medium thereof |
CN112235357A (en) * | 2020-09-23 | 2021-01-15 | 建信金融科技有限责任公司 | Cross-platform application development system |
CN113590089A (en) * | 2021-07-23 | 2021-11-02 | 北京有竹居网络技术有限公司 | Front-end engineering scaffold and engineering suite creating method, equipment and medium |
CN114489758A (en) * | 2022-02-14 | 2022-05-13 | 北京京东振世信息技术有限公司 | Page isolation method, page rendering method, device, equipment and computer medium |
CN114840250A (en) * | 2022-07-04 | 2022-08-02 | 金现代信息产业股份有限公司 | Code conflict merging method, system, electronic equipment and readable storage medium |
CN116088801A (en) * | 2022-12-21 | 2023-05-09 | 山东未来网络研究院(紫金山实验室工业互联网创新应用基地) | Universal frame based on Vite |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105956830A (en) * | 2016-05-11 | 2016-09-21 | 中煤电气有限公司 | J2EE framework based enterprise-level visualization application development platform |
US20170372247A1 (en) * | 2016-06-24 | 2017-12-28 | Intuit Inc. | Methods, systems, and articles of manufacture for implementing software application development and releases |
CN107908398A (en) * | 2017-11-08 | 2018-04-13 | 四川长虹电器股份有限公司 | Method based on React technique constructions web applications |
CN109284096A (en) * | 2018-08-22 | 2019-01-29 | 深圳点猫科技有限公司 | A kind of automated construction method and electronic equipment of programming project |
CN109445835A (en) * | 2018-09-03 | 2019-03-08 | 平安普惠企业管理有限公司 | Method, terminal device and the computer readable storage medium of building project frame |
-
2019
- 2019-04-28 CN CN201910352550.2A patent/CN110109659A/en active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105956830A (en) * | 2016-05-11 | 2016-09-21 | 中煤电气有限公司 | J2EE framework based enterprise-level visualization application development platform |
US20170372247A1 (en) * | 2016-06-24 | 2017-12-28 | Intuit Inc. | Methods, systems, and articles of manufacture for implementing software application development and releases |
CN107908398A (en) * | 2017-11-08 | 2018-04-13 | 四川长虹电器股份有限公司 | Method based on React technique constructions web applications |
CN109284096A (en) * | 2018-08-22 | 2019-01-29 | 深圳点猫科技有限公司 | A kind of automated construction method and electronic equipment of programming project |
CN109445835A (en) * | 2018-09-03 | 2019-03-08 | 平安普惠企业管理有限公司 | Method, terminal device and the computer readable storage medium of building project frame |
Non-Patent Citations (2)
Title |
---|
FRANKS_T_D: "vue-cli 3.0脚手架配置及扩展 (一):扩展说明", 《HTTPS://BLOG.CSDN.NET/FRANKS_T_D/ARTICLE/DETAILS/80739902》 * |
IDEAGAY: "从零开始搭建一个vue项目", 《HTTPS://JUEJIN.CN/POST/6844903572950220807》 * |
Cited By (24)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110602539A (en) * | 2019-08-26 | 2019-12-20 | 贵州省广播电视信息网络股份有限公司 | Vue framework implementation based on TV |
CN110647348A (en) * | 2019-09-20 | 2020-01-03 | 浪潮思科网络科技有限公司 | Method and system for solving problem of difficult code maintenance caused by version differentiation |
CN110659062A (en) * | 2019-09-20 | 2020-01-07 | 贝壳技术有限公司 | Front-end scaffold configuration method and device, readable storage medium and electronic equipment |
CN110647348B (en) * | 2019-09-20 | 2022-11-22 | 浪潮思科网络科技有限公司 | Method and system for solving problem of difficult code maintenance caused by version differentiation |
CN110659062B (en) * | 2019-09-20 | 2023-09-29 | 贝壳技术有限公司 | Front-end scaffold configuration method and device, readable storage medium and electronic equipment |
CN111045654A (en) * | 2019-12-17 | 2020-04-21 | 深圳前海环融联易信息科技服务有限公司 | Vue-based method and device for quickly generating common instructions, computer equipment and storage medium |
CN111259295A (en) * | 2020-01-08 | 2020-06-09 | 广东三维家信息科技有限公司 | Method and device for dynamically mounting webpage route |
CN111414158A (en) * | 2020-03-15 | 2020-07-14 | 杭州卓健信息科技有限公司 | Cross-platform development method, cross-platform development system and electronic equipment |
CN111428168A (en) * | 2020-03-18 | 2020-07-17 | 北京三维天地科技股份有限公司 | Browser front-end architecture system capable of being separately developed from rear-end architecture |
CN111428168B (en) * | 2020-03-18 | 2020-11-10 | 北京三维天地科技股份有限公司 | Browser front-end architecture system capable of being separately developed from rear-end architecture |
CN111459503B (en) * | 2020-03-30 | 2023-09-29 | 北京顺达同行科技有限公司 | Web front-end project deployment method, device, server and storage medium |
CN111459503A (en) * | 2020-03-30 | 2020-07-28 | 北京顺达同行科技有限公司 | Web front-end item deployment method, device, server and storage medium |
CN111666068A (en) * | 2020-06-01 | 2020-09-15 | 北京软通智慧城市科技有限公司 | Platform development framework, construction method, equipment and medium |
CN112016256A (en) * | 2020-08-25 | 2020-12-01 | 北京百瑞互联技术有限公司 | Integrated circuit development platform, method, storage medium and equipment |
CN112016256B (en) * | 2020-08-25 | 2024-05-03 | 北京百瑞互联技术股份有限公司 | Integrated circuit development platform, method, storage medium and equipment |
CN112235357A (en) * | 2020-09-23 | 2021-01-15 | 建信金融科技有限责任公司 | Cross-platform application development system |
CN112235357B (en) * | 2020-09-23 | 2023-01-10 | 建信金融科技有限责任公司 | Cross-platform application development system |
CN112148263B (en) * | 2020-09-28 | 2024-03-08 | 建信金融科技有限责任公司 | Front-end standard framework, and generation method, device, equipment and storage medium thereof |
CN112148263A (en) * | 2020-09-28 | 2020-12-29 | 建信金融科技有限责任公司 | Front-end standard frame and generation method, device, equipment and storage medium thereof |
CN113590089A (en) * | 2021-07-23 | 2021-11-02 | 北京有竹居网络技术有限公司 | Front-end engineering scaffold and engineering suite creating method, equipment and medium |
CN114489758A (en) * | 2022-02-14 | 2022-05-13 | 北京京东振世信息技术有限公司 | Page isolation method, page rendering method, device, equipment and computer medium |
CN114840250A (en) * | 2022-07-04 | 2022-08-02 | 金现代信息产业股份有限公司 | Code conflict merging method, system, electronic equipment and readable storage medium |
CN116088801A (en) * | 2022-12-21 | 2023-05-09 | 山东未来网络研究院(紫金山实验室工业互联网创新应用基地) | Universal frame based on Vite |
CN116088801B (en) * | 2022-12-21 | 2023-10-20 | 山东未来网络研究院(紫金山实验室工业互联网创新应用基地) | Universal frame based on Vite |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110109659A (en) | A kind of system that realizing front end applications scaffold and server | |
CN109840429B (en) | Intelligent contract deployment and calling method and device | |
CN108279932B (en) | Method and device for dynamically configuring user interface of mobile terminal | |
US8887132B1 (en) | Application runtime environment and framework | |
CN109445835A (en) | Method, terminal device and the computer readable storage medium of building project frame | |
CN111143729B (en) | Optimization method, device, equipment and storage medium based on single page application | |
US8839192B2 (en) | System and method for presentation of cross organizational applications | |
CN108733499A (en) | Browser page display data processing method and processing device | |
CN113126990B (en) | Page development method, device, equipment and storage medium | |
CN113010827B (en) | Page rendering method and device, electronic equipment and storage medium | |
CN108279882B (en) | Framework generation method, device, equipment and computer readable medium | |
CN113760251A (en) | Form development method and device based on Vue | |
CN111294395A (en) | Terminal page transmission method, device, medium and electronic equipment | |
CN110874251A (en) | Method and device for realizing picture wooden barrel layout | |
CN112631649A (en) | Intelligent contract management method, device, terminal equipment and medium | |
CN111666100A (en) | Software framework generation method and device, electronic equipment and storage medium | |
CN109669678A (en) | Template engine integration method, device, electronic equipment and storage medium | |
CN108845864A (en) | A kind of JVM rubbish recovering method and device based on spring frame | |
CN113127430B (en) | Mirror image information processing method, mirror image information processing device, computer readable medium and electronic equipment | |
CN116048517B (en) | API (application program interface) generating method, system and device based on B/S (browser/Server) architecture application system | |
CN115934076B (en) | Cross-platform client micro-service providing device and method and electronic equipment | |
CN112947900A (en) | Web application development method and device, server and development terminal | |
KR20050066281A (en) | Descriptor file architecture based on sca system and file parsing method thereof | |
CN110599112A (en) | Method and device for developing and maintaining network page | |
CN109634647B (en) | Construction method and system of large-scale front-end project |
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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190809 |
|
RJ01 | Rejection of invention patent application after publication |