CN110362309A - Front end project development method, apparatus, equipment and computer readable storage medium - Google Patents
Front end project development method, apparatus, equipment and computer readable storage medium Download PDFInfo
- Publication number
- CN110362309A CN110362309A CN201910669861.1A CN201910669861A CN110362309A CN 110362309 A CN110362309 A CN 110362309A CN 201910669861 A CN201910669861 A CN 201910669861A CN 110362309 A CN110362309 A CN 110362309A
- Authority
- CN
- China
- Prior art keywords
- module
- event
- project development
- information
- event information
- 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.)
- Granted
Links
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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
Abstract
The present invention relates to financial technology (Fintech) technical fields, and the invention discloses a kind of front end project development methods, comprising: when receiving the request of front end project development, obtain front end project development and request corresponding event information；Object module is defined according to event information, constructs the module data of each object module and storage；According to the corresponding object event information of each object module, event triggering method is injected for each object module and/or target monitors event；Event progress module is monitored according to the module data, event triggering method and/or target of each object module to integrate, and is obtained front end project development and is requested corresponding front-end code.The invention also discloses a kind of front end project development device, equipment and computer readable storage mediums.The present invention is by modular manner tissue code, so that code is relatively simple to facilitate exploitation operation maintenance personnel maintenance, and module data independently creates storage, facilitates data management.
Description
Technical field
The present invention relates to financial technology (Fintech) technical field more particularly to front end project development method, apparatus, set
Standby and computer readable storage medium.
Background technique
With Internet technology, the especially rapid development of internet financial technology (Fintech), more and more technologies
(big data, distribution, block chain Blockchain, artificial intelligence etc.) is applied in financial field.
By taking front end project development in financial institution as an example, current there are mainly two types of front end project development mode, mode one is logical
Cross Redux (Redux is the container of a predictable state, an application data stream frame for JavaScript application)
Module status manager, the module data condition managing process that Redux is provided are as follows: the trigger action thing on user interface
Part is stored according to the action event of triggering more new data, so that data mode is updated, with final updated user interface, side
Redux generallys use data mapping in formula one, pure function can only be used to modify data mode, different in user interface
View needs to rely on same data mode, if the corresponding component of view shares state in user interface, will destroy
Unidirectional traffic, such front end project development mode data management are inconvenient；By Vue, (Vue is a set of for structure to mode two
Build the gradual frame of user interface) and Vuex (Vuex is the condition managing mode for aiming at Vue.js application development)
Component states manager, Vue provide view when response, and Vuex is complete with one by the way that the shared state of component is extracted
Office's singleton pattern manages, larger using difficulty under this mode, and code is very cumbersome is difficult to safeguard.
Summary of the invention
The present invention proposes a kind of front end project development method, apparatus, equipment and computer readable storage medium, it is intended to solve
The code data management occurred in current front end project development mode is inconvenient, and code is cumbersome is difficult to the technical issues of safeguarding.
To achieve the above object, the present invention provides a kind of front end project development method, the front end project development method packet
Include following steps:
When receiving the request of front end project development, obtains the front end project development and request corresponding event information；
Object module is defined according to the event information, constructs the module data of each object module and storage；
According to the corresponding object event information of each object module, event triggering method is injected for each object module
And/or target monitors event；
Thing is monitored according to the module data, the event triggering method and/or the target of each object module
Part carries out module and integrates, and obtains the front end project development and requests corresponding front-end code.
Optionally, described the step of object module is defined according to the event information, comprising:
The event information is compared with the presupposed information of each custom block in presetting module set, is judged whether
In the presence of with the matched target presupposed information of the event information；
If it does not exist with the matched target presupposed information of the event information, then output includes the module of the event information
Set interface, for developer from the event information selection target event information；
The object event information selected based on the module set interface is received, it is corresponding to generate the object event information
Object module.
Optionally, the presupposed information by the event information and each custom block in presetting module set compares
It is right, after the step of judging whether there is target presupposed information matched with the event information, comprising:
If it exists with the matched target presupposed information of the event information, then make by oneself the target presupposed information is corresponding
Adopted module is as object module.
Optionally, the step of module data of each object module of building, comprising:
Default Fesx constructed fuction is called, by the default Fesx constructed fuction packaging V ue.set, forms each mesh
Mark the data storage areas of module；
Construct the module data of each object module by the default Fesx constructed fuction, and by the module data
It saves to the corresponding data storage areas of the object module.
Optionally, described according to the corresponding object event information of each object module, for each object module injection
The step of event triggering method and/or target monitor event, comprising:
The corresponding object event information of each object module is traversed by preset event monitoring manager；
If injecting the triggering configuration comprising triggering configuration information in the object event information for the object module
The corresponding event triggering method of information；
If injecting the monitoring configuration comprising monitoring configuration information in the object event information for the object module
The corresponding target of information monitors event.
Optionally, described according to the module data of each object module, the event triggering method and/or described
Target is monitored event progress module and is integrated, and the step of front end project development requests corresponding front-end code is obtained, comprising:
The module data, the event triggering method and/or the target of each object module are monitored into event
Association, the module index as the object module；
The module index is added in presetting module catalogue, the presetting module catalogue is traversed, according to the mould
Block index loads the object module, obtains the front end project development and requests corresponding front-end code.
In addition, to achieve the above object, the present invention also provides a kind of front end project development device, the front end project development
Device includes:
Request receiving module, for when receiving the request of front end project development, obtaining the front end project development request
Corresponding event information；
Definition building module constructs the mould of each object module for defining object module according to the event information
Block number evidence simultaneously stores；
Information injection module, for being each target mould according to the corresponding object event information of each object module
Block injects event triggering method and/or target monitors event；
Project integration module, for according to the module data of each object module, the event triggering method and/
Or the target is monitored event progress module and is integrated, and obtains the front end project development and requests corresponding front-end code.
Optionally, the definition constructs module, comprising:
Contrast judgement unit, for by the presupposed information of each custom block in the event information and presetting module set
It is compared, judges whether there is and the matched target presupposed information of the event information；
Interface output unit, for if it does not exist with the matched target presupposed information of the event information, then output include
The module set interface of the event information, for developer from the event information selection target event information；
Module definition unit, for receiving the object event information based on module set interface selection, described in generation
The corresponding object module of object event information.
Optionally, the definition constructs module, comprising:
Match determination unit, for if it exists with the matched target presupposed information of the event information, then by the target
The corresponding custom block of presupposed information is as object module.
Optionally, the definition constructs module, comprising:
Territory element is constructed, for calling default Fesx constructed fuction, is encapsulated by the default Fesx constructed fuction
Vue.set forms the data storage areas of each object module；
Data cell is constructed, for constructing the number of modules of each object module by the default Fesx constructed fuction
According to, and the module data is saved into the data storage areas corresponding to the object module.
Optionally, the information injection module, comprising:
Information Traversal Unit, for traversing the corresponding target of each object module by preset event monitoring manager
Event information；
Method injection unit, if for including triggering configuration information in the object event information, for the target mould
Block injects the corresponding event triggering method of the triggering configuration information；
Event injection unit, if for including to monitor configuration information in the object event information, for the target mould
Block injects the corresponding target of the monitoring configuration information and monitors event.
Optionally, the project integration module, comprising:
Information association unit, for by the module data of each object module, the event triggering method and/or
The target monitors event correlation, the module index as the object module；
It traverses loading unit and traverses the presetting module for the module index to be added in presetting module catalogue
Catalogue obtains the front end project development and requests corresponding front end generation to load the object module according to the module index
Code.
In addition, to achieve the above object, the present invention also provides a kind of front end project development equipment, the front end project development
Equipment includes: memory, processor and is stored in the front end project that can be run on the memory and on the processor and opens
Program is sent out, the front end project development program realizes project development method in front end as described above when being executed by the processor
Step.
In addition, to achieve the above object, it is described computer-readable the present invention also provides a kind of computer readable storage medium
Front end project development program is stored on storage medium, the front end project development program realizes institute as above when being executed by processor
The step of front end project development method stated.
The present invention provides a kind of front end project development method, apparatus, equipment and computer readable storage medium.The present invention is real
It applies in example, it is corresponding to obtain the request of front end project development when receiving the request of front end project development for front end project development equipment
Event information；Object module is defined according to event information, constructs the module data of object module and storage, then, front end project
Development equipment injects event triggering method and/or target prison according to the corresponding object event information of object module, for object module
Event is listened, front end project development is obtained and request corresponding front-end code, lead in the present embodiment by integrating each object module
Modular manner tissue code is crossed, so that front-end code is relatively simple and maintains easily, at the same time, the number of modules of each object module
According to independent creation and separate storage, so that relying between each object module without strong, the management of front-end code data is facilitated.
Detailed description of the invention
Fig. 1 is the device structure schematic diagram for the hardware running environment that the embodiment of the present invention is related to；
Fig. 2 is the flow diagram of project development method first embodiment in front end of the present invention；
Fig. 3 is the concrete scene schematic diagram of project development method first embodiment in front end of the present invention；
Fig. 4 is the functional block diagram of one embodiment of front end project development device of the present invention.
The embodiments will be further described with reference to the accompanying drawings for the realization, the function and the advantages of the object of the present invention.
Specific embodiment
It should be appreciated that the specific embodiments described herein are merely illustrative of the present invention, it is not intended to limit the present invention.
As shown in Figure 1, Fig. 1 is the device structure schematic diagram for the hardware running environment that the embodiment of the present invention is related to.
Front end of embodiment of the present invention project development equipment can be server or the corresponding terminal of developer；Such as Fig. 1 institute
Show, which may include: processor 1001, such as CPU, network interface 1004, and user interface 1003 is deposited
Reservoir 1005, communication bus 1002.Wherein, communication bus 1002 is for realizing the connection communication between these components.User connects
Mouth 1003 may include display screen (Display), input unit such as keyboard (Keyboard), and optional user interface 1003 may be used also
To include standard wireline interface and wireless interface.Network interface 1004 optionally may include the wireline interface of standard, wirelessly connect
Mouth (such as WI-FI interface).Memory 1005 can be high speed RAM memory, be also possible to stable memory (non-
Volatile memory), such as magnetic disk storage.Memory 1005 optionally can also be independently of aforementioned processor 1001
Storage device.
It will be understood by those skilled in the art that device structure shown in Fig. 1 does not constitute the restriction to equipment, can wrap
It includes than illustrating more or fewer components, perhaps combines certain components or different component layouts.
As shown in Figure 1, as a kind of computer readable storage medium, (computer readable storage medium is called computer storage
Medium, computer media, readable medium, readable storage medium storing program for executing or directly it is medium etc., computer readable storage medium can be with
Non-volatile readable storage medium storing program for executing, such as RAM, magnetic disk, CD) memory 1005 in may include that operating system, network are logical
Believe module, Subscriber Interface Module SIM and the corresponding computer program of front end project development.
In equipment shown in Fig. 1, network interface 1004 is mainly used for connection error code server, with error code server
Carry out data communication；User interface 1003 is mainly used for connecting client, carries out data communication with client；And processor 1001
It can be used for calling the corresponding computer program of front end project development stored in memory 1005, and execute following front end projects
Operation in development approach.
Wherein, the front end project development program run on the processor, which is performed realized method, can refer to down
State each embodiment of front end project development method of the present invention.
Based on above-mentioned hardware configuration, project development embodiment of the method in front end of the present invention is proposed.
It is the flow diagram of project development method first embodiment in front end of the present invention, the method packet referring to Fig. 2, Fig. 2
It includes:
Step S10 obtains the front end project development and requests corresponding event when receiving the request of front end project development
Information.
In the present embodiment, front end project development method is applied to front end project development equipment, front end project development equipment root
Front-end code exploitation is carried out according to front end project development demand, specifically:
Front end project development equipment receiving front-end project development is requested, in the present embodiment, the touching of front end project development request
Originating party formula is not especially limited, that is, project development request in front end can be what user actively triggered, for example, front end developer
Front end item development environment is constructed in the project development equipment of front end, and writes front-end code, is opened with actively triggering front end project
Hair request；In addition, project development request in front end can also be front end project development equipment automatic trigger, for example, front end project
When development equipment detects that front end item development environment builds completion, the request of automatic trigger front end project development.
For front end project development equipment when receiving the request of front end project development, front end project development equipment obtains front end
Corresponding event information is requested in mesh exploitation, and event information includes that the trigger event that is related to of front-end interface, monitoring event, triggering are matched
Confidence breath and monitoring configuration information etc., wherein triggering configuration information includes but are not limited to trigger event title, and event triggers item
Part, event-triggered times etc. monitor configuration information and include but are not limited to monitoring event title, snoop responses strategy etc..
In the present embodiment, being applied to financial institution in front end project development method, (financial institution includes banking institution, insurance
Mechanism, security organization etc.) for be illustrated, banking institution developer be xxx banking institution exploitation login interface, exploitation
Personnel trigger the request of front end project development in the project development equipment of front end, and front end project development equipment obtains front end project development
Corresponding event information is requested, in xxx banking institution exploitation this concrete scene of login interface, event information includes registration thing
Part, log-in events and verifying event etc..
Front end project development equipment defines object module according to event information in the present embodiment, to pass through modular manner tissue
Code, inside modules are a series of combinations of components, logic in the present embodiment, and module can externally provide interface and give other modules
It calls, is relied between module without strong, realize the high cohesion and lower coupling of logic, specifically, comprising:
Step S20 defines object module according to the event information, constructs the module data of each object module and deposits
Storage.
Front end project development equipment according to event information defines object module, and (module (Module) can be with isolated operation
Vue component), front end project development equipment is not especially limited according to the mode that event information defines object module, for example, front end
Pre-set module definition rule in project development equipment, front end project development equipment according to preset module definition rule and
Event information defines object module；Such as: preset module definition rule is event and module corresponds rule, front end
The module id of mesh development equipment setup module, and obtain the event identifier in event information, front end project development equipment is by mould
Block identification and event identifier form character string: ' ModuleName.EventName ', and assign the character string to object module, with
Define object module.
In addition, object module can also be trigger event (dispatchs) and prison according to module id and module relation
Event (events) etc. is listened to be defined, specifically, project development equipment output in front end includes the prompt of event information, to mention
Show developer according to the module id of event information definition module (module id refers to the identification information of unique identification module,
Module id can be module title or module number) and module relation trigger event (dispatchs) and monitoring thing
Part (events) etc., module id, trigger event and the monitoring event that front end project development equipment defines front end developer
It is handled by preset format, that is, module id, trigger event and monitoring event are converted unification by front end project development equipment
Format, to complete the definition of object module.
It is understood that the module number of the object module defined in the present embodiment according to event information does not limit specifically
It is fixed, and the trigger event quantity being related in an object module and monitoring event number are also not especially limited, that is,
Dispatchs quantity is array, and dispatchs includes all events that this module can trigger, each format is by module name
With the character string of ' ModuleName.EventName ' of event name composition；Events quantity is array, can be with comprising this module
All events monitored, each format are the character string of event title；In addition, module should also include componet (component) item
And other necessary legal vue component items.
Front end project development equipment is after object module definition is completed, each target mould of front end project development device build
The module data of the data storage areas of block and each object module, then, front end project development equipment is by each object module
Module data saves data storage areas corresponding to object module；Project development equipment in front end is directed to single mesh in the present embodiment
Module is marked, the module data of object module is created and carries out separate storage, facilitate the management of module data.
Project development equipment in front end defines object module according to event information in the present embodiment, between each object module
Data mode realizes intercommunication by dispatch and event.Pass through preset demand and environment (require.context) characteristic
Dispatch method and event monitoring needed for batch processing module module file injects complete the cohesion function and externally of module
Communication, that is,
Step S30 injects event according to the corresponding object event information of each object module for each object module
Triggering method and/or target monitor event.
Front end project development equipment injects event triggering according to the corresponding object event information of object module, for object module
Method and/or target monitor event, specifically, comprising:
Step a1 traverses the corresponding object event information of each object module by preset event monitoring manager；
Step a2, if comprising triggering configuration information in the object event information, for described in object module injection
Trigger the corresponding event triggering method of configuration information；
Step a3, if comprising monitoring configuration information in the object event information, for described in object module injection
It monitors the corresponding target of configuration information and monitors event.
In the present embodiment, front end project development equipment presets event monitoring manager, and event monitoring manager refers to
The tool function that one Observer Pattern of event monitoring management is realized, preset event monitoring manager can be the reality of Vue
Example provides built-in event monitoring manager, or realizes the event monitoring management for the subscription publication type that Observer Pattern is realized
Device.
Front end project development equipment traverses the corresponding object event of each object module by preset event monitoring manager
Information；If front end project development equipment is that object module injection triggering is matched comprising triggering configuration information in object event information
Confidence ceases corresponding event triggering method；If comprising monitoring configuration information, front end project development equipment in object event information
It is injected for object module and monitors the corresponding target monitoring event of configuration information.
Referring to Fig. 3, each object module definition has trigger event and monitoring event in the present embodiment, and front end project development is set
It is standby that trigger event is established by EventBus (preset event monitoring manager) and monitors the incidence relation of event, that is,
EventBus is by traversing the corresponding object event information of each target template, if object event information has triggering and matches confidence
Breath, front end project development equipment then inject dispatch method by EventBus；If object event information, which exists, monitors configuration
Information, the on method circulation injection monitoring event that front end project development equipment is then provided by EventBus；Lead in the present embodiment
It crosses EventBus to inject in object module after event triggering method and/or target monitoring event, just establishes each target
Module corresponds to trigger event and monitors the incidence relation of event.
For example, Event Bus is that object module 1 injects account information incoming event；Event Bus is 2 note of object module
Enter account log-in events；Event Bus is that object module 3 injects account information verifying event；So object module 1 listens to account
When the information input event of family, 1 invocation target module 3 of object module executes account information and verifies event, logical in account information verifying
Out-of-date, 3 invocation target module 2 of object module executes Account Logon event, and passing through Event Bus in the present embodiment is object module
It injects trigger event and/or monitors event, to establish trigger event and monitor the incidence relation of event.
It is understood that front end project development equipment can also be by being mixed into (mixin) mode to institute in the present embodiment
There is Module to inject dispatch method, injection Fesx manages Module data.Each Module is supported by definition
Dispatch Action attribute dispatchs, the Events for defining support monitors event attribute events, with this constrained qualification
The data mode of module changes and data mode is shared, so that the generating mode of object module is more flexible.
Step S40, according to the module data, the event triggering method and/or the mesh of each object module
It is integrated to mark monitoring event progress module, obtains the front end project development and requests corresponding front-end code.
Specifically, comprising:
Step b1 supervises the module data, the event triggering method and/or the target of each object module
Event correlation is listened, the module index as the object module；
The module index is added in presetting module catalogue by step b2, the presetting module catalogue is traversed, with basis
The module index loads the object module, obtains the front end project development and requests corresponding front-end code.
Presetting module catalogue in front end project development equipment in the present embodiment, presetting module catalogue is for storing each target
The module index of module, to facilitate the calling of each object module and integrate；Front end project development equipment is by each object module
Module data, event triggering method and/or target monitor event correlation, the module index as object module；Front end project is opened
Module index is added in presetting module catalogue by hair equipment, and front end project development equipment traverses presetting module catalogue, with determination
The corresponding object module of each module index in presetting module catalogue, front end project development equipment load corresponding mesh according to module index
The code segment in module is marked, and the code segment of each object module is spliced, front end project development is obtained and requests corresponding front end
Code.
In the present embodiment, front end project development equipment obtains front end project and opens when receiving the request of front end project development
Hair requests corresponding event information；Object module is defined according to event information, constructs the module data of object module and storage, so
Afterwards, project development equipment in front end injects event triggering method according to the corresponding object event information of object module for object module
And/or target monitors event, requests corresponding front-end code by integrating each object module, to obtain front end project development,
By modular manner tissue code in the present embodiment, so that front-end code is relatively simple and maintains easily, at the same time, each target
The module data of module individually stores, and relies between each object module without strong, facilitates the management of front-end code data.
Front end project development method in the present embodiment is applied to financial field, so that financial field front-end code is more simple
It is single, and exploitation or operation maintenance personnel is facilitated to safeguard.
Further, the first embodiment based on project development method in front end of the present invention, proposes front end project of the present invention
The second embodiment of development approach.
The present embodiment is the specific implementation of step S20 in first embodiment, comprising:
The event information is compared with the presupposed information of each custom block in presetting module set, is judged whether
In the presence of with the matched target presupposed information of the event information；
If it does not exist with the matched target presupposed information of the event information, then output module set interface, for exploitation
Person is based on the module set interface and defines object module；Receive the module id inputted based on the module set interface and thing
Part information generates the module id and the corresponding object module of the event information；
If it exists with the matched target presupposed information of the event information, then make by oneself the target presupposed information is corresponding
Adopted module is as object module.
Presetting module set in the project development equipment of front end includes the customized module of history in presetting module set,
Event information is compared front end project development equipment with the presupposed information of each custom block in presetting module set, front end
Project development equipment judges whether there is and the matched target presupposed information of event information, wherein with the matched mesh of event information
Mark presupposed information refers to: module title, trigger event in event information and monitor module title in event and presupposed information,
Trigger event is identical with the event of monitoring.
If it does not exist with the matched target presupposed information of event information, front end project development equipment determine early period do not define
Cross the module of same type, boundary is arranged so that developer is based on module in project development equipment then output module set interface in front end
Face defines object module；Front end project development equipment receives the module id and event information inputted based on module set interface,
Generation module identifies object module corresponding with event information.
If it exists with the matched target presupposed information of event information, front end project development equipment determines the early period of defined mistake
The module of same type, front end project development equipment is then using the corresponding custom block of target presupposed information as object module.
In the present embodiment, front end project development equipment get front end project development request corresponding event information it
Afterwards, project development equipment in front end first judges whether early period defined the module of same type according to event information, if defining,
Without re-defining, on the one hand reduce the working efficiency of developer, on the other hand realizes the multiplexing of module, effectively mention
The high development efficiency of front end project.
Further, it is to be appreciated that the event information in the present embodiment may correspond to one or more object module, it is preceding
Hold project development equipment can be according to the comparison knot of the presupposed information of each custom block in event information and presetting module set
Fruit determines the object module quantity for specifically needing to define.
Further, above-described embodiment based on project development method in front end of the present invention, proposes front end project of the present invention
The 3rd embodiment of development approach.
The present embodiment is the specific implementation of step S20 in first embodiment, comprising:
Default Fesx constructed fuction is called, by the default Fesx constructed fuction packaging V ue.set, forms each mesh
Mark the data storage areas of module；
Construct the module data of each object module by the default Fesx constructed fuction, and by the module data
It saves to the corresponding data storage areas of the object module.
Project development equipment in front end presets Fesx constructed fuction in the present embodiment, and Fesx constructed fuction refers to packaging
The tool function for the offer data mode that Vue.set is realized, front end project development equipment calls are preset Fesx constructed fuction, are passed through
Default Fesx constructed fuction packaging V ue.set, forms the data storage areas of object module；Then, front end project development equipment
The module data of object module is constructed by presetting Fesx constructed fuction, that is, include new order in Fesx constructed fuction, pass through
New order in Fesx constructed fuction creates an empty object as the object instance returned, then, by the prototype of empty object
The prototype attribute of directional structure function, and by empty object value to this keyword inside function, and start to execute
Fesx constructed fuction internal code；There is return sentence inside Fesx constructed fuction, return is followed by an object, new
Order will return to the specified object of return sentence, pair that front end project development equipment specifies return sentence after executing
As the module data as object module；Front end project development equipment saves module data to data storage areas.
In the present embodiment, front end project development equipment is the data storage areas of each object module setup module data,
And save the module data of each object module to the data storage areas, so that the module data of module is mutually indepedent, side
Just effective management of module data.
It is the functional block diagram of one embodiment of front end project development device of the present invention, the front end referring to Fig. 4, Fig. 4
Project development device includes:
Request receiving module 10, for obtaining the front end project development and asking when receiving the request of front end project development
Seek corresponding event information；
Definition building module 20 constructs each object module for defining object module according to the event information
Module data simultaneously stores；
Information injection module 30, for being each target according to the corresponding object event information of each object module
Module injects event triggering method and/or target monitors event；
Project integration module 40, for the module data, the event triggering method according to each object module
And/or the target is monitored event progress module and is integrated, and obtains the front end project development and requests corresponding front-end code.
In one embodiment, the definition constructs module 20, comprising:
Contrast judgement unit, for by the presupposed information of each custom block in the event information and presetting module set
It is compared, judges whether there is and the matched target presupposed information of the event information；
Interface output unit, for if it does not exist with the matched target presupposed information of the event information, then output include
The module set interface of the event information, for developer from the event information selection target event information；
Module definition unit, for receiving the object event information based on module set interface selection, described in generation
The corresponding object module of object event information.
In one embodiment, the definition constructs module 20, comprising:
Match determination unit, for if it exists with the matched target presupposed information of the event information, then by the target
The corresponding custom block of presupposed information is as object module.
In one embodiment, the definition constructs module 20, comprising:
Territory element is constructed, for calling default Fesx constructed fuction, is encapsulated by the default Fesx constructed fuction
Vue.set forms the data storage areas of each object module；
Data cell is constructed, for constructing the number of modules of each object module by the default Fesx constructed fuction
According to, and the module data is saved into the data storage areas corresponding to the object module.
In one embodiment, the information injection module 30, comprising:
Information Traversal Unit, for traversing the corresponding target of each object module by preset event monitoring manager
Event information；
Method injection unit, if for including triggering configuration information in the object event information, for the target mould
Block injects the corresponding event triggering method of the triggering configuration information；
Event injection unit, if for including to monitor configuration information in the object event information, for the target mould
Block injects the corresponding target of the monitoring configuration information and monitors event.
In one embodiment, the project integration module 40, comprising:
Information association unit, for by the module data of each object module, the event triggering method and/or
The target monitors event correlation, the module index as the object module；
It traverses loading unit and traverses the presetting module for the module index to be added in presetting module catalogue
Catalogue obtains the front end project development and requests corresponding front end generation to load the object module according to the module index
Code.
Each functional module of above-mentioned front end project development device realizes each implementation of front end project development method of the present invention
Example, details are not described herein again.
It should be noted that, in this document, the terms "include", "comprise" or its any other variant are intended to non-row
His property includes, so that the process, method, article or the system that include a series of elements not only include those elements, and
And further include other elements that are not explicitly listed, or further include for this process, method, article or system institute it is intrinsic
Element.In the absence of more restrictions, the element limited by sentence "including a ...", it is not excluded that including being somebody's turn to do
There is also other identical elements in the process, method of element, article or system.
The serial number of the above embodiments of the invention is only for description, does not represent the advantages or disadvantages of the embodiments.
Through the above description of the embodiments, those skilled in the art can be understood that above-described embodiment side
Method can be realized by means of software and necessary general hardware platform, naturally it is also possible to by hardware, but in many cases
The former is more preferably embodiment.Based on this understanding, technical solution of the present invention substantially in other words does the prior art
The part contributed out can be embodied in the form of software products, which is stored in one as described above
In storage medium (such as ROM/RAM, magnetic disk, CD), including some instructions are used so that terminal device (it can be mobile phone,
Computer, server, air conditioner or network equipment etc.) execute method described in each embodiment of the present invention.
The above is only a preferred embodiment of the present invention, is not intended to limit the scope of the invention, all to utilize this hair
Equivalent structure or equivalent flow shift made by bright specification and accompanying drawing content is applied directly or indirectly in other relevant skills
Art field, is included within the scope of the present invention.
Claims (10)
1. a kind of front end project development method, which is characterized in that the front end project development method includes the following steps:
When receiving the request of front end project development, obtains the front end project development and request corresponding event information；
Object module is defined according to the event information, constructs the module data of each object module and storage；
According to the corresponding object event information of each object module, for each object module inject event triggering method and/
Or target monitors event；
According to the module data, the event triggering method and/or the target of each object module monitor event into
Row module is integrated, obtains the front end project development and requests corresponding front-end code.
2. project development method in front end as described in claim 1, which is characterized in that described to define mesh according to the event information
The step of marking module, comprising:
The event information is compared with the presupposed information of each custom block in presetting module set, is judged whether there is
With the matched target presupposed information of the event information；
If it does not exist with the matched target presupposed information of the event information, then output includes that the module of the event information is arranged
Interface, for developer from the event information selection target event information；
The object event information selected based on the module set interface is received, the corresponding target of the object event information is generated
Module.
3. project development method in front end as claimed in claim 2, which is characterized in that described by the event information and default mould
The presupposed information of each custom block is compared in set of blocks, judges whether there is pre- with the matched target of the event information
If after the step of information, comprising:
If it exists with the matched target presupposed information of the event information, then by the corresponding customized mould of the target presupposed information
Block is as object module.
4. project development method in front end as described in claim 1, which is characterized in that the mould of each object module of building
Block number according to and the step of store, comprising:
Default Fesx constructed fuction is called, by the default Fesx constructed fuction packaging V ue.set, forms each target mould
The data storage areas of block；
The module data of each object module is constructed by the default Fesx constructed fuction, and the module data is saved
To the corresponding data storage areas of the object module.
5. project development method in front end as described in claim 1, which is characterized in that described corresponding according to each object module
Object event information, inject event triggering method for each object module and/or the step of target monitors event, comprising:
The corresponding object event information of each object module is traversed by preset event monitoring manager；
If injecting the triggering configuration information comprising triggering configuration information in the object event information for the object module
Corresponding event triggering method；
If injecting the monitoring configuration information comprising monitoring configuration information in the object event information for the object module
Corresponding target monitors event.
6. the front end project development method as described in claim 1 to 5 any one, which is characterized in that described according to each described
The module data, the event triggering method and/or the target of object module are monitored event progress module and are integrated, and obtain
The front end project development requests the step of corresponding front-end code, comprising:
The module data, the event triggering method and/or the target of each object module are monitored into event correlation,
Module index as the object module；
The module index is added in presetting module catalogue, the presetting module catalogue is traversed, according to the module rope
Draw the load object module, obtains the front end project development and request corresponding front-end code.
7. a kind of front end project development device, which is characterized in that the front end project development device includes:
Request receiving module is corresponded to for when receiving the request of front end project development, obtaining the front end project development request
Event information；
Definition building module constructs the number of modules of each object module for defining object module according to the event information
According to and store；
Information injection module, for according to the corresponding object event information of each object module, for each object module note
Incoming event triggering method and/or target monitor event；
Project integration module, for the module data, the event triggering method and/or institute according to each object module
It is integrated to state target monitoring event progress module, obtains the front end project development and requests corresponding front-end code.
8. project development device in front end as claimed in claim 7, which is characterized in that the definition constructs module, comprising:
Contrast judgement unit, for carrying out the presupposed information of each custom block in the event information and presetting module set
It compares, judges whether there is and the matched target presupposed information of the event information；
Interface output unit, for the matched target presupposed information of the event information, then output to include described if it does not exist
The module set interface of event information, for developer from the event information selection target event information；
Module definition unit generates the target for receiving the object event information based on module set interface selection
The corresponding object module of event information.
9. a kind of front end project development equipment, which is characterized in that the front end project development equipment includes: memory, processor
And the front end project development program that is stored on the memory and can run on the processor, the front end project development
It realizes when program is executed by the processor such as the step of project development method in front end described in any one of claims 1 to 6.
10. a kind of computer readable storage medium, which is characterized in that be stored with front end on the computer readable storage medium
Mesh develops program, realizes when the front end project development program is executed by processor as described in any one of claims 1 to 6
The step of front end project development method.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910669861.1A CN110362309B (en) | 2019-07-23 | 2019-07-23 | Front-end project development method, device, equipment and computer readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910669861.1A CN110362309B (en) | 2019-07-23 | 2019-07-23 | Front-end project development method, device, equipment and computer readable storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110362309A true CN110362309A (en) | 2019-10-22 |
| CN110362309B CN110362309B (en) | 2023-09-08 |
Family
ID=68220097
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910669861.1A Active CN110362309B (en) | 2019-07-23 | 2019-07-23 | Front-end project development method, device, equipment and computer readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110362309B (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113064676A (en) * | 2020-12-29 | 2021-07-02 | 上海金融期货信息技术有限公司 | Method for remote component sharing mechanism during front-end operation based on JS entrance |
| CN116107778A (en) * | 2023-04-13 | 2023-05-12 | 深圳复临科技有限公司 | Front-end event response realization method, device, terminal equipment and readable storage medium |
Citations (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102654831A (en) * | 2011-03-04 | 2012-09-05 | 百度在线网络技术（北京）有限公司 | Device and method for intensively controlling WEB page event and state |
| US20140289738A1 (en) * | 2009-08-27 | 2014-09-25 | Adobe Systems Incorporated | Systems and Methods for Dynamic Configuration of Client-Side Development Environments Through Use of Application Servers |
| US20170010868A1 (en) * | 2015-07-06 | 2017-01-12 | Intuilab | Method for handling user-level events for programming an application |
| CN107291523A (en) * | 2017-08-01 | 2017-10-24 | 北京亚鸿世纪科技发展有限公司 | A kind of web front end message bus system |
| US20170310551A1 (en) * | 2016-04-21 | 2017-10-26 | Korea Advanced Institute Of Science And Technology | Modular controller in software-defined networking environment and operating method thereof |
| CN107704243A (en) * | 2017-10-19 | 2018-02-16 | 用友网络科技股份有限公司 | Construction method and device, the computer equipment and storage medium of front-end interface |
| CN108009030A (en) * | 2017-12-04 | 2018-05-08 | 北京三快在线科技有限公司 | Communication means and device and computing device |
| CN108228253A (en) * | 2017-12-29 | 2018-06-29 | 武汉璞华大数据技术有限公司 | A kind of APP construction methods and system |
| CN108733375A (en) * | 2018-05-29 | 2018-11-02 | 厦门白山耘科技有限公司 | Web front-end configuration melts forwarding method, device, storage medium and computer equipment |
| CN109032568A (en) * | 2018-07-13 | 2018-12-18 | 孟智平 | Generation method, terminal device and the storage medium of programmed logic |
| EP3435228A1 (en) * | 2017-07-28 | 2019-01-30 | Sap Se | Merging applications |
| US20190034209A1 (en) * | 2017-07-28 | 2019-01-31 | Sap Se | Building and using behavior-based applications |
| CN109408055A (en) * | 2018-10-10 | 2019-03-01 | 苏州好玩友网络科技有限公司 | Cross-platform GUI touch event analytic method under Unity environment |
| US10223176B1 (en) * | 2017-10-13 | 2019-03-05 | Amazon Technologies, Inc. | Event handler nodes for visual scripting |
| CN109725901A (en) * | 2018-05-31 | 2019-05-07 | 中国平安人寿保险股份有限公司 | Development approach, device, equipment and the computer storage medium of front-end code |
-
2019
- 2019-07-23 CN CN201910669861.1A patent/CN110362309B/en active Active
Patent Citations (15)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140289738A1 (en) * | 2009-08-27 | 2014-09-25 | Adobe Systems Incorporated | Systems and Methods for Dynamic Configuration of Client-Side Development Environments Through Use of Application Servers |
| CN102654831A (en) * | 2011-03-04 | 2012-09-05 | 百度在线网络技术（北京）有限公司 | Device and method for intensively controlling WEB page event and state |
| US20170010868A1 (en) * | 2015-07-06 | 2017-01-12 | Intuilab | Method for handling user-level events for programming an application |
| US20170310551A1 (en) * | 2016-04-21 | 2017-10-26 | Korea Advanced Institute Of Science And Technology | Modular controller in software-defined networking environment and operating method thereof |
| EP3435228A1 (en) * | 2017-07-28 | 2019-01-30 | Sap Se | Merging applications |
| US20190034209A1 (en) * | 2017-07-28 | 2019-01-31 | Sap Se | Building and using behavior-based applications |
| CN107291523A (en) * | 2017-08-01 | 2017-10-24 | 北京亚鸿世纪科技发展有限公司 | A kind of web front end message bus system |
| US10223176B1 (en) * | 2017-10-13 | 2019-03-05 | Amazon Technologies, Inc. | Event handler nodes for visual scripting |
| CN107704243A (en) * | 2017-10-19 | 2018-02-16 | 用友网络科技股份有限公司 | Construction method and device, the computer equipment and storage medium of front-end interface |
| CN108009030A (en) * | 2017-12-04 | 2018-05-08 | 北京三快在线科技有限公司 | Communication means and device and computing device |
| CN108228253A (en) * | 2017-12-29 | 2018-06-29 | 武汉璞华大数据技术有限公司 | A kind of APP construction methods and system |
| CN108733375A (en) * | 2018-05-29 | 2018-11-02 | 厦门白山耘科技有限公司 | Web front-end configuration melts forwarding method, device, storage medium and computer equipment |
| CN109725901A (en) * | 2018-05-31 | 2019-05-07 | 中国平安人寿保险股份有限公司 | Development approach, device, equipment and the computer storage medium of front-end code |
| CN109032568A (en) * | 2018-07-13 | 2018-12-18 | 孟智平 | Generation method, terminal device and the storage medium of programmed logic |
| CN109408055A (en) * | 2018-10-10 | 2019-03-01 | 苏州好玩友网络科技有限公司 | Cross-platform GUI touch event analytic method under Unity environment |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113064676A (en) * | 2020-12-29 | 2021-07-02 | 上海金融期货信息技术有限公司 | Method for remote component sharing mechanism during front-end operation based on JS entrance |
| CN116107778A (en) * | 2023-04-13 | 2023-05-12 | 深圳复临科技有限公司 | Front-end event response realization method, device, terminal equipment and readable storage medium |
| CN116107778B (en) * | 2023-04-13 | 2023-07-11 | 深圳复临科技有限公司 | Front-end event response realization method, device, terminal equipment and readable storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110362309B (en) | 2023-09-08 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108052334B (en) | Page jump method, device, computer equipment and storage medium | |
| US9338063B2 (en) | Automatic extraction, modeling, and code mapping of application user interface display screens and components | |
| US8141125B2 (en) | Orchestration of policy engines and format technologies | |
| CN101785243B (en) | Transferable restricted security tokens | |
| US8850322B2 (en) | Customized diagrammatic view of a network topology | |
| US8601432B2 (en) | Service-based processes using policy-based model-to-model conversion and validation techniques | |
| CN104239786B (en) | Exempt from ROOT Initiative Defenses collocation method and device | |
| CN108881396A (en) | Loading method, device, equipment and the computer storage medium of network data | |
| CN109670804A (en) | A kind of polymerization method of payment, device and electronic equipment | |
| CN104239797B (en) | Active defense method and device | |
| CN110362309A (en) | Front end project development method, apparatus, equipment and computer readable storage medium | |
| CN109672582A (en) | Complete trails monitoring method, equipment, storage medium and device | |
| US20150160951A1 (en) | Remote launch of application on mobile device | |
| CN110069911A (en) | Access control method, device, system, electronic equipment and readable storage medium | |
| CN109614164A (en) | Realize plug-in unit configurable method, apparatus, equipment and readable storage medium storing program for executing | |
| Zhang et al. | On-demand deployment for IoT applications | |
| CN115842642A (en) | Network access management method and device and electronic equipment | |
| US20120240103A1 (en) | Method and system for implementing self-configurable software components | |
| CN110187895A (en) | Allocating operating system method, apparatus, equipment and computer readable storage medium | |
| Bulumulla et al. | Multi-level simulation of the physical, cognitive and social | |
| CN109669785A (en) | Page sharing method, device, server and the storage medium of terminal applies | |
| CN106169048A (en) | File deletion method and device and electronic equipment | |
| Dai et al. | Using FDAF to bridge the gap between enterprise and software architectures for security | |
| CN117632395A (en) | Workflow processing method, device, apparatus, storage medium and program product | |
| Ji et al. | Implementation of an Intelligent Framework for Utilization within an InfoStation-based mLearning Environment |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |