CN109240688A - Interface development method, electronic device and readable storage medium storing program for executing - Google Patents
Interface development method, electronic device and readable storage medium storing program for executing Download PDFInfo
- Publication number
- CN109240688A CN109240688A CN201810916912.1A CN201810916912A CN109240688A CN 109240688 A CN109240688 A CN 109240688A CN 201810916912 A CN201810916912 A CN 201810916912A CN 109240688 A CN109240688 A CN 109240688A
- Authority
- CN
- China
- Prior art keywords
- interface
- component
- development
- foreground
- data
- 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
- 238000011161 development Methods 0.000 title claims abstract description 143
- 238000000034 method Methods 0.000 title claims abstract description 36
- 230000027455 binding Effects 0.000 claims abstract description 62
- 238000009739 binding Methods 0.000 claims abstract description 62
- 238000006243 chemical reaction Methods 0.000 claims description 20
- 238000013507 mapping Methods 0.000 claims description 16
- 238000012986 modification Methods 0.000 claims description 14
- 230000004048 modification Effects 0.000 claims description 14
- 238000012545 processing Methods 0.000 claims description 10
- 238000005538 encapsulation Methods 0.000 claims description 6
- 238000005516 engineering process Methods 0.000 abstract description 4
- 238000013473 artificial intelligence Methods 0.000 abstract 1
- 238000012800 visualization Methods 0.000 description 12
- 230000000712 assembly Effects 0.000 description 5
- 238000000429 assembly Methods 0.000 description 5
- 230000000007 visual effect Effects 0.000 description 5
- 238000010586 diagram Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000015572 biosynthetic process Effects 0.000 description 3
- 230000005540 biological transmission Effects 0.000 description 2
- 210000004556 brain Anatomy 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 238000012216 screening Methods 0.000 description 2
- 238000012360 testing method Methods 0.000 description 2
- 238000012546 transfer Methods 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000008439 repair process Effects 0.000 description 1
- 238000003786 synthesis reaction 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
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/36—Preventing errors by testing or debugging software
- G06F11/362—Software debugging
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Computer Hardware Design (AREA)
- Quality & Reliability (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
The present invention relates to artificial intelligence technologys, disclose interface development method, electronic device and readable storage medium storing program for executing, this method comprises: providing preset configuration interface template after receiving interface development instruction；It include component in the preset configuration interface template；The component that user chooses in the preset configuration interface template is obtained, development interface is formed；Corresponding Json agreement is set for each component that user chooses, and configures the binding relationship of each component and data-interface in the development interface based on the Json agreement and preset rules；Development interface after binding data interface is debugged and issued.The invention enables the interfaces of exploitation to be really connected to business datum, and the interface developed can really behave, and realizes convenient and fast interface development.
Description
Technical field
The present invention relates to field of computer technology more particularly to a kind of interface development methods, electronic device and readable storage
Medium.
Background technique
Existing business development interface largely only simply handles some synthesis for showing class, can not be by development interface
It is associated with the business datum on backstage, the interface of exploitation can not be enable really to be connected to the business datum on backstage, caused out
The interface of sending can not really behave.
Summary of the invention
The purpose of the present invention is to provide a kind of interface development method, electronic device and readable storage medium storing program for executing, it is intended to convenient
The interface development that can be connected to business datum of realization.
To achieve the above object, the present invention provides a kind of electronic device, and the electronic device includes memory, processor,
The interface development system that can be run on the processor is stored on the memory, the interface development system is by the place
Reason device realizes following steps when executing:
After receiving interface development instruction, preset configuration interface template is provided；It is wrapped in the preset configuration interface template
Include component；
The component that user chooses in the preset configuration interface template is obtained, development interface is formed；
Corresponding Json agreement is set for each component that user chooses, and is matched based on the Json agreement and preset rules
Set the binding relationship of each component and data-interface in the development interface；
Development interface after binding data interface is debugged and issued.
Preferably, described that each component and data in the development interface are configured based on the Json agreement and preset rules
The binding relationship of interface includes:
Each component pair that user chooses is determined according to the mapping relations of predetermined different components and foreground interface
The foreground interface answered；
The foreground interface pair of each component is determined according to the mapping relations of predetermined foreground interface and back office interface
The back office interface answered；
Business datum needed for determining component defined in the Json agreement of each component, will be where determining business datum
Database back office interface corresponding with component be associated binding, with pass through corresponding back office interface call business datum；
Each component foreground interface corresponding with what is determined that user chooses, back office interface are associated binding.
Preferably, the processor is also used to execute the interface development system, to perform the steps of
Corresponding original service data are transferred by the back office interface that component liaison is bound, original service data are carried out pre-
If being sent to the foreground interface of component liaison binding after preliminary treatment；
The foreground interface bound by the component liaison is to the original service data received according to the Json agreement of the component
Defined in data format carry out corresponding modification and encapsulation, packaged business datum is supplied to the component and is used.
Preferably, data conversion layer is provided between the foreground interface and back office interface, the processor is also used to
The interface development system is executed, to perform the steps of
Corresponding original service data are transferred by the back office interface that component liaison is bound, original service data are carried out pre-
If being sent to data conversion layer after preliminary treatment；
As the data conversion layer to number defined in Json agreement of the original service data received according to the component
Corresponding modification is carried out according to format, and modified business datum is sent to the foreground interface of component liaison binding；
The foreground interface bound by the component liaison is packaged the modified business datum received, will encapsulate
Good business datum is supplied to component use.
In addition, to achieve the above object, the present invention also provides a kind of interface development method, the interface development method packet
It includes:
After receiving interface development instruction, preset configuration interface template is provided；It is wrapped in the preset configuration interface template
Include component；
The component that user chooses in the preset configuration interface template is obtained, development interface is formed；
Corresponding Json agreement is set for each component that user chooses, and is matched based on the Json agreement and preset rules
Set the binding relationship of each component and data-interface in the development interface；
Development interface after binding data interface is debugged and issued.
Preferably, described that each component and data in the development interface are configured based on the Json agreement and preset rules
The binding relationship of interface includes:
Each component pair that user chooses is determined according to the mapping relations of predetermined different components and foreground interface
The foreground interface answered；
The foreground interface pair of each component is determined according to the mapping relations of predetermined foreground interface and back office interface
The back office interface answered；
Business datum needed for determining component defined in the Json agreement of each component, will be where determining business datum
Database back office interface corresponding with component be associated binding, with pass through corresponding back office interface call business datum；
Each component foreground interface corresponding with what is determined that user chooses, back office interface are associated binding.
Preferably, this method further include:
Corresponding original service data are transferred by the back office interface that component liaison is bound, original service data are carried out pre-
If being sent to the foreground interface of component liaison binding after preliminary treatment；
The foreground interface bound by the component liaison is to the original service data received according to the Json agreement of the component
Defined in data format carry out corresponding modification and encapsulation, packaged business datum is supplied to the component and is used.
Preferably, data conversion layer, this method are provided between the foreground interface and back office interface further include:
Corresponding original service data are transferred by the back office interface that component liaison is bound, original service data are carried out pre-
If being sent to data conversion layer after preliminary treatment；
As the data conversion layer to number defined in Json agreement of the original service data received according to the component
Corresponding modification is carried out according to format, and modified business datum is sent to the foreground interface of component liaison binding；
The foreground interface bound by the component liaison is packaged the modified business datum received, will encapsulate
Good business datum is supplied to component use.
It preferably, further include layout, container in the preset configuration interface template, the acquisition user is described default
Configuration interface template in the component chosen, the step of forming development interface includes:
Determine the layout that user selects in the preset configuration interface template, the container and component chosen；
Development interface is formed to choosing the dragging of container and component to instruct according to the layout and user of user's selection.
Further, to achieve the above object, the present invention also provides a kind of computer readable storage medium, the computers
Readable storage medium storing program for executing is stored with interface development system, and the interface development system can be executed by least one processor, so that institute
At least one processor is stated to execute such as the step of above-mentioned interface development method.
Interface development method, electronic device and readable storage medium storing program for executing proposed by the present invention, by providing preset configuration circle
Face die plate forms development interface for component needed for user selection interface exploitation；It is corresponded to for each component setting that user chooses
Json agreement, and each component and data-interface in the development interface are configured based on the Json agreement and preset rules
Binding relationship；Development interface after binding data interface is debugged and issued.Matched since one can be provided for developer
Interface template is set, various assemblies are previously provided in the configuration interface template and are called for developer, developer chooses component
After forming development interface, moreover it is possible to corresponding Json agreement be set for each of development interface part, and assisted based on the Json
View configures the binding relationship of each component and data-interface such as foreground interface, back office interface etc. in the development interface, so that opening
The interface of hair can be really connected to business datum, and the interface developed can really behave, and realize convenient and fast interface development.
Detailed description of the invention
Fig. 1 is the running environment schematic diagram of 10 preferred embodiment of interface development system of the present invention；
Fig. 2 is the flow diagram of one embodiment of interface development method of the present invention.
Specific embodiment
In order to make the objectives, technical solutions, and advantages of the present invention clearer, with reference to the accompanying drawings and embodiments, right
The present invention is further elaborated.It should be appreciated that described herein, specific examples are only used to explain the present invention, not
For limiting the present invention.Based on the embodiments of the present invention, those of ordinary skill in the art are not before making creative work
Every other embodiment obtained is put, shall fall within the protection scope of the present invention.
It should be noted that the description for being related to " first ", " second " etc. in the present invention is used for description purposes only, and cannot
It is interpreted as its relative importance of indication or suggestion or implicitly indicates the quantity of indicated technical characteristic.Define as a result, " the
One ", the feature of " second " can explicitly or implicitly include at least one of the features.In addition, the skill between each embodiment
Art scheme can be combined with each other, but must be based on can be realized by those of ordinary skill in the art, when technical solution
Will be understood that the combination of this technical solution is not present in conjunction with there is conflicting or cannot achieve when, also not the present invention claims
Protection scope within.
The present invention provides a kind of interface development system.Referring to Fig. 1, being 10 preferred embodiment of interface development system of the present invention
Running environment schematic diagram.
In the present embodiment, the interface development system 10 is installed and is run in electronic device 1.The electronic device 1
It may include, but be not limited only to, memory 11, processor 12 and display 13.Fig. 1 illustrates only the electronics with component 11-13
Device 1, it should be understood that being not required for implementing all components shown, the implementation that can be substituted is more or less
Component.
The memory 11 is the readable computer storage medium of at least one type, and the memory 11 is in some implementations
It can be the internal storage unit of the electronic device 1, such as the hard disk or memory of the electronic device 1 in example.The memory
11 are also possible to the External memory equipment of the electronic device 1 in further embodiments, such as are equipped on the electronic device 1
Plug-in type hard disk, intelligent memory card (Smart Media Card, SMC), secure digital (Secure Digital, SD) card,
Flash card (Flash Card) etc..Further, the memory 11 can also both include the storage inside of the electronic device 1
Unit also includes External memory equipment.The memory 11 for store the application software for being installed on the electronic device 1 and respectively
Class data, such as the program code of the interface development system 10 etc..The memory 11 can be also used for temporarily storing
Data through exporting or will export.
The processor 12 can be in some embodiments a central processing unit (Central Processing Unit,
CPU), microprocessor or other data processing chips, for running the program code stored in the memory 11 or processing number
According to, such as execute the interface development system 10 etc..
The display 13 can be light-emitting diode display, liquid crystal display, touch-control liquid crystal display in some embodiments
And OLED (Organic Light-Emitting Diode, Organic Light Emitting Diode) touches device etc..The display 13 is used
In being shown in the information handled in the electronic device 1 and for showing visual user interface, such as preset configuration
Interface template, the development interface finally issued etc..The component 11-13 of the electronic device 1 is in communication with each other by system bus.
Interface development system 10 includes that at least one is stored in the computer-readable instruction in the memory 11, this is at least
One computer-readable instruction can be executed by the processor 12, to realize each embodiment of the application.
Wherein, following steps are realized when above-mentioned interface development system 10 is executed by the processor 12:
Step S1 provides preset configuration interface template after receiving interface development instruction；The preset configuration interface mould
It include component in plate.
Step S2 obtains the component that user chooses in the preset configuration interface template, forms development interface.
In the present embodiment, interface development system receives the interface development instruction that user issues, for example, receiving user passes through hand
The interface development instruction that the terminals such as mechanical, electrical brain, terminal device are sent, such as user is received in mobile phone, computer, terminal device terminal
In the interface development instruction that sends in preassembled client, or receive user in terminals such as mobile phone, computer, terminal devices
In browser on send interface development instruction.
After receiving interface development instruction, preset configuration interface template is provided；It is wrapped in the preset configuration interface template
Component is included, such as prepares various common in interface development component such as text box, combobox, selectors in advance；User is in institute
The component for choosing this interface development to need to use in preset configuration interface template is stated, development interface can be formed.In addition, if
Component needed for developer then can increase or modify group by establishing extension event not in pre-prepd Common Component
Part, for example, the component code that user increases newly can be received, to produce new component for user's tune by creating an extension event
With can specifically realize extension by Filter mechanism.
Further, it may also include layout, container in the preset configuration interface template, user preset matches described
It sets and selects corresponding layout in interface template, container and component needed for choosing can be according to the layouts and user that user selects
Development interface is formed to choosing the dragging of container and component to instruct.
For example, firstly, providing a preset configuration interface template i.e. configuration interface, the configuration for user such as developer
It is previously provided with layout, container, component etc. in interface to call for developer, as developer can be in configuration interface to layout
(such as may include the visualization interface layout such as left side fix, the right fixation, both sides it is fixed), container (such as may include table
Container, list container etc.), the component (such as may include text box, combobox, selector etc.) in description components library selected
It selects, configure.Layout needed for developer can select this development interface in configuration interface picks out required container and institute
The container of selection and component can be also laid out by the component needed after selecting in configuration interface, to determine final visualization circle
The interface layout in face for example, the component of selection can be dragged to corresponding container by developer, then the container of selection is dragged to
Corresponding position in determining layout can determine the interface layout of final visualization interface.The page layout is tied by Json
Structure is realized, wherein JSON (JavaScript Object Notation) is similar to XML, is a kind of data exchange of lightweight
Format.JSON format is easy to read and write, while being also easy to template parser and being parsed into visualization interface, is able to ascend parsing
Rate, in addition, JSON format ratio HTML (Hyper Text Markup Language, hypertext markup language) format is more advantageous
In storing and transmitting.The options such as layout, container, component can be arranged in the interface template of preset JSON format in the present embodiment
In, layout needed for user can select this development interface on the interface template of preset JSON format is picked out required
The container of selection and component can be also laid out by container and required component after selecting on the interface template of JSON format,
With the interface layout JSON format module of the final visualization interface of determination.Then, it can will be used using preset template parser
The interface layout JSON format module that family determines is parsed to obtain final visualization interface.
Corresponding Json agreement is arranged for each component that user chooses in step S3, and based on the Json agreement and in advance
If rule configures the binding relationship of each component and data-interface in the development interface.
Step S4 is debugged and is issued to the development interface after binding data interface.
In the present embodiment, determine what user chose according to the mapping relations of predetermined different components and foreground interface
The corresponding foreground interface of each component；Each group is determined according to the mapping relations of predetermined foreground interface and back office interface
The corresponding back office interface of foreground interface of part；Business datum needed for determining component defined in the Json agreement of each component,
Database back office interface corresponding with component where determining business datum is associated binding, to pass through corresponding backstage
Interface calls business datum；Each component foreground interface corresponding with what is determined that user chooses, back office interface are closed
Connection binding.In this way, corresponding original service data can be transferred by the back office interface that component liaison is bound, to original service number
According to the foreground interface for carrying out being sent to component liaison binding after default preliminary treatment；The foreground interface bound by the component liaison
Corresponding modification and envelope are carried out to data format defined in Json agreement of the original service data received according to the component
Packaged business datum is supplied to the component and used by dress.
Specifically, can be counted according to the required component that developer selects after the interface layout of determining development interface
According to bindings, for example each component setting Json agreement defines corresponding attribute and the link relation between other assemblies, matches
Set some table structures, incidence relation and interface definition, the association of interface and table, processing logic of interface etc..Specifically, may be used
Determine the mapping relations of different components Yu foreground interface, the mapping relations of foreground interface and back office interface, back office interface and data
Correspondence call relation in library between business datum, in this way, the development interface layout in component can by foreground interface, after
Platform interface transfers business datum, so that the various components in development interface layout can work normally.Wherein, back office interface can
To call business datum in database, tables of data needed for creating component, or carry out data summarization such as report calculating etc., foreground connects
After mouth receives the tables of data of back office interface transmission, it can need to modify to tables of data according to the function of component, screen, encapsulate
Deng operation after be sent to component, to realize the interface of development interface and the binding of data.Interface backstage is generated in the present embodiment to grasp
The some service logics made are realized by Json structure, for example, the various components for developer's selection are arranged Json agreement, determine
The corresponding attribute of justice and the link relation between other assemblies；I.e. developer is assembled into different business by pulling various components
The page, and the attribute of various components and method are assembled into Json protocol binding to various components, it is final to realize by business
Personnel voluntarily complete the purpose of interface development according to business demand, greatly reduce lower deployment cost, improve development efficiency.
Finally, the required component for determining the interface layout of development interface and being selected in interface layout according to developer
It, can be by the visual development interface after progress data bindings in preset prebrowsing system after carrying out data bindings
Operation test is carried out, if operation is successfully tested, the visual development interface can be issued, which is energy
The interface being really connected to the business datum on backstage, the true run that runs get up.To reduce the exploitation of similar business scenario
Time-consuming saves human resources, moreover, can accomplish that style is unified on interface.
The present embodiment by providing preset configuration interface template for component needed for user selection interface exploitation, open by formation
Send out interface；Corresponding Json agreement is set for each component that user chooses, and is matched based on the Json agreement and preset rules
Set the binding relationship of each component and data-interface in the development interface；Development interface after binding data interface is adjusted
It tries and issues.Since a configuration interface template can be provided for developer, it is previously provided in the configuration interface template various
Component is called for developer, after developer chooses component to form development interface, moreover it is possible to for each of development interface part
Corresponding Json agreement is set, and based on each component in development interface described in the Json protocol configuration and data-interface as before
The binding relationship of platform interface, back office interface etc. enables the interface of exploitation to be really connected to business datum, the interface developed
It can really behave, realize convenient and fast interface development.
It, can also be in foreground interface and back office interface on the basis of the embodiment of above-mentioned Fig. 1 in an optional embodiment
Between a data conversion layer is set, during calling business datum, transferred pair by the back office interface of component liaison binding
The original service data answered are sent to data conversion layer after carrying out default preliminary treatment to original service data；By the data
Conversion layer carries out corresponding repair to data format defined in Json agreement of the original service data received according to the component
Change, and modified business datum is sent to the foreground interface of component liaison binding；The foreground bound by the component liaison
Interface is packaged the modified business datum received, and packaged business datum is supplied to the component and is used.
For example, the function of component can be directed to when the data conversion layer business datum such as tables of data that platform interface is sent upon receipt
Need to modify to tables of data, screen etc. operation, and the data after the operations such as modification, screening are then sent to foreground again and are connect
Mouthful, foreground interface can be sent to component use after only needing to carry out data format encapsulation.
As shown in Fig. 2, Fig. 2 is the flow diagram of one embodiment of interface development method of the present invention, the interface development method
The following steps are included:
Step S10 provides preset configuration interface template after receiving interface development instruction；The preset configuration interface
It include component in template.
Step S20 obtains the component that user chooses in the preset configuration interface template, forms development interface.
In the present embodiment, interface development system receives the interface development instruction that user issues, for example, receiving user passes through hand
The interface development instruction that the terminals such as mechanical, electrical brain, terminal device are sent, such as user is received in mobile phone, computer, terminal device terminal
In the interface development instruction that sends in preassembled client, or receive user in terminals such as mobile phone, computer, terminal devices
In browser on send interface development instruction.
After receiving interface development instruction, preset configuration interface template is provided；It is wrapped in the preset configuration interface template
Component is included, such as prepares various common in interface development component such as text box, combobox, selectors in advance；User is in institute
The component for choosing this interface development to need to use in preset configuration interface template is stated, development interface can be formed.In addition, if
Component needed for developer then can increase or modify group by establishing extension event not in pre-prepd Common Component
Part, for example, the component code that user increases newly can be received, to produce new component for user's tune by creating an extension event
With can specifically realize extension by Filter mechanism.
Further, it may also include layout, container in the preset configuration interface template, user preset matches described
It sets and selects corresponding layout in interface template, container and component needed for choosing can be according to the layouts and user that user selects
Development interface is formed to choosing the dragging of container and component to instruct.
For example, firstly, providing a preset configuration interface template i.e. configuration interface, the configuration for user such as developer
It is previously provided with layout, container, component etc. in interface to call for developer, as developer can be in configuration interface to layout
(such as may include the visualization interface layout such as left side fix, the right fixation, both sides it is fixed), container (such as may include table
Container, list container etc.), the component (such as may include text box, combobox, selector etc.) in description components library selected
It selects, configure.Layout needed for developer can select this development interface in configuration interface picks out required container and institute
The container of selection and component can be also laid out by the component needed after selecting in configuration interface, to determine final visualization circle
The interface layout in face for example, the component of selection can be dragged to corresponding container by developer, then the container of selection is dragged to
Corresponding position in determining layout can determine the interface layout of final visualization interface.The page layout is tied by Json
Structure is realized, wherein JSON (JavaScript Object Notation) is similar to XML, is a kind of data exchange of lightweight
Format.JSON format is easy to read and write, while being also easy to template parser and being parsed into visualization interface, is able to ascend parsing
Rate, in addition, JSON format ratio HTML (Hyper Text Markup Language, hypertext markup language) format is more advantageous
In storing and transmitting.The options such as layout, container, component can be arranged in the interface template of preset JSON format in the present embodiment
In, layout needed for user can select this development interface on the interface template of preset JSON format is picked out required
The container of selection and component can be also laid out by container and required component after selecting on the interface template of JSON format,
With the interface layout JSON format module of the final visualization interface of determination.Then, it can will be used using preset template parser
The interface layout JSON format module that family determines is parsed to obtain final visualization interface.
Corresponding Json agreement is arranged for each component that user chooses in step S30, and based on the Json agreement and in advance
If rule configures the binding relationship of each component and data-interface in the development interface.
Step S40 is debugged and is issued to the development interface after binding data interface.
In the present embodiment, determine what user chose according to the mapping relations of predetermined different components and foreground interface
The corresponding foreground interface of each component；Each group is determined according to the mapping relations of predetermined foreground interface and back office interface
The corresponding back office interface of foreground interface of part；Business datum needed for determining component defined in the Json agreement of each component,
Database back office interface corresponding with component where determining business datum is associated binding, to pass through corresponding backstage
Interface calls business datum；Each component foreground interface corresponding with what is determined that user chooses, back office interface are closed
Connection binding.In this way, corresponding original service data can be transferred by the back office interface that component liaison is bound, to original service number
According to the foreground interface for carrying out being sent to component liaison binding after default preliminary treatment；The foreground interface bound by the component liaison
Corresponding modification and envelope are carried out to data format defined in Json agreement of the original service data received according to the component
Packaged business datum is supplied to the component and used by dress.
Specifically, can be counted according to the required component that developer selects after the interface layout of determining development interface
According to bindings, for example each component setting Json agreement defines corresponding attribute and the link relation between other assemblies, matches
Set some table structures, incidence relation and interface definition, the association of interface and table, processing logic of interface etc..Specifically, may be used
Determine the mapping relations of different components Yu foreground interface, the mapping relations of foreground interface and back office interface, back office interface and data
Correspondence call relation in library between business datum, in this way, the development interface layout in component can by foreground interface, after
Platform interface transfers business datum, so that the various components in development interface layout can work normally.Wherein, back office interface can
To call business datum in database, tables of data needed for creating component, or carry out data summarization such as report calculating etc., foreground connects
After mouth receives the tables of data of back office interface transmission, it can need to modify to tables of data according to the function of component, screen, encapsulate
Deng operation after be sent to component, to realize the interface of development interface and the binding of data.Interface backstage is generated in the present embodiment to grasp
The some service logics made are realized by Json structure, for example, the various components for developer's selection are arranged Json agreement, determine
The corresponding attribute of justice and the link relation between other assemblies；I.e. developer is assembled into different business by pulling various components
The page, and the attribute of various components and method are assembled into Json protocol binding to various components, it is final to realize by business
Personnel voluntarily complete the purpose of interface development according to business demand, greatly reduce lower deployment cost, improve development efficiency.
Finally, the required component for determining the interface layout of development interface and being selected in interface layout according to developer
It, can be by the visual development interface after progress data bindings in preset prebrowsing system after carrying out data bindings
Operation test is carried out, if operation is successfully tested, the visual development interface can be issued, which is energy
The interface being really connected to the business datum on backstage, the true run that runs get up.To reduce the exploitation of similar business scenario
Time-consuming saves human resources, moreover, can accomplish that style is unified on interface.
The present embodiment by providing preset configuration interface template for component needed for user selection interface exploitation, open by formation
Send out interface；Corresponding Json agreement is set for each component that user chooses, and is matched based on the Json agreement and preset rules
Set the binding relationship of each component and data-interface in the development interface；Development interface after binding data interface is adjusted
It tries and issues.Since a configuration interface template can be provided for developer, it is previously provided in the configuration interface template various
Component is called for developer, after developer chooses component to form development interface, moreover it is possible to for each of development interface part
Corresponding Json agreement is set, and based on each component in development interface described in the Json protocol configuration and data-interface as before
The binding relationship of platform interface, back office interface etc. enables the interface of exploitation to be really connected to business datum, the interface developed
It can really behave, realize convenient and fast interface development.
It, on the basis of the above embodiments, can also be between foreground interface and back office interface in an optional embodiment
One data conversion layer is set, during calling business datum, is transferred by the back office interface that component liaison is bound corresponding
Original service data are sent to data conversion layer after carrying out default preliminary treatment to original service data；By the data conversion
Layer carries out corresponding modification to data format defined in Json agreement of the original service data received according to the component, and
Modified business datum is sent to the foreground interface of component liaison binding；The foreground interface pair bound by the component liaison
The modified business datum received is packaged, and packaged business datum is supplied to the component and is used.For example, number
When according to the conversion layer business datum such as tables of data that platform interface is sent upon receipt, logarithm can be needed for the function of component
It the operation such as modifies, screen according to table, the data after the operations such as modification, screening being then sent to foreground interface again, foreground connects
Mouth can be sent to component use after only needing to carry out data format encapsulation.
In addition, the computer-readable recording medium storage has the present invention also provides a kind of computer readable storage medium
Interface development system, the interface development system can be executed by least one processor, so that at least one described processor is held
For row such as the step of interface development method in above-described embodiment, step S10, S20, S30 of the interface development method etc. are specific real
It is as described above to apply process, details are not described herein.
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 device 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 device 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 device.
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 be realized by hardware, but very much
In the case of the former be more preferably embodiment.Based on this understanding, technical solution of the present invention is substantially in other words to existing
The part that technology contributes can be embodied in the form of software products, which is stored in a storage
In medium (such as ROM/RAM, magnetic disk, CD), including some instructions are used so that a terminal device (can be mobile phone, calculate
Machine, server, air conditioner or network equipment etc.) execute method described in each embodiment of the present invention.
Preferred embodiments of the present invention have been described above with reference to the accompanying drawings, not thereby limiting the scope of the invention.On
It is for illustration only to state serial number of the embodiment of the present invention, does not represent the advantages or disadvantages of the embodiments.It is patrolled in addition, though showing in flow charts
Sequence is collected, but in some cases, it can be with the steps shown or described are performed in an order that is different from the one herein.
Without departing from the scope and spirit of the invention, there are many variations to implement the present invention by those skilled in the art,
It can be used for another embodiment for example as the feature of one embodiment and obtain another embodiment.It is all to use technology of the invention
Made any modifications, equivalent replacements, and improvements within design, should all be within interest field of the invention.
Claims (10)
1. a kind of electronic device, which is characterized in that the electronic device includes memory, processor, is stored on the memory
There is the interface development system that can be run on the processor, is realized such as when the interface development system is executed by the processor
Lower step:
After receiving interface development instruction, preset configuration interface template is provided；It include group in the preset configuration interface template
Part；
The component that user chooses in the preset configuration interface template is obtained, development interface is formed；
Corresponding Json agreement is set for each component that user chooses, and institute is configured based on the Json agreement and preset rules
State the binding relationship of each component and data-interface in development interface；
Development interface after binding data interface is debugged and issued.
2. electronic device as described in claim 1, which is characterized in that described to be configured based on the Json agreement and preset rules
The binding relationship of each component and data-interface includes: in the development interface
It is corresponding with each component that the mapping relations of foreground interface determine that user chooses according to predetermined different components
Foreground interface；
Determine that the foreground interface of each component is corresponding with the mapping relations of back office interface according to predetermined foreground interface
Back office interface；
Business datum needed for determining component defined in the Json agreement of each component, by the number where determining business datum
It is associated binding according to library back office interface corresponding with component, to call business datum by corresponding back office interface；
Each component foreground interface corresponding with what is determined that user chooses, back office interface are associated binding.
3. electronic device as claimed in claim 2, which is characterized in that the processor is also used to execute the interface development system
System, to perform the steps of
Corresponding original service data are transferred by the back office interface that component liaison is bound, original service data are carried out default first
The foreground interface of component liaison binding is sent to after step processing；
The foreground interface bound by the component liaison is to the original service data received according to fixed in the Json agreement of the component
The data format of justice carries out corresponding modification and encapsulation, and packaged business datum is supplied to the component and is used.
4. electronic device as claimed in claim 2, which is characterized in that be provided between the foreground interface and back office interface
Data conversion layer, the processor are also used to execute the interface development system, to perform the steps of
Corresponding original service data are transferred by the back office interface that component liaison is bound, original service data are carried out default first
Data conversion layer is sent to after step processing；
As the data conversion layer to data lattice defined in Json agreement of the original service data received according to the component
Formula carries out corresponding modification, and modified business datum is sent to the foreground interface of component liaison binding；
The foreground interface bound by the component liaison is packaged the modified business datum received, will be packaged
Business datum is supplied to component use.
5. a kind of interface development method, which is characterized in that the interface development method includes:
After receiving interface development instruction, preset configuration interface template is provided；It include group in the preset configuration interface template
Part；
The component that user chooses in the preset configuration interface template is obtained, development interface is formed；
Corresponding Json agreement is set for each component that user chooses, and institute is configured based on the Json agreement and preset rules
State the binding relationship of each component and data-interface in development interface；
Development interface after binding data interface is debugged and issued.
6. interface development method as claimed in claim 5, which is characterized in that described to be based on the Json agreement and preset rules
Configuring the binding relationship of each component and data-interface in the development interface includes:
It is corresponding with each component that the mapping relations of foreground interface determine that user chooses according to predetermined different components
Foreground interface；
Determine that the foreground interface of each component is corresponding with the mapping relations of back office interface according to predetermined foreground interface
Back office interface；
Business datum needed for determining component defined in the Json agreement of each component, by the number where determining business datum
It is associated binding according to library back office interface corresponding with component, to call business datum by corresponding back office interface；
Each component foreground interface corresponding with what is determined that user chooses, back office interface are associated binding.
7. interface development method as claimed in claim 6, which is characterized in that further include:
Corresponding original service data are transferred by the back office interface that component liaison is bound, original service data are carried out default first
The foreground interface of component liaison binding is sent to after step processing；
The foreground interface bound by the component liaison is to the original service data received according to fixed in the Json agreement of the component
The data format of justice carries out corresponding modification and encapsulation, and packaged business datum is supplied to the component and is used.
8. interface development method as claimed in claim 6, which is characterized in that set between the foreground interface and back office interface
It is equipped with data conversion layer, further includes:
Corresponding original service data are transferred by the back office interface that component liaison is bound, original service data are carried out default first
Data conversion layer is sent to after step processing；
As the data conversion layer to data lattice defined in Json agreement of the original service data received according to the component
Formula carries out corresponding modification, and modified business datum is sent to the foreground interface of component liaison binding；
The foreground interface bound by the component liaison is packaged the modified business datum received, will be packaged
Business datum is supplied to component use.
9. the interface development method as described in any one of claim 5-8, which is characterized in that the preset configuration interface mould
It further include layout, container in plate, the component for obtaining user and choosing in the preset configuration interface template forms exploitation
The step of interface includes:
Determine the layout that user selects in the preset configuration interface template, the container and component chosen；
Development interface is formed to choosing the dragging of container and component to instruct according to the layout and user of user's selection.
10. a kind of computer readable storage medium, which is characterized in that be stored with interface on the computer readable storage medium and open
Hair system realizes the interface development as described in any one of claim 5 to 9 when the interface development system is executed by processor
The step of method.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810916912.1A CN109240688A (en) | 2018-08-13 | 2018-08-13 | Interface development method, electronic device and readable storage medium storing program for executing |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810916912.1A CN109240688A (en) | 2018-08-13 | 2018-08-13 | Interface development method, electronic device and readable storage medium storing program for executing |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109240688A true CN109240688A (en) | 2019-01-18 |
Family
ID=65070163
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810916912.1A Pending CN109240688A (en) | 2018-08-13 | 2018-08-13 | Interface development method, electronic device and readable storage medium storing program for executing |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109240688A (en) |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109992269A (en) * | 2019-04-04 | 2019-07-09 | 睿驰达新能源汽车科技（北京）有限公司 | A kind of development approach and device of operation platform |
| CN110121094A (en) * | 2019-06-20 | 2019-08-13 | 广州酷狗计算机科技有限公司 | Video is in step with display methods, device, equipment and the storage medium of template |
| CN110162457A (en) * | 2019-04-12 | 2019-08-23 | 深圳壹账通智能科技有限公司 | Test method, device, equipment and the storage medium of user interface |
| CN110515599A (en) * | 2019-08-30 | 2019-11-29 | 北京浪潮数据技术有限公司 | A kind of data open interface method and system based on configuration |
| CN110647323A (en) * | 2019-09-17 | 2020-01-03 | 北京快威科创信息技术有限公司 | Code-free business application software development platform |
| CN110851114A (en) * | 2019-10-24 | 2020-02-28 | 山东中创软件工程股份有限公司 | Business system development method and device, electronic equipment and storage medium |
| CN110968309A (en) * | 2019-10-15 | 2020-04-07 | 京东数字科技控股有限公司 | Template generation method and device, electronic equipment and storage medium |
| CN111459476A (en) * | 2019-01-22 | 2020-07-28 | 北大方正集团有限公司 | Component display method, component display system and storage medium |
| CN111708568A (en) * | 2020-05-06 | 2020-09-25 | 福建天泉教育科技有限公司 | Component development decoupling method and terminal |
| CN111736930A (en) * | 2020-07-21 | 2020-10-02 | 平安国际智慧城市科技股份有限公司 | Program front-back end interface calling method and device, computer equipment and storage medium |
| CN113342337A (en) * | 2021-05-28 | 2021-09-03 | 北京达佳互联信息技术有限公司 | Interface processing method and device, computer readable storage medium and processor |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2016049626A1 (en) * | 2014-09-26 | 2016-03-31 | Oracle International Corporation | Efficient and intuitive databinding for mobile applications |
| CN106569800A (en) * | 2016-10-17 | 2017-04-19 | 北京小米移动软件有限公司 | Front end interface generation method and apparatus |
| WO2017114182A1 (en) * | 2015-12-30 | 2017-07-06 | 阿里巴巴集团控股有限公司 | Interface data displaying method and device |
| CN107678745A (en) * | 2017-09-25 | 2018-02-09 | 南京中新赛克科技有限责任公司 | System and method based on page assembly |
| CN107844299A (en) * | 2017-12-01 | 2018-03-27 | 浪潮软件股份有限公司 | A kind of implementation method of Web application development tools |
| CN107908399A (en) * | 2017-11-14 | 2018-04-13 | 山东浪潮通软信息科技有限公司 | A kind of page development method and device |
-
2018
- 2018-08-13 CN CN201810916912.1A patent/CN109240688A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| WO2016049626A1 (en) * | 2014-09-26 | 2016-03-31 | Oracle International Corporation | Efficient and intuitive databinding for mobile applications |
| WO2017114182A1 (en) * | 2015-12-30 | 2017-07-06 | 阿里巴巴集团控股有限公司 | Interface data displaying method and device |
| CN106569800A (en) * | 2016-10-17 | 2017-04-19 | 北京小米移动软件有限公司 | Front end interface generation method and apparatus |
| CN107678745A (en) * | 2017-09-25 | 2018-02-09 | 南京中新赛克科技有限责任公司 | System and method based on page assembly |
| CN107908399A (en) * | 2017-11-14 | 2018-04-13 | 山东浪潮通软信息科技有限公司 | A kind of page development method and device |
| CN107844299A (en) * | 2017-12-01 | 2018-03-27 | 浪潮软件股份有限公司 | A kind of implementation method of Web application development tools |
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111459476A (en) * | 2019-01-22 | 2020-07-28 | 北大方正集团有限公司 | Component display method, component display system and storage medium |
| CN109992269A (en) * | 2019-04-04 | 2019-07-09 | 睿驰达新能源汽车科技（北京）有限公司 | A kind of development approach and device of operation platform |
| CN110162457A (en) * | 2019-04-12 | 2019-08-23 | 深圳壹账通智能科技有限公司 | Test method, device, equipment and the storage medium of user interface |
| CN110121094A (en) * | 2019-06-20 | 2019-08-13 | 广州酷狗计算机科技有限公司 | Video is in step with display methods, device, equipment and the storage medium of template |
| CN110515599A (en) * | 2019-08-30 | 2019-11-29 | 北京浪潮数据技术有限公司 | A kind of data open interface method and system based on configuration |
| CN110647323A (en) * | 2019-09-17 | 2020-01-03 | 北京快威科创信息技术有限公司 | Code-free business application software development platform |
| CN110968309A (en) * | 2019-10-15 | 2020-04-07 | 京东数字科技控股有限公司 | Template generation method and device, electronic equipment and storage medium |
| CN110968309B (en) * | 2019-10-15 | 2021-11-12 | 京东数字科技控股有限公司 | Template generation method and device, electronic equipment and storage medium |
| CN110851114A (en) * | 2019-10-24 | 2020-02-28 | 山东中创软件工程股份有限公司 | Business system development method and device, electronic equipment and storage medium |
| CN111708568A (en) * | 2020-05-06 | 2020-09-25 | 福建天泉教育科技有限公司 | Component development decoupling method and terminal |
| CN111708568B (en) * | 2020-05-06 | 2023-07-07 | 福建天泉教育科技有限公司 | Modularized development decoupling method and terminal |
| CN111736930A (en) * | 2020-07-21 | 2020-10-02 | 平安国际智慧城市科技股份有限公司 | Program front-back end interface calling method and device, computer equipment and storage medium |
| CN113342337A (en) * | 2021-05-28 | 2021-09-03 | 北京达佳互联信息技术有限公司 | Interface processing method and device, computer readable storage medium and processor |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109240688A (en) | Interface development method, electronic device and readable storage medium storing program for executing | |
| US10831453B2 (en) | Connectors framework | |
| CN103593173B (en) | A kind of integrated development system of application program, method and device | |
| CN109634598A (en) | A kind of page display method, device, equipment and storage medium | |
| CN106302008A (en) | Data-updating method and device | |
| CN108958736A (en) | Page generation method, device, electronic equipment and computer-readable medium | |
| CN109739478A (en) | Front end project automated construction method, device, storage medium and electronic equipment | |
| CN109062780A (en) | The development approach and terminal device of automatic test cases | |
| CN108804322A (en) | Automated testing method, device, computer equipment and storage medium | |
| CN104216912A (en) | Method and device for achieving non-intrusive service form workflow | |
| US11645438B2 (en) | Generating a template-driven schematic from a netlist of electronic circuits | |
| CN103530338B (en) | Frame for carrying out page rendering on calculation equipment and page generation method | |
| CN109981322A (en) | The method and apparatus of cloud resource management based on label | |
| CN106648556A (en) | Front end and back end integrated development testing method and device | |
| CN110535679A (en) | Management method, framework, network slice sales platform and the management system of slice | |
| CN108984567A (en) | A kind of Service Data Management system and method | |
| CN108255936A (en) | A kind of edit methods of webpage, system and editing machine | |
| CN110019437A (en) | A kind of method and system exporting data | |
| CN107273250A (en) | The method of testing and device of electronic declaration form automatic cover system | |
| CN109740096A (en) | A kind of implementation method of live preview, device, system and storage medium | |
| CN111104181A (en) | Webpage data filling system for visually editing task flow | |
| CN110134380A (en) | A kind of code generating method based on template engine, device and electronic equipment | |
| CN109901830A (en) | A kind of symbol arranging method and system for scada system development | |
| CN109271160A (en) | Active rule construction method, device and computer system, medium | |
| CN113705143B (en) | Automatic simulation system and automatic simulation method |
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 | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20190118 |
|
| WD01 | Invention patent application deemed withdrawn after publication |