CN112527275A - System development platform for directly generating executable program from prototype design - Google Patents
System development platform for directly generating executable program from prototype design Download PDFInfo
- Publication number
- CN112527275A CN112527275A CN202011294126.6A CN202011294126A CN112527275A CN 112527275 A CN112527275 A CN 112527275A CN 202011294126 A CN202011294126 A CN 202011294126A CN 112527275 A CN112527275 A CN 112527275A
- Authority
- CN
- China
- Prior art keywords
- submodule
- module
- event
- sub
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/36—Software reuse
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
本发明公开了一种从原型设计直接生成可运行程序的系统开发平台，其技术方案要点是包括有：配置模块和生成模块，配置模块包括有数据源子模块、组件子模块、样式呈现子模块、全局方法子模块、事件子模块、平台服务，样式呈现子模块用于构建程序界面样式，组件子模块用于供用户对若干组件进行拖拉式配置程序界面，事件子模块用于对程序界面内的组件进行事件信息的绑定，数据源子模块用于对程序界面内的组件进行数据绑定，和向平台服务输送数据进行数据存储，事件子模块用于根据组件所需的事件信息向全局方法子模块调用对应的方法，全局方法子模块用于对平台服务进行接口调用，该开发系统能够供用户无代码开发程序，上手快速，随心配置程序界面。
The invention discloses a system development platform for directly generating runnable programs from prototype design. The technical solution includes: a configuration module and a generation module, and the configuration module includes a data source sub-module, a component sub-module and a style presentation sub-module , global method sub-module, event sub-module, platform service, style presentation sub-module is used to build the program interface style, component sub-module is used for users to drag and drop several components to configure the program interface, event sub-module is used to The data source sub-module is used to bind the components in the program interface and transmit data to the platform service for data storage, and the event sub-module is used to send the data to the global according to the event information required by the component. The method sub-module calls the corresponding method, and the global method sub-module is used to make interface calls to the platform services. The development system can provide users with code-free development of programs, allowing users to get started quickly and configure the program interface at will.
Description
Technical Field
The present invention relates to the field of development technologies, and more particularly, to a system development platform for directly generating a runnable program from a prototype design.
Background
Software development is the process of building a software system or software parts in a system according to user requirements. Software development is a system engineering that includes requirement capture, requirement analysis, design, implementation, and testing. Software is typically implemented in a programming language and is typically developed using software development tools. Software is divided into system software and application software, and includes not only programs that can be run on a computer, but files related to these programs are also generally considered to be part of the software. The general process of the software design idea and method includes the algorithm and method for designing the function and implementation of the software, the overall structural design and module design of the software, programming and debugging, program joint debugging and testing, and writing and submitting the program.
At present, along with diversification of user requirements, a user gradually reaches full-scale satisfaction from function satisfaction to self-required programs, and the design of others is difficult to fully satisfy self-requirements, so that the current development system has the following problems: 1. the traditional code development process is complex, the team members are huge, the requirement on professional talents is high, and the project time consumption is too long; 2. a user cannot conveniently and autonomously configure a program interface, so that the program interface needs to be reworked and modified for many times, and the time of both parties is delayed; 3. the development process is complicated, and the difficulty of the hands is high.
Disclosure of Invention
Aiming at the defects in the prior art, the invention aims to provide a system development platform for directly generating an operable program from prototype design, which can be used for a user to develop the program without codes, and can be used for rapidly and freely configuring an interface.
In order to achieve the purpose, the invention provides the following technical scheme: a system development platform for directly generating executable programs from prototype designs, comprising: the system comprises a configuration module and a generation module connected with the configuration module, wherein the configuration module comprises a data source sub-module, an assembly sub-module, a style presentation sub-module, a global method sub-module, an event sub-module and platform services;
the module sub-module is respectively connected with the style presenting sub-module, the event sub-module and the data source sub-module;
the event submodule is connected with the global method submodule;
the global method sub-module is connected with the platform service;
the data source sub-module is connected with the platform service;
the style presentation submodule is used for constructing a program interface style;
the component sub-module comprises a plurality of different components and is used for a user to carry out dragging type configuration program interface on the components;
the event submodule is used for binding event information of components in the program interface;
the data source submodule is used for carrying out data binding on components in the program interface, generating a form and delivering data to the platform service for data storage through form submission;
the event submodule is also used for calling a corresponding method to the global method submodule according to event information required by the component, and realizing functional correspondence between data in the component and the event information through the corresponding method;
the global method submodule is used for carrying out interface calling on the platform service;
the generating module is used for generating a program application end according to the configuration module which completes the configuration.
The invention is further configured to: the generation module comprises a two-dimension code generation submodule, the program application end comprises a PC end and a mobile end, and the two-dimension code generation submodule is used for generating a corresponding program two-dimension code.
The invention is further configured to: the component sub-module comprises buttons, texts and an input box;
the style presentation submodule comprises a layout, an interface and a style frame;
the event submodule comprises a click event, a binding value change event and an initialization event;
the global method submodule comprises a program native method, a function, an interface request and a route skip;
the data source sub-module comprises static data, application data, interface data, form data and data source mapping.
A system development method for directly generating an operable program from prototype design comprises the following specific steps:
s1: a user drags and visualizes a configuration program interface through the component submodule;
s2: the user selects a configuration style according to the style presentation submodule;
s3: the user performs function configuration on the components in the program interface through the event submodule and/or the data source submodule;
s4: the user continues to configure the program and returns to S1 or generates an executable program after configuration is complete.
The invention is further configured to: the step S3 specifically includes:
s31: a user carries out event binding on the components in the program interface through the event submodule;
or S32: the user performs data binding on the components in the program interface through the data source submodule;
or S33: the user proceeds to S31 and S32 together.
The invention is further configured to: the step S31 specifically includes:
s311: configuring an event submodule;
s312: changing an event through the event submodule binding value;
s313: the event submodule calls a global method to the global method submodule;
s314: the global method submodule carries out interface calling to the platform service;
s315: the event submodule feeds back the calling component method to the component submodule.
The invention is further configured to: the step S32 specifically includes:
s321: the data source acquires various data from the platform service;
s322: calling corresponding data in a data source according to the event information in the component to perform data binding;
s323: the data and event function correspondence is realized through a component method.
The invention is further configured to: further comprising step S6: and issuing the program and generating the two-dimension code.
The invention is further configured to: the step S2 specifically includes performing size adjustment, angle adjustment, position adjustment, and color adjustment on the component through the style configuration in the style presentation sub-module.
In conclusion, the invention has the following beneficial effects: firstly, a user logs in a designated platform to build an autonomous program, firstly, components required to be used in a component submodule are pulled to a program interface pattern in a dragging mode, then, pattern configuration is carried out on the basis of the building of the components through a pattern presentation submodule 63, and the position, the size, the angle, the name and the color of the components are adjusted, so that the seen and obtained effect is achieved;
and then, performing event binding on the adjusted component, and performing event binding through an event submodule: 1. clicking an event; 2. binding value change events; 3. an event is initiated.
Then, the data binding is carried out on the assemblies subjected to the event binding, and firstly, the data source submodule obtains various types of data from the platform service, wherein the data comprises the following data: static data, application data, interface data, form data and data source mapping; calling corresponding data according to corresponding event information for binding, calling a corresponding global method from a global method submodule through an event submodule, calling an interface from the global method submodule to a platform service, and finally realizing data interaction through a corresponding method.
And then the data source sub-module generates a form and submits the form to the platform service, and the platform service stores the form, so that the corresponding program can be conveniently updated after the data is updated.
And finally, generating an application program which can be used by the PC end and the mobile end through a generating module, wherein the user can download corresponding program software according to the actual requirements of the user.
In conclusion, the method and the device have the advantages that the program can be configured quickly and simply, even a user who does not know the code can easily operate the method and the device, the configuration speed is high, the program generation speed is high, the installation is convenient, the flexible and super-strong software middle platform service support is provided for ubiquitous software developers, the development difficulty of the developers is reduced, the development labor cost is saved, and the development efficiency and the profit are improved.
Drawings
FIG. 1 is a schematic diagram of a system development platform;
fig. 2 is a flow chart diagram of a system development method.
Reference numerals: 1. a configuration module; 11. a data source submodule; 12. an assembly sub-module; 13. a style presentation sub-module; 14. a global method sub-module; 15. an event submodule; 16. a platform service; 2. a generation module; 21. and a two-dimensional code generation submodule.
Detailed Description
The present invention will be described in further detail with reference to the accompanying drawings and examples. In which like parts are designated by like reference numerals. It should be noted that the terms "front," "back," "left," "right," "upper" and "lower" used in the following description refer to directions in the drawings, and the terms "bottom" and "top," "inner" and "outer" refer to directions toward and away from, respectively, the geometric center of a particular component.
Referring to fig. 1 and 2, 1, in order to achieve the above object, the present invention provides the following technical solutions: a system development platform for directly generating executable programs from prototype designs, comprising: the system comprises a configuration module 1 and a generation module 2 connected with the configuration module 1, wherein the configuration module 1 comprises a data source sub-module 11, an assembly sub-module 12, a style presentation sub-module 13, a global method sub-module 14, an event sub-module 15 and a platform service 16;
the component submodule 12 is respectively connected with the style presenting submodule 13, the event submodule 15 and the data source submodule 11;
the event submodule 15 is connected with the global method submodule 14;
the global method submodule 14 is connected with the platform service 16;
the data source submodule 11 is connected with the platform service 16;
the style presentation submodule 13 is used for constructing a program interface style;
the component submodule 12 contains a plurality of different components, and the component submodule 12 is used for a user to carry out dragging type configuration program interface on the components;
the event submodule 15 is used for binding event information to components in the program interface;
the data source submodule 11 is used for performing data binding on components in the program interface, and is used for generating a form and delivering data to the platform service 16 for data storage through form submission;
the event submodule 15 is further configured to call a corresponding method to the global method submodule 14 according to event information required by the component, and implement functional correspondence between data in the component and the event information through the corresponding method;
the global method submodule 14 is used for making interface calls to the platform service 16;
the generating module 2 is used for generating a program application end according to the configuration module 1 which completes the configuration.
The design of the invention is as follows: firstly, a user logs in a designated platform to build an autonomous program, firstly, components required to be used in a component submodule 12 are pulled to a program interface pattern in a dragging mode, then, the pattern configuration is carried out on the basis of the component building through a pattern presentation submodule 13, and the position, the size, the angle, the name and the color of the components are adjusted, so that the what you see is what you get effect is achieved;
and then, performing event binding on the adjusted components, and performing event binding by using an event submodule 15: 1. clicking an event; 2. Binding value change events; 3. an event is initiated.
Then, data binding is performed on the event-bound component, and first, the data source sub-module 11 obtains various types of data from the platform service 16, including: static data, application data, interface data, form data and data source mapping; calling corresponding data according to corresponding event information for binding, calling a corresponding global method from a global method submodule 14 through an event submodule 15, calling an interface from the global method submodule 14 to a platform service 16, and finally realizing data interaction through a corresponding method, wherein in addition, the data source submodule 11 and the component submodule 12 are in bidirectional binding, the data source submodule 11 can transmit data information to the component submodule 12, the component submodule 12 can also transmit information to the data source submodule 11, and the event submodule 15 can also transmit information to the data source submodule 11 through the component submodule 12, so that real-time updating and one-to-one correspondence of the data are realized.
And then the data source sub-module 11 generates a form and submits the form to the platform service 16, and the platform service 16 stores the form, so that the corresponding program can be conveniently updated after the data is updated.
And finally, generating an application program which can be used by the PC end and the mobile end through the generating module 2, and downloading corresponding program software by a user according to the actual requirements of the user.
In summary, the method has the advantages that the program can be configured quickly and simply, even if a user who does not know the code can easily operate, the configuration speed is high, the program generation speed is high, the installation is convenient, the flexible and super-strong software middle platform service support is provided for ubiquitous software developers, the development difficulty of the developers is reduced, the development labor cost is saved, and the development efficiency and the profit are improved.
The generation module 2 comprises a two-dimensional code generation submodule 21, the program application terminal comprises a PC terminal and a mobile terminal, and the two-dimensional code generation submodule 21 is used for generating a corresponding program two-dimensional code. The consumer can directly configure and download programs by himself, all processes are finished at one time, manual participation is not needed, and labor force is liberated.
The component submodule 12 comprises buttons, texts and input boxes;
the style presentation submodule 13 comprises a layout, an interface and a style frame;
the event submodule 15 includes a click event, a binding value change event, and an initialization event;
the global method submodule 14 comprises a program native method, a function, an interface request and a route skip;
the data source submodule 11 includes static data, application data, interface data, form data, and data source mapping.
A system development method for directly generating an executable program from prototype design is characterized by comprising the following specific steps:
s1: the user drags the visual configuration program interface through the component submodule 12;
s2: the user selects a configuration style according to the style presentation submodule 13;
s3: the user configures the functions of the components in the program interface through the event submodule 15 and/or the data source submodule 11;
the user can carry out according to actual demand: 1. data binding; 2. event binding; 3. data and event binding.
S4: the user continues to configure the program and returns to S1 or generates an executable program after configuration is complete.
The method has clear steps, simple and convenient process, is suitable for users with different experiences, and can be used for users with zero experience quickly.
Step S3 specifically includes:
s31: the user binds the event of the component in the program interface through the event submodule 15;
or S32: the user performs data binding on the components in the program interface through the data source submodule 11;
or S33: the user proceeds to S31 and S32 together.
Step S31 specifically includes:
s311: a configuration event submodule 15;
s312: binding a value change event by the event submodule 15;
s313: the event submodule 15 calls the global method to the global method submodule 14;
s314: the global method submodule 14 makes an interface call to the platform service 16;
s315: the event submodule 15 feeds back the calling component method to the component submodule 12.
Step S32 specifically includes:
s321: the data source obtains various types of data from the platform service 16;
s322: calling corresponding data in a data source according to the event information in the component to perform data binding;
s323: the data and event function correspondence is realized through a component method.
And calling the corresponding component method through the event information, and enabling the event and the data in the component to realize the corresponding setting of the function according to the component method. The operation method has the advantages that the events and the data are simply and conveniently corresponded with each other, and 1, the background establishment speed is high; 2. the event and the data are accurately corresponding, the program is ensured to be established stably, and the data are not easy to make mistakes.
Further comprising step S6: and issuing the program and generating the two-dimension code.
Step S2 specifically includes performing size adjustment, angle adjustment, position adjustment, and color adjustment on the component through the style configuration in the style rendering sub-module 13. The method can realize the what you see is what you get effect, so that a user can clearly know the layout of the whole program in the configuration process, and the configuration is more random.
The above is only a preferred embodiment of the present invention, and the protection scope of the present invention is not limited to the above-mentioned embodiments, and all technical solutions belonging to the idea of the present invention belong to the protection scope of the present invention. It should be noted that modifications and embellishments within the scope of the invention may occur to those skilled in the art without departing from the principle of the invention, and are considered to be within the scope of the invention.
Claims (9)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011294126.6A CN112527275A (en) | 2020-11-18 | 2020-11-18 | System development platform for directly generating executable program from prototype design |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011294126.6A CN112527275A (en) | 2020-11-18 | 2020-11-18 | System development platform for directly generating executable program from prototype design |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112527275A true CN112527275A (en) | 2021-03-19 |
Family
ID=74981176
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011294126.6A Pending CN112527275A (en) | 2020-11-18 | 2020-11-18 | System development platform for directly generating executable program from prototype design |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112527275A (en) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7243335B1 (en) * | 2000-02-17 | 2007-07-10 | Microsoft Corporation | Method and system for reducing coding complexity by providing intelligent manipulable defaults |
| CN106293743A (en) * | 2016-08-11 | 2017-01-04 | 上海泛微网络科技股份有限公司 | A kind of mobile modeling and build Mobile solution the method realizing cross-platform issue |
| CN106843985A (en) * | 2017-02-14 | 2017-06-13 | 郑州云海信息技术有限公司 | The virtual method and system of a kind of application deployment |
| CN107577459A (en) * | 2017-08-21 | 2018-01-12 | 杰为软件系统(深圳)有限公司 | A kind of towed cross-platform development system and method based on modularization |
| CN109597614A (en) * | 2017-09-28 | 2019-04-09 | 华为技术有限公司 | A kind of business page method for customizing and system |
| CN110825362A (en) * | 2019-11-04 | 2020-02-21 | 广东道一信息技术股份有限公司 | Low-code application software development system and method |
-
2020
- 2020-11-18 CN CN202011294126.6A patent/CN112527275A/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7243335B1 (en) * | 2000-02-17 | 2007-07-10 | Microsoft Corporation | Method and system for reducing coding complexity by providing intelligent manipulable defaults |
| CN106293743A (en) * | 2016-08-11 | 2017-01-04 | 上海泛微网络科技股份有限公司 | A kind of mobile modeling and build Mobile solution the method realizing cross-platform issue |
| CN106843985A (en) * | 2017-02-14 | 2017-06-13 | 郑州云海信息技术有限公司 | The virtual method and system of a kind of application deployment |
| CN107577459A (en) * | 2017-08-21 | 2018-01-12 | 杰为软件系统(深圳)有限公司 | A kind of towed cross-platform development system and method based on modularization |
| CN109597614A (en) * | 2017-09-28 | 2019-04-09 | 华为技术有限公司 | A kind of business page method for customizing and system |
| CN110825362A (en) * | 2019-11-04 | 2020-02-21 | 广东道一信息技术股份有限公司 | Low-code application software development system and method |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105653644B (en) | A page builder and page construction method | |
| Peissner et al. | MyUI: generating accessible user interfaces from multimodal design patterns | |
| CN110851134A (en) | Low-code page design device and page design method | |
| CN105843630A (en) | Method for graphical programming development based on robot | |
| CN109032568A (en) | Generation method, terminal device and the storage medium of programmed logic | |
| CN102651180B (en) | OSG-based (open scene graph-based) electric-electronic virtual experiment simulation system | |
| CN101950257B (en) | Mobile phone application development method and system | |
| CN102375743B (en) | SOA(Service-Oriented Architecture) system development method based on model and template | |
| CN111897467A (en) | Application icon management method, computing device and readable storage medium | |
| CN115115814A (en) | Information processing method, information processing apparatus, readable storage medium, and electronic apparatus | |
| CN106003025A (en) | Method and device for creating three-dimensional robot model | |
| US9665272B2 (en) | Touch gesture for connection of streams in a flowsheet simulator | |
| CN112527275A (en) | System development platform for directly generating executable program from prototype design | |
| KR102417862B1 (en) | the method for making the program simple | |
| CN106126213B (en) | A Modeling Method for Android Development Based on IFML | |
| CN117093069B (en) | Cross-dimension interaction method, device and equipment for hybrid application | |
| CN106445539A (en) | IFML-based Android developing modeling method | |
| CN106569828A (en) | Method of realizing simulation of touch device manual operation in expandable and customized way | |
| KR102335433B1 (en) | Planar figure creating system which automatically creates planar figure based on 3d drawings of three-dimensional structure | |
| CN112965709B (en) | Building block generation method, device, equipment and storage medium | |
| CN111008012B (en) | Prototype design method, device, electronic product and storage medium | |
| Chang et al. | CoFabs: An interactive fabrication process framework | |
| CN113936102A (en) | Three-dimensional model processing method and device, electronic equipment and storage medium | |
| CN114879961A (en) | Component rendering method and device and computer readable storage medium | |
| CN114594950A (en) | A UI graphics management method, system, device and computer-readable storage medium |
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: 20210319 |