CN104331286B - A kind of method and system that application and development is carried out using browser - Google Patents
A kind of method and system that application and development is carried out using browser Download PDFInfo
- Publication number
- CN104331286B CN104331286B CN201410599324.1A CN201410599324A CN104331286B CN 104331286 B CN104331286 B CN 104331286B CN 201410599324 A CN201410599324 A CN 201410599324A CN 104331286 B CN104331286 B CN 104331286B
- Authority
- CN
- China
- Prior art keywords
- application
- father
- subtab
- label
- development
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Abstract
The present invention relates to a kind of method and system that application and development is carried out using browser, comprise the following steps：The setting of the interface property carried out in advance to the interface element in user interface；To include the event of flow corresponding to each interface element configuration one or more, each interface element and the event comprising flow corresponding with each interface element are stored in the form of a label respectively, obtain the nested subtab of several internal layers father label nested with several outer layers；Communication connection is established between all father's labels and corresponding subtab, all father's labels established after communication connection form web page files with corresponding subtab；When web page files receive application and development request, asked to search and trigger all related father's labels and subtab according to application and development；Code conversion is carried out using all related father's labels and subtab after being triggered, generates application to be developed.The present invention masks the technology barriers of corresponding platform, reduces the difficulty of application and development.
Description
Technical field
It is more particularly to a kind of to carry out application and development using browser the present invention relates to a kind of development approach of multi-platform application
Method and system.
Background technology
Nowadays smart mobile phone has captured the absolute share of mobile phone market.IOS, Android are substantially at respectively all over the world
State, each company all developing the corresponding product of oneself, but whether it is certain to be that IOS or Android are present
Drawback.Such as：Android fragmentation problem, due to increasing income property of Android, each and every one manufacturer is caused all to customize oneself
ROM, and Android screen size is numerous.
And it is under development, it is required for laying in the developer of corresponding platform, and need the equipment for being equipped with specialty.So
Requirement just to developer is higher while development cost is higher, and management cost is also higher.
The content of the invention
The technical problems to be solved by the invention are to provide a kind of profit that can reduce multiple platform system application and development difficulty
The method and system of application and development are carried out with browser.
The technical scheme that the present invention solves above-mentioned technical problem is as follows：A kind of side that application and development is carried out using browser
Method, comprise the following steps：
Step 1：The setting of the interface property carried out in advance to the interface element in user interface；
Step 2：To include the event of flow corresponding to each interface element configuration one or more, by each Interface Element
Element and the event comprising flow corresponding with each interface element store in the form of a label respectively, and it is embedding to obtain several internal layers
The subtab of the set father label nested with several outer layers；
Step 3：Communication connection is established between all father's labels and corresponding subtab, is established all after communication connection
Father's label forms web page files with corresponding subtab；
Step 4：When web page files receive the application and development request of client transmission, ask to search according to application and development
The father label and subtab related to application to be developed, and trigger all related father's labels and subtab；
Step 5：Code conversion is carried out using all related father's labels and subtab after being triggered, generation is to be developed should
With.
The beneficial effects of the invention are as follows：The present invention masks the technology barriers of corresponding platform, developer only it should be understood that
Corresponding business demand, it is not necessary to which the technology for understanding corresponding platform is realized, has so saved cost, while also improve out
The efficiency of hair, and the level of the management to application.
On the basis of above-mentioned technical proposal, the present invention can also do following improvement.
Further, several transition branch streams are included in each subtab and father's label that are obtained in the step 2 respectively
Journey, each transition branch flow correspond to the code of a system platform respectively.
Further, the step 4 specifically, according to application and development ask request conversion application to be developed belonging to system
Platform, trigger transition branch flow corresponding to the system platform in father's label and subtab.
Further, in each father's label and subtab respectively comprising android system platform, IOS system platforms and
The code of PC testing system platforms.
Further, when the system platform belonging to the application to be developed for asking to change is android system platform and IOS systems
During platform, in addition to the step of the application to be developed of each generation is packed and signed.
Further, it is a kind of that the system of application and development is carried out using browser, including setup module, configuration storage module, build
Formwork erection block, search trigger module and modular converter；
The setup module, for the setting of the interface property carried out in advance to the interface element in user interface；
The configuration storage module, for configuring the thing for including flow corresponding to one or more for each interface element
Part, each interface element and the event comprising flow corresponding with each interface element are stored in the form of a label respectively, obtained
The subtab nested to several internal layers father label nested with several outer layers；
It is described to establish module, for establishing communication connection between all father's labels and corresponding subtab, establish communication
All father's labels after connection form web page files with corresponding subtab；
The lookup trigger module, when the application and development for receiving client transmission when web page files is asked, according to
The father label and subtab related to application to be developed are searched in application and development request, and trigger all related father's labels and son mark
Label；
The modular converter, for carrying out code conversion using all related father's labels and subtab after being triggered,
Generate application to be developed.
Further, respectively comprising several conversions in each subtab and father's label that are obtained in the configuration storage module
Branch's flow, each transition branch flow correspond to the code of a system platform respectively.
Further, it is described to search trigger module specifically, asking the to be developed of request conversion to apply institute according to application and development
The system platform of category, trigger transition branch flow corresponding to the system platform in father's label and subtab.
Further, in each father's label and subtab respectively comprising android system platform, IOS system platforms and
The code of PC testing system platforms.
Further, when the system platform belonging to the application to be developed for asking to change is android system platform and IOS systems
During platform, in addition to the step of the application to be developed of each generation is packed and signed.
Brief description of the drawings
Fig. 1 is the inventive method flow chart of steps；
Fig. 2 is apparatus of the present invention structure chart.
In accompanying drawing, the list of parts representated by each label is as follows：
1st, setup module, 2, configuration storage module, 3, establish module, 4, search trigger module, 5, modular converter.
Embodiment
The principle and feature of the present invention are described below in conjunction with accompanying drawing, the given examples are served only to explain the present invention, and
It is non-to be used to limit the scope of the present invention.
As shown in figure 1, it is the inventive method flow chart of steps；Fig. 2 is apparatus of the present invention structure chart.
Embodiment 1
A kind of method that application and development is carried out using browser, is comprised the following steps：
Step 1：The setting of the interface property carried out in advance to the interface element in user interface；
Step 2：To include the event of flow corresponding to each interface element configuration one or more, by each Interface Element
Element and the event comprising flow corresponding with each interface element store in the form of a label respectively, and it is embedding to obtain several internal layers
The subtab of the set father label nested with several outer layers；
Step 3：Communication connection is established between all father's labels and corresponding subtab, is established all after communication connection
Father's label forms web page files with corresponding subtab；
Step 4：When web page files receive the application and development request of client transmission, ask to search according to application and development
The father label and subtab related to application to be developed, and trigger all related father's labels and subtab；
Step 5：Code conversion is carried out using all related father's labels and subtab after being triggered, generation is to be developed should
With.
Several transition branch flows are included in each subtab and father's label that are obtained in the step 2 respectively, each
Transition branch flow corresponds to the code of a system platform respectively.
The step 4 specifically, according to application and development ask request conversion application to be developed belonging to system platform, touch
Send out transition branch flow corresponding to the system platform in father's label and subtab.
Respectively comprising android system platform, IOS system platforms and PC tests system in each father's label and subtab
The code of system platform.
When the system platform belonging to the application to be developed that request is changed is android system platform and IOS system platform,
The step of also including the application to be developed of each generation is packed and signed.
It is a kind of that the system of application and development is carried out using browser, including setup module 1, configuration storage module 2, establish module
3rd, trigger module 4 and modular converter 5 are searched；
The setup module 1, for the setting of the interface property carried out in advance to the interface element in user interface；
The configuration storage module 2, for configuring the thing for including flow corresponding to one or more for each interface element
Part, each interface element and the event comprising flow corresponding with each interface element are stored in the form of a label respectively, obtained
The subtab nested to several internal layers father label nested with several outer layers；
It is described to establish module 3, for establishing communication connection between all father's labels and corresponding subtab, establish communication
All father's labels after connection form web page files with corresponding subtab；
The lookup trigger module 4, when the application and development for receiving client transmission when web page files is asked, according to
The father label and subtab related to application to be developed are searched in application and development request, and trigger all related father's labels and son mark
Label；
The modular converter 5, for carrying out code conversion using all related father's labels and subtab after being triggered,
Generate application to be developed.
Several transition branch streams are included in each subtab and father's label that are obtained in the configuration storage module 2 respectively
Journey, each transition branch flow correspond to the code of a system platform respectively.
It is described to search trigger module 4 specifically, being according to belonging to the application to be developed that request conversion is asked in application and development
System platform, triggers transition branch flow corresponding to the system platform in father's label and subtab.
Respectively comprising android system platform, IOS system platforms and PC tests system in each father's label and subtab
The code of system platform.
When the system platform belonging to the application to be developed that request is changed is android system platform and IOS system platform,
The step of also including the application to be developed of each generation is packed and signed.
In specific implementation, the application includes consisting of part：
Exploitation server：Developer uses username and password to log in development platform in development platform.In development platform
Corresponding information can be shown according to the authority of user.In development platform position attribution and size can be carried out to the UI elements at interface
The setting of attribute, while the attributes such as background color, background picture can be set., can be with after the above attribute for the UI that is over is set again
Data source is set to complicated UI controls, the UI controls for complexity are largely to need to set data source, to be initialized at interface
When fill data.
By UI after setting completed, that is, the setting link of event and flow is entered.Each UI element correspond to accordingly
Event, enter the event of the i.e. settable UI elements in event configuration interface, pass through being provided with for event, flow and UI renewal
Complete operation flow.
Translate server：The event and flow configured in development platform is stored in the form of jstl labels,
The event configured on interface is all jstl labels.By self-defined jstl labels, the method inside bodytag is rewritten, it is different
It can be communicated in label.Father's label communication that so can be nested with outer layer in the nested subtab of internal layer.So father
Between can be with realizing the transmission of information, the content in body bodies by obtaining outer layer label can realize the Infinite Order of label
Nesting, nested realization are that jstl labels are more reasonable when hauling out next, make service logic also more reasonable.Every
Three transition branch flows, the code of the corresponding platform of each branch's flow are configured in individual label.When request is sent to currently
When the page, jstl translation will be triggered, according to the difference of incoming platform parameters, starts different flow translation generations
Corresponding code can export simultaneously.
The label of these one jsp files of corresponding labels composition, each event or flow has corresponding realization.
When the post requests that client is sent reach corresponding jsp files, the translation of corresponding jstl labels is activated by, has been turned
The result translated is exactly the code of the corresponding event of generation.Server is translated to unite the event of each UI elements in a UIbox
One is placed in an interface.Event in so UIbox is with regard to complete.Android is can be obtained by when translating and terminating
Or Ios corresponding code.
The code structure of three platforms is following (by taking audio frequency and video label as an example, mainly by rewriteeing in jstl
DoEndTag methods complete the function that each labeling requirement is realized)
Android, Ios and pc code are contained inside same jstl labels, it is first at the beginning of jslt translations
Can first judge it is Android platform, ios platforms or pc test platforms according to the platform parameters that are passed over from client, when
After platform parameters judge, advance in corresponding logic module.Such as by taking Android as an example, when client transmission
Parameter will enter in Android modules when be Android, after Android modules are entered, it is also necessary to according to visitor
The parameter judgement that family end is sent is the application of that framework, is that (native applications are applied in native applications or mixing：The exploitation of application
The api of Android offers is all based on, interface is the interface built by Android layout type.Mixing application：Using
Exploitation based on webview, the interface of application is all to load Local or Remote web interface by webview to complete interface
Displaying, the communication of data and Android on html interfaces is by by java object bindings to webview, so
Webview cans are called and arrive java objects, that is, realize html interfaces and Android communication)
Realize the communication between sub- father
Father's label object can be obtained in subtab, can be to any category in father's label after father's label object is taken
Property is operated, subtab can and father's label communication.
Communication between the sub- father's labels of jstl realizes that meaning is very great, if can not realize that nested so business is patrolled
Volume cutting can not just solve, can does the nested of label after communication between realizing label, and a logic module is just
It can be put into one big label, wherein the nested label for realizing its subfunction, the closure of one big label just indicate one
Service logic finishes.
Packing download server：
Prototype in development platform is translated to corresponding engineering or application by translation server, based on Android and Ios
Security mechanism each application be required for packing and sign, if without signature mechanism can not judge current application whether be
Legal copy application, it can thus avoid hacker's forged identity from going to access back office interface, also enhance the protection of one layer of safety.Beating
The information of some users is injected while bag into application, this application has been downloaded for having detected those users, has been easy to apply
Management.
The foregoing is only presently preferred embodiments of the present invention, be not intended to limit the invention, it is all the present invention spirit and
Within principle, any modification, equivalent substitution and improvements made etc., it should be included in the scope of the protection.
Claims (6)
- A kind of 1. method that application and development is carried out using browser, it is characterised in that comprise the following steps：Step 1：The setting of the interface property carried out in advance to the interface element in user interface；Step 2：To include the event of flow corresponding to each interface element configuration one or more, by each interface element and The event comprising flow corresponding with each interface element stores in the form of a label respectively, obtains the nested son of several internal layers The label father label nested with several outer layers；Step 3：Communication connection is established between all father's labels and corresponding subtab, all fathers mark established after communication connection Label form web page files with corresponding subtab；Step 4：When web page files receive the application and development request of client transmission, searched according to application and development request with treating Development and application related father's label and subtab, and trigger all related father's labels and subtab；Step 5：Code conversion is carried out using all related father's labels and subtab after being triggered, generates application to be developed；Wherein, several transition branch flows are included in each subtab and father's label that are obtained in the step 2 respectively, each Transition branch flow corresponds to the code of a system platform respectively；The step 4 specifically, according to application and development ask request conversion application to be developed belonging to system platform, trigger father Transition branch flow corresponding to the system platform in label and subtab.
- 2. the method according to claim 1 that application and development is carried out using browser, it is characterised in that：Each father's mark The code of android system platform, IOS system platforms and PC testing system platforms is included in label and subtab respectively.
- 3. the method according to claim 2 that application and development is carried out using browser, it is characterised in that：When request conversion When system platform belonging to application to be developed is android system platform and IOS system platforms, in addition to each generation is treated The step of development and application are packed and signed.
- A kind of 4. system that application and development is carried out using browser, it is characterised in that：Including setup module (1), configuration storage mould Block (2), establish module (3), search trigger module (4) and modular converter (5)；The setup module (1), for the setting of the interface property carried out in advance to the interface element in user interface；The configuration storage module (2), for configuring the event for including flow corresponding to one or more for each interface element, Each interface element and the event comprising flow corresponding with each interface element are stored in the form of a label respectively, obtained The nested subtab of several internal layers father label nested with several outer layers；It is described to establish module (3), for establishing communication connection between all father's labels and corresponding subtab, establish communication link All father's labels after connecing form web page files with corresponding subtab；It is described lookup trigger module (4), for when web page files receive client transmission application and development request when, according to should The father label and subtab related to application to be developed are searched with exploitation request, and triggers all related father's labels and son mark Label；The modular converter (5), it is raw for carrying out code conversion using all related father's labels and subtab after being triggered Into application to be developed；Wherein, respectively comprising several conversions point in each subtab and father's label that are obtained in the configuration storage module (2) Zhi Liucheng, each transition branch flow correspond to the code of a system platform respectively；It is described search trigger module (4) specifically, according to application and development ask request conversion application to be developed belonging to system Platform, trigger transition branch flow corresponding to the system platform in father's label and subtab.
- 5. the system according to claim 4 that application and development is carried out using browser, it is characterised in that：Each father's mark The code of android system platform, IOS system platforms and PC testing system platforms is included in label and subtab respectively.
- 6. the system according to claim 5 that application and development is carried out using browser, it is characterised in that：When request conversion When system platform belonging to application to be developed is android system platform and IOS system platforms, in addition to by each generation The step of application to be developed is packed and signed.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410599324.1A CN104331286B (en) | 2014-10-30 | 2014-10-30 | A kind of method and system that application and development is carried out using browser |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410599324.1A CN104331286B (en) | 2014-10-30 | 2014-10-30 | A kind of method and system that application and development is carried out using browser |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104331286A CN104331286A (en) | 2015-02-04 |
| CN104331286B true CN104331286B (en) | 2017-12-12 |
Family
ID=52406020
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410599324.1A Active CN104331286B (en) | 2014-10-30 | 2014-10-30 | A kind of method and system that application and development is carried out using browser |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104331286B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111522582B (en) * | 2020-04-23 | 2023-08-22 | 北京思特奇信息技术股份有限公司 | Method and system for generating codes of different application platforms |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7058933B2 (en) * | 2002-09-11 | 2006-06-06 | Sun Microsystems, Inc. | Extending custom application development environment modules to a second application development environment |
| CN101256482A (en) * | 2007-12-19 | 2008-09-03 | 深圳市同洲电子股份有限公司 | Development system and method for built-in application program |
| CN102043626A (en) * | 2010-12-23 | 2011-05-04 | 中国农业银行股份有限公司 | Method and device for encapsulating extjs component, and method and system for generating user interface |
| CN102830957A (en) * | 2011-06-15 | 2012-12-19 | 康佳集团股份有限公司 | Method for generating interface code and application software of television |
-
2014
- 2014-10-30 CN CN201410599324.1A patent/CN104331286B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7058933B2 (en) * | 2002-09-11 | 2006-06-06 | Sun Microsystems, Inc. | Extending custom application development environment modules to a second application development environment |
| CN101256482A (en) * | 2007-12-19 | 2008-09-03 | 深圳市同洲电子股份有限公司 | Development system and method for built-in application program |
| CN102043626A (en) * | 2010-12-23 | 2011-05-04 | 中国农业银行股份有限公司 | Method and device for encapsulating extjs component, and method and system for generating user interface |
| CN102830957A (en) * | 2011-06-15 | 2012-12-19 | 康佳集团股份有限公司 | Method for generating interface code and application software of television |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104331286A (en) | 2015-02-04 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104965712B (en) | Application program method for reinforcing and protecting, device and mobile terminal | |
| CN107360454A (en) | A kind of tv remote control system and method based on mobile terminal wechat small routine | |
| CN102495741B (en) | A kind of touch panel device unlocking manner management devices, system and management method | |
| CN103179460B (en) | Mobile terminal to numeral audiovisual terminals binding method, tie up locking control method and system | |
| CN108183770A (en) | A kind of automatic clearance management method of unmanned plane | |
| CN103942585A (en) | Method for converting information into two-dimensional codes and two-dimensional code scanning printing device using method | |
| CN102752295A (en) | Method and device for setting keys | |
| CN103595759B (en) | Desktop presentation method based on high in the clouds | |
| CN103345410B (en) | The mobile customized interface implementing method of operation business and system | |
| CN104035783A (en) | Platform integrating method and platform integrating system matched with third party web page in application program | |
| CN105389160A (en) | Information issuing method and device | |
| CN104283961A (en) | Community management cloud service integration platform and method | |
| CN109586963A (en) | A kind of cloud emulation platform safe-guard system, server, terminal and method | |
| CN104572594A (en) | Real-time generation method of dynamic PDF (portable document format) documents | |
| CN103888502B (en) | Projecting method, projection file providing method and projection terminal | |
| CN110119992A (en) | It is a kind of can fast search license plate number automobile social networking system and method | |
| US20140026058A1 (en) | Establishing System and Method for Establishing Application Program Having Capability Controlling Input and Output Interface for Mobile Computing Device | |
| CN104331286B (en) | A kind of method and system that application and development is carried out using browser | |
| CN102638572A (en) | Short-message sending service system based on Web Element mechanism and operating method thereof | |
| CN106776699A (en) | The acquisition methods of online 3D models, provide method, device and management system | |
| CN103944905A (en) | Information interaction method, device and system | |
| CN103957608A (en) | Multi-screen interactive device matching and connecting method | |
| CN109144479A (en) | Development frame | |
| CN105323141B (en) | A kind of information transferring method, system and mobile terminal based on image recognition | |
| CN112769798A (en) | Login method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |