CN108132783A - A kind of configuration method and device of Web App - Google Patents
A kind of configuration method and device of Web App Download PDFInfo
- Publication number
- CN108132783A CN108132783A CN201611085145.1A CN201611085145A CN108132783A CN 108132783 A CN108132783 A CN 108132783A CN 201611085145 A CN201611085145 A CN 201611085145A CN 108132783 A CN108132783 A CN 108132783A
- Authority
- CN
- China
- Prior art keywords
- single table
- list file
- library
- web page
- design
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Stored Programmes (AREA)
Abstract
The invention discloses a kind of configuration method and device of Web App, which includes design procedure and operating procedure, and the design procedure includes step：In control to single table designer in S11, dragging widget library, the layout of Web page and form design is configured；S12, the Functional Design that the Web page is configured by rule designer；S13, single table template is generated according to the Web page being configured, and passes through JSON forms and preserve single table template in the database；The operating procedure includes step：S21, according to single table template generation list list file；S22, single list file is packed into headend equipment with single table resolver；S23, in the headend equipment front end Web page is generated according to the single list file being packaged and single table resolver.The advantageous effect of the invention is：The development efficiency of simple Web App is greatly improved；It solves the cross-platform operation of App, reduces the gate threshold that enters of software development, save development cost.
Description
Technical field
The present invention relates to web development technologies field more particularly to a kind of configuration methods and device of Web App.
Background technology
In software development process, generally require to write a large amount of code when certain simple functions are realized, and
Software development is required for developer to have considerable degree of technical merit.Which results in the introduction doors of this industry of software development
Sill are higher, while also increase the development cost of enterprise.Therefore the prior art realizes the side of the exploitation of App in the form of writing code
Formula has the following disadvantages：
(1) technology requirement is high, and development efficiency is relatively low；
(2) development cost is high.
Invention content
The technical problem to be solved in the present invention is, middle technology requirement is high for the above-mentioned prior art, development efficiency is relatively low,
The problem of development cost is high provides a kind of configuration method and device of Web App.
The technical solution adopted by the present invention to solve the technical problems is：
A kind of configuration method of Web App is constructed, including design procedure and operating procedure；
The design procedure includes step：
In control to single table designer in S11, dragging widget library, the layout of Web page and form design is configured；
S12, the Functional Design that the Web page is configured by rule designer；
S13, single table template is generated according to the Web page being configured, and passes through JSON forms and preserve single table template
In the database；
The operating procedure includes step：
S21, according to single table template generation list list file；
S22, single list file is packed into headend equipment with single table resolver；
S23, in the headend equipment front end Web page is generated according to the single list file being packaged and single table resolver.
In configuration method of the present invention, the step S11 includes following sub-step：
S111, single table designer pass through HTML5 page configurations UI；
S112, single table designer are handled the HTML5 pages by design logic control processor；
S113, single table designer design control by zebra frames and App components.
In configuration method of the present invention, the list table designer includes control, rule and function.
In configuration method of the present invention, the step S22 includes sub-step：
S221, single list file is converted into JSON forms；
S222, single list file of JSON forms and single table resolver are packed into headend equipment.
In configuration method of the present invention, the step S23 includes sub-step：
S231, single list file that JSON forms are read by single table resolver；The list table resolver includes single table
Widget library, rule parsing library and style library；
S232, the control that single list file is parsed by single table widget library, are parsed by the rule parsing library
The rule and function of the list list file parse the layout and pattern of single list file by the style library；
S233, generation front end Web page.
On the other hand, a kind of configuration device of Web App is provided, including design module and operation module；
The design module includes：
Control dispensing unit, for dragging in the control in widget library to single table designer, the layout of Web page is configured
And form design；
Regular dispensing unit, for passing through the Functional Design that the Web page is configured in rule designer；
Single table generation unit for generating single table template according to the Web page being configured, and passes through JSON forms by described in
Single table template preserves in the database；
The operation module includes：
File generating unit, for according to single table template generation list list file；
Packaged unit, for single list file to be packed into headend equipment with single table resolver；
Page generating unit, for being generated in the headend equipment according to the single list file being packaged and single table resolver
Front end Web page.
In configuration device of the present invention, the control dispensing unit includes：
Subelement is configured in UI, for passing through HTML5 page configurations UI；
The page handles subelement, and the HTML5 pages are handled for passing through design logic control processor；
Control design subelement designs control for single table designer by zebra frames and App components.
In configuration device of the present invention, the list table designer includes control, rule and function.
In configuration device of the present invention, the packaged unit includes：
Conversion subunit, for single list file to be converted to JSON forms；
Subelement is packaged, for single list file of JSON forms and single table resolver to be packed into headend equipment.
In configuration device of the present invention, the page generating unit includes：
File reading subunit, for passing through single list file that single table resolver reads JSON forms；The list table
Resolver includes single table widget library, rule parsing library and style library；
Parsing subunit for passing through the control of single table widget library parsing single list file, passes through the rule
The rule and function of library parsing single list file are parsed, the layout and sample of single list file are parsed by the style library
Formula；
The page generates subelement, for generating front end Web page.
The configuration method and device of a kind of Web App disclosed above has the advantages that：Simple Web is greatly improved
The development efficiency of App；It solves the cross-platform operation of App, reduces the gate threshold that enters of software development, save development cost.
Description of the drawings
Fig. 1 is a kind of flow chart of the configuration method of Web App provided by the invention；
Fig. 2 is the block schematic illustration of the configuration method of Web App provided by the invention.
Specific embodiment
In order to make the purpose , technical scheme and advantage of the present invention be clearer, with reference to the accompanying drawings and embodiments, it is right
The present invention is further elaborated.It should be appreciated that specific embodiment described herein is only to explain the present invention, not
For limiting the present invention.
The present invention provides a kind of configuration method and device of Web App, it is intended that simple Web is greatly improved
The development efficiency of App；It solves the cross-platform operation of App, reduces the gate threshold that enters of software development, save development cost.
Referring to Fig. 1, Fig. 1 is a kind of flow chart of the configuration method of Web App provided by the invention, and the Web App's matches
Method is put, including design procedure and operating procedure；
Design procedure includes step S11-S13 towards developer/rear end, the design procedure：
In control to single table designer in S11, dragging widget library, the layout of Web page and form design is configured；Ginseng
It is the block schematic illustration of the configuration method of Web App provided by the invention to see Fig. 2, Fig. 2, and the step S11 includes following sub-step
Rapid S111-S113：
S111, single table designer pass through HTML5 page configurations UI；Referring to Fig. 2, which is mainly UI layers and is completed
Configuration work.
S112, single table designer are handled the HTML5 pages by design logic control processor；The step
The rapid processing work that predominantly key-course is completed.
S113, single table designer design control by zebra frames and App components.The step is mainly widget library
The design work of completion.
In Fig. 2：
Form Designer：For the tool of Web App to be configured；
Mobile terminal resolver：For parsing configured Web page face die plate；
List masterplate：User is linking design using the JSON formatted datas of output after Form Designer configuration Web page
When and context during operation, mainly by control, backstage rule and UI rules are formed；
UI rules：For performing the UI of Web App operations, for example fill one for a text box and be worth, it is stored in list
In masterplate；
Backstage rule：For performing the processing of the back-end data of Web App, for example obtain the data of a combobox, storage
In form templat；
Expression formula：For performing the logical operation in Web App, usually use, be stored in form templat in rule；
Control：The least unit of a Web page is formed, is stored in list masterplate；
zebra：A kind of front-end technology frame based on Canvas；
App components：Common primary App function modules, are interacted by Phone Gap and Web page；
PhoneGap：A kind of third party technology frame for solving Web page and primary App interactions；
JSON：A kind of data assembling form；
HTTP/TCP：The agreement of data transmission is a kind of technical standard；
WebService：A kind of data access mode, mobile equipment is usually by WebService and server-side into line number
According to interaction.
To sum up, list table design includes control, rule and function based on zebra technological frames, the list table designer.
S12, the Functional Design that the Web page is configured by rule designer；
S13, single table template is generated according to the Web page being configured, and passes through JSON forms and preserve single table template
In the database；
I.e. developer can be by dragging in the control to designer in widget library, so as to fulfill the layout of web page
And form design.The UI of Web page is completed with postponing, the functional configuration of Web page can be realized by rule designer.List
After the completion of configuration, designer can generate a complete list masterplate, and JSON forms are saved in database.
Operating procedure curstomer-oriented end/front end (mobile terminals such as mobile phone), the operating procedure include step S21-S23：
S21, according to single table template generation list list file；
S22, single list file is packed into headend equipment with single table resolver；The step S22 includes sub-step
S221-S222：
S221, single list file is converted into JSON forms；
S222, single list file of JSON forms and single table resolver are packed into headend equipment.
S23, in the headend equipment front end Web page is generated according to the single list file being packaged and single table resolver.
The step S23 includes sub-step S231-S233：
S231, single list file that JSON forms are read by single table resolver；The list table resolver includes single table
Widget library, rule parsing library and style library；
S232, the control that single list file is parsed by single table widget library, are parsed by the rule parsing library
The rule and function of the list list file parse the layout and pattern of single list file by the style library；
S233, generation front end Web page.
I.e. developer completes list with postponing, and the list masterplate data preserved are generated formfile by background service,
It is packaged by App and the JSON files of generation and list resolver is bundled in mobile equipment.It is also contained in list resolver
Widget library during operation, rule parsing library and style library.When App starts, list resolver will read list JSON files,
By control, rule and the function in JSON files in parsing respectively.Ultimately form a Web page that can be run.Before i.e.
Hold Web page.
On the other hand, the present invention also provides a kind of configuration device of Web App, including design module and operation module；
The design module includes：
Control dispensing unit, for dragging in the control in widget library to single table designer, the layout of Web page is configured
And form design；
Regular dispensing unit, for passing through the Functional Design that the Web page is configured in rule designer；
Single table generation unit for generating single table template according to the Web page being configured, and passes through JSON forms by described in
Single table template preserves in the database；
The operation module includes：
File generating unit, for according to single table template generation list list file；
Packaged unit, for single list file to be packed into headend equipment with single table resolver；
Page generating unit, for being generated in the headend equipment according to the single list file being packaged and single table resolver
Front end Web page.
Preferably, the control dispensing unit includes：
Subelement is configured in UI, for passing through HTML5 page configurations UI；
The page handles subelement, and the HTML5 pages are handled for passing through design logic control processor；
Control design subelement designs control for single table designer by zebra frames and App components.
Preferably, single table designer includes control, rule and function.
Preferably, the packaged unit includes：
Conversion subunit, for single list file to be converted to JSON forms；
Subelement is packaged, for single list file of JSON forms and single table resolver to be packed into headend equipment.
Preferably, the page generating unit includes：
File reading subunit, for passing through single list file that single table resolver reads JSON forms；The list table
Resolver includes single table widget library, rule parsing library and style library；
Parsing subunit for passing through the control of single table widget library parsing single list file, passes through the rule
The rule and function of library parsing single list file are parsed, the layout and sample of single list file are parsed by the style library
Formula；
The page generates subelement, for generating front end Web page.
There is provided herein the various operations of embodiment.In one embodiment, described one or operation may be constructed one
The computer-readable instruction stored on a or computer-readable medium, will be so that computing device be held when being performed by electronic equipment
The row operation.Describing the sequences of some or all of operations, to should not be construed as to imply that these operations necessarily order dependent
's.It will be appreciated by those skilled in the art that the alternative sequence of the benefit with this specification.Furthermore, it is to be understood that it is not institute
There is operation that must exist in each embodiment provided in this article.
Moreover, word " preferred " used herein means serving as example, example or illustration.Feng Wen is described as " preferably
" any aspect or design be not necessarily to be construed as than other aspect or design it is more advantageous.On the contrary, the use purport of word " preferred "
Concept is being proposed in specific ways.Term "or" as used in this application is intended to the "or" for meaning to include and non-excluded
"or".That is, unless specified otherwise or clear from the context, " X uses A or B " means that nature includes any one of arrangement.
That is, if X uses A；X uses B；Or X uses A and B both, then " X uses A or B " is met in aforementioned any example.
Moreover, although the disclosure, people in the art has shown and described relative to one or realization method
Member will be appreciated that equivalent variations and modification based on the reading and understanding to the specification and drawings.The disclosure includes all such
Modifications and variations, and be limited only by the scope of the following claims.In particular, to being held by said modules (such as element etc.)
Capable various functions, the term for describing such component be intended to correspond to the specified function of performing the component (such as its
Functionally of equal value) random component (unless otherwise instructed), even if with performing the disclosure shown in this article in structure
Exemplary implementations in function open structure it is not equivalent.In addition, although the special characteristic of the disclosure relative to
Only one in several realization methods is disclosed, but this feature can be with that can be such as the phase for given or specific application
It hopes and one of other advantageous realization methods or the combination of other features.Moreover, with regard to term " comprising ", " having ", " containing " or
For its deformation is used in specific embodiment or claim, such term is intended to the side similar to term "comprising"
Formula includes.
Each functional unit in the embodiment of the present invention can be integrated in a processing module or each unit list
Solely be physically present, can also multiple or multiple Yi Shang units be integrated in a module.Above-mentioned integrated module both may be used
The form of hardware is realized, can also be realized in the form of software function module.If the integrated module is with software function
The form of module is realized and is independent product sale or is situated between in use, a computer-readable storage can also be stored in
In matter.Storage medium mentioned above can be read-only memory, disk or CD etc..Above-mentioned each device or system, can be with
Perform the storage method in correlation method embodiment.
In conclusion although the present invention is disclosed above with preferred embodiment, above preferred embodiment is not to limit
The system present invention, those of ordinary skill in the art without departing from the spirit and scope of the present invention, can make various changes and profit
Decorations, therefore protection scope of the present invention is subject to the range that claim defines.
Claims (10)
1. a kind of configuration method of Web App, which is characterized in that including design procedure and operating procedure；
The design procedure includes step：
In control to single table designer in S11, dragging widget library, the layout of Web page and form design is configured；
S12, the Functional Design that the Web page is configured by rule designer；
S13, single table template is generated according to the Web page being configured, and passes through JSON forms and single table template is stored in number
According in library；
The operating procedure includes step：
S21, according to single table template generation list list file；
S22, single list file is packed into headend equipment with single table resolver；
S23, in the headend equipment front end Web page is generated according to the single list file being packaged and single table resolver.
2. configuration method according to claim 1, which is characterized in that the step S11 includes following sub-step：
S111, single table designer pass through HTML5 page configurations UI；
S112, single table designer are handled the HTML5 pages by design logic control processor；
S113, single table designer design control by zebra frames and App components.
3. configuration method according to claim 1, which is characterized in that the list table designer includes control, rule and letter
Number.
4. configuration method according to claim 3, which is characterized in that the step S22 includes sub-step：
S221, single list file is converted into JSON forms；
S222, single list file of JSON forms and single table resolver are packed into headend equipment.
5. configuration method according to claim 4, which is characterized in that the step S23 includes sub-step：
S231, single list file that JSON forms are read by single table resolver；The list table resolver includes single table control
Library, rule parsing library and style library；
S232, the control that single list file is parsed by single table widget library, by described in the parsing of the rule parsing library
The rule and function of single list file parse the layout and pattern of single list file by the style library；
S233, generation front end Web page.
6. a kind of configuration device of Web App, which is characterized in that including design module and operation module；
The design module includes：
Control dispensing unit, for dragging in the control in widget library to single table designer, the layout of Web page and sample is configured
Formula designs；
Regular dispensing unit, for passing through the Functional Design that the Web page is configured in rule designer；
Single table generation unit for generating single table template according to the Web page being configured, and passes through JSON forms by single table
Template preserves in the database；
The operation module includes：
File generating unit, for according to single table template generation list list file；
Packaged unit, for single list file to be packed into headend equipment with single table resolver；
Page generating unit, for generating front end according to the single list file being packaged and single table resolver in the headend equipment
Web page.
7. configuration device according to claim 6, which is characterized in that the control dispensing unit includes：
Subelement is configured in UI, for passing through HTML5 page configurations UI；
The page handles subelement, and the HTML5 pages are handled for passing through design logic control processor；
Control design subelement designs control for single table designer by zebra frames and App components.
8. configuration device according to claim 6, which is characterized in that the list table designer includes control, rule and letter
Number.
9. configuration device according to claim 8, which is characterized in that the packaged unit includes：
Conversion subunit, for single list file to be converted to JSON forms；
Subelement is packaged, for single list file of JSON forms and single table resolver to be packed into headend equipment.
10. configuration method according to claim 9, which is characterized in that the page generating unit includes：
File reading subunit, for passing through single list file that single table resolver reads JSON forms；The list table parsing
Device includes single table widget library, rule parsing library and style library；
Parsing subunit for passing through the control of single table widget library parsing single list file, passes through the rule parsing
The rule and function of library parsing single list file parse the layout and pattern of single list file by the style library；
The page generates subelement, for generating front end Web page.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611085145.1A CN108132783A (en) | 2016-11-30 | 2016-11-30 | A kind of configuration method and device of Web App |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611085145.1A CN108132783A (en) | 2016-11-30 | 2016-11-30 | A kind of configuration method and device of Web App |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN108132783A true CN108132783A (en) | 2018-06-08 |
Family
ID=62387341
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201611085145.1A Pending CN108132783A (en) | 2016-11-30 | 2016-11-30 | A kind of configuration method and device of Web App |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108132783A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110597508A (en) * | 2019-08-14 | 2019-12-20 | 平安国际智慧城市科技股份有限公司 | Interface dynamic configuration method, device and storage medium |
| CN112114805A (en) * | 2020-08-27 | 2020-12-22 | 长沙市到家悠享网络科技有限公司 | Page generation method, device and equipment |
| CN113434425A (en) * | 2021-07-06 | 2021-09-24 | 重庆唯哲科技有限公司 | Measurement and control system capable of being rapidly developed and measurement and control system billboard |
| CN113849173A (en) * | 2021-08-27 | 2021-12-28 | 浪潮软件科技有限公司 | JSON-based dynamic form generation method and system |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130268883A1 (en) * | 2012-04-05 | 2013-10-10 | Lg Electronics Inc. | Mobile terminal and control method thereof |
| CN104317587A (en) * | 2014-10-22 | 2015-01-28 | 中国人民解放军国防科学技术大学 | Automatic android mobile device oriented application generation method |
| CN104484171A (en) * | 2014-12-11 | 2015-04-01 | 深圳市路通网络技术有限公司 | System, method and associated equipment for designing terminal interface |
| CN105094832A (en) * | 2015-08-01 | 2015-11-25 | 李志丹 | WYSIWYG method and system for dynamically generating user interface |
| CN105302578A (en) * | 2015-11-27 | 2016-02-03 | 中国电子科技集团公司第二十八研究所 | Comprehensive portal management system of dragging type layout configuration |
-
2016
- 2016-11-30 CN CN201611085145.1A patent/CN108132783A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130268883A1 (en) * | 2012-04-05 | 2013-10-10 | Lg Electronics Inc. | Mobile terminal and control method thereof |
| CN104317587A (en) * | 2014-10-22 | 2015-01-28 | 中国人民解放军国防科学技术大学 | Automatic android mobile device oriented application generation method |
| CN104484171A (en) * | 2014-12-11 | 2015-04-01 | 深圳市路通网络技术有限公司 | System, method and associated equipment for designing terminal interface |
| CN105094832A (en) * | 2015-08-01 | 2015-11-25 | 李志丹 | WYSIWYG method and system for dynamically generating user interface |
| CN105302578A (en) * | 2015-11-27 | 2016-02-03 | 中国电子科技集团公司第二十八研究所 | Comprehensive portal management system of dragging type layout configuration |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110597508A (en) * | 2019-08-14 | 2019-12-20 | 平安国际智慧城市科技股份有限公司 | Interface dynamic configuration method, device and storage medium |
| CN112114805A (en) * | 2020-08-27 | 2020-12-22 | 长沙市到家悠享网络科技有限公司 | Page generation method, device and equipment |
| CN113434425A (en) * | 2021-07-06 | 2021-09-24 | 重庆唯哲科技有限公司 | Measurement and control system capable of being rapidly developed and measurement and control system billboard |
| CN113849173A (en) * | 2021-08-27 | 2021-12-28 | 浪潮软件科技有限公司 | JSON-based dynamic form generation method and system |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109614568B (en) | Page generation method and device | |
| US8181106B2 (en) | Use of overriding templates associated with customizable elements when editing a web page | |
| CN109670053B (en) | Data object mapping method, device, equipment and computer readable storage medium | |
| CN108132783A (en) | A kind of configuration method and device of Web App | |
| CN101196913A (en) | Chameleon graphic user interface | |
| CN104375875B (en) | Method and compiler for the compiling optimization of application program | |
| CN102202242A (en) | Realization method of JavaScript interpreter based on set-top box browser | |
| CN102693323A (en) | Cascading style sheet resolving method, resolver, webpage presentation method and server | |
| CN103095726A (en) | Processing method and device of protocol interpreter | |
| CN104951508A (en) | Time information identification method and device | |
| CN103226510B (en) | Resolve the method and apparatus of vmcore file | |
| CN114138244A (en) | Method and device for automatically generating model files, storage medium and electronic equipment | |
| CN112835323B (en) | Programmable logic control language compiling method and device | |
| CN117787226A (en) | Label generation model training method and device, electronic equipment and storage medium | |
| CN112799670B (en) | Method and system for unified multi-terminal logic development | |
| CN113050921A (en) | Webpage conversion method, device, storage medium and computer equipment | |
| CN110569230A (en) | Method, system and equipment for interconversion between database design model and design document | |
| CN107329756B (en) | Program file generation method and device, storage medium, processor and terminal | |
| CN110377891B (en) | Method, device and equipment for generating event analysis article and computer readable storage medium | |
| CN111026604B (en) | Log file analysis method and device | |
| CN111783482A (en) | Text translation method and device, computer equipment and storage medium | |
| CN110727458A (en) | Method and device for switching page template settings through background management | |
| CN102723067B (en) | A kind of character display method and device | |
| CN111435300A (en) | Web system development method, device, equipment and storage medium | |
| CN113703753B (en) | Method and device for product development and product development system |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20180608 |