CN110543307A - application construction method and device - Google Patents
application construction method and device Download PDFInfo
- Publication number
- CN110543307A CN110543307A CN201910664482.3A CN201910664482A CN110543307A CN 110543307 A CN110543307 A CN 110543307A CN 201910664482 A CN201910664482 A CN 201910664482A CN 110543307 A CN110543307 A CN 110543307A
- Authority
- CN
- China
- Prior art keywords
- page
- component
- application
- constructing
- basic control
- 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
- 238000010276 construction Methods 0.000 title abstract description 17
- 230000003993 interaction Effects 0.000 claims abstract description 19
- 230000002452 interceptive effect Effects 0.000 claims abstract description 14
- 238000000034 method Methods 0.000 claims abstract description 12
- 238000013461 design Methods 0.000 claims description 9
- 238000011161 development Methods 0.000 abstract description 17
- 230000000694 effects Effects 0.000 description 6
- 230000003068 static effect Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 238000012549 training 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
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention relates to an application construction method and device, wherein the method comprises the following steps: step 1, constructing a page assembly based on a preset basic control; the basic control comprises common basic controls of multiple types and multiple display styles; and 2, constructing a page in a mode of dragging the component, and constructing an interactive page through a predefined component and a component attribute and a data interaction protocol. The invention improves the code reusability, improves the development efficiency, reduces the development cost, and can quickly construct the application in a configuration mode according to the user requirements.
Description
Technical Field
The invention belongs to the technical field of application program page development, and particularly relates to an application construction method and device.
background
With the development of internet technology, mobile internet application scenarios are increasing, and the requirements corresponding to various application scenarios are also becoming more complex. Users are not only concerned about the application functions and the development cycle of the application, but also have higher and higher requirements on the display effect of the application page, the interaction effect of the data and the like. In such a context, there is a need for a method that can quickly decompose the requirements and quickly build applications or make quick demand changes or iterations to the original applications.
The common method for developing the page of the existing application program is that an art designer designs a page effect graph according to given requirements, gives the page effect graph to a foreground page developer to make a page, and then gives the page effect graph to a software developer to make integration of the page, data and logic. The method has the advantages of low multiplexing rate, low development efficiency and high development cost in cross-application.
Disclosure of Invention
the invention aims to provide an application construction method and device, which are used for improving code reusability, improving development efficiency, reducing development cost and realizing rapid construction of application in a configuration mode according to user requirements.
The invention provides an application construction method, which comprises the following steps:
Step 1, constructing a page assembly based on a preset basic control; the basic control comprises common basic controls with multiple types and multiple display styles;
And 2, constructing a page by dragging the component, and constructing an interactive page by a predefined component, a component attribute and a data interaction protocol.
Further, step 2 further comprises:
And constructing a page by dragging the basic control, and constructing an interactive page by a predefined component and a component attribute and a data interaction protocol.
further, the components in the step 1 comprise a list display component and a carousel diagram display component.
Further, the basic control in the step 1 is preset based on an application page of the mobile terminal.
The invention also provides an application construction device, comprising:
The page component building module is used for building page components based on a preset basic control; the basic control comprises common basic controls of multiple types and multiple display styles;
And the page design module is used for constructing a page in a mode of dragging the component and constructing an interactive page through a predefined component and a component attribute and a data interaction protocol.
Further, the page design module builds a page by dragging the basic control, and builds an interactive page by a predefined component and a component attribute and a data interaction protocol.
Further, the page components constructed by the page component construction module comprise a list presentation component and a carousel presentation component.
Further, the page component construction module presets the basic control based on the application page of the mobile terminal.
By means of the scheme, the code reusability can be improved, the development efficiency can be improved, the development cost can be reduced through the application construction method and the application construction device, and the application can be quickly constructed through a configuration mode according to the user requirements.
The foregoing description is only an overview of the technical solutions of the present invention, and in order to make the technical solutions of the present invention more clearly understood and to implement them in accordance with the contents of the description, the following detailed description is given with reference to the preferred embodiments of the present invention and the accompanying drawings.
drawings
FIG. 1 is a flow chart of an application construction method of the present invention;
FIG. 2 is a block diagram of an application building apparatus according to the present invention;
FIG. 3 shows an embodiment of the present invention for multiplexing data on different pages.
Detailed Description
The following detailed description of embodiments of the present invention is provided in connection with the accompanying drawings and examples. The following examples are intended to illustrate the invention but are not intended to limit the scope of the invention.
Referring to fig. 1, the present embodiment provides an application building method, including:
Step S1, constructing a page assembly based on a preset basic control; the basic control comprises common basic controls with multiple types and multiple display styles;
And step S2, constructing the page by means of dragging the components, and constructing the interactive page by means of the predefined components and the component attributes and the data interaction protocol.
by the application construction method, the code reusability can be improved, the development efficiency can be improved, the development cost can be reduced, and the application can be quickly constructed in a configuration mode according to the user requirements.
In this embodiment, step S2 further includes:
And constructing a page by dragging the basic control, and constructing an interactive page by using the predefined components and the component attributes and the data interaction protocol. When the component is dragged to the page through the page designer, only static display is carried out, data interaction is not formed, and the static page is equivalent to a static page developed by a page developer, only the page effect is displayed, and data can not be changed. If a dynamic data provider (data API interface) is required to access to form data interaction, a page designer can select a data interface API required by us. The data interface API will return a set of json format data, and we can set the data columns returned by the data interface API into the component data exposure attributes through the page designer. The data that the component displays will not be static data because the data that the component exposes is the data that is returned in the data API interface. And because the pages are made up of components, the pages also form interactable pages.
In this embodiment, the components in step 1 include a list display component and a carousel display component.
In this embodiment, the basic control in step 1 is preset based on an application page of the mobile terminal.
Referring to fig. 2, the embodiment further provides an application building apparatus, including:
The page component building module 10 is used for building a page component based on a preset basic control; the basic control comprises common basic controls of multiple types and multiple display styles;
And the page design module 20 is used for constructing a page by dragging the component and constructing an interactive page by using the predefined component and the component attribute and the data interaction protocol.
By the application construction device, the code reusability can be improved, the development efficiency can be improved, the development cost can be reduced, and the application can be quickly constructed in a configuration mode according to the user requirements.
in this embodiment, the page design module 20 constructs a page by dragging a basic control, and constructs an interactive page by using a predefined component and a component attribute and a data interaction protocol.
in the present embodiment, the page components constructed by the page component construction module 10 include a list presentation component and a carousel presentation component.
in this embodiment, the page component building module 10 presets a basic control based on the application page of the mobile terminal.
The present invention is described in further detail below.
applications are typically stacked up of individual functions, which in turn are composed of and interact with data page by page. Many applications have many similarities in function, some functions are the same from the data level, and only the way data is presented is different. That is, pages have little reusability in applications, and are hardly reusable in different applications, while data has great reusability.
The invention designs a plurality of types and a plurality of display styles of common basic controls in advance by defining the interaction protocol of the page components and the data, and can use the plurality of basic controls to package the common components; the method comprises the steps of dragging a control or a component to construct a page in a dragging mode by using a page designer, and constructing an interactive page according to a predefined component, component attribute and data interaction protocol, so that a traditional application construction mode is broken through, and marketers can design an application which can meet market requirements or customer requirements through the method through short-term training.
As shown in fig. 3, the present invention improves code reusability, improves development efficiency, reduces development cost, and can deliver clients quickly by multiplexing data to different pages; the reusability of the application is improved, and the response speed of the demand change and the iteration speed of the application function are improved.
In one embodiment, the interaction protocol of the components and the API (Application Program Interface) is as follows:
in one embodiment, a list component is employed, and two styles are designed, for which 4 data presentation attributes (picture (img), text (label), area (area), price (price)) and 1 click event are defined.
in one embodiment, a page is added to an application through a designer, a layout is designed, a required component is dragged into the page layout in a dragging mode, and an API is configured for the component.
The above description is only a preferred embodiment of the present invention and is not intended to limit the present invention, it should be noted that, for those skilled in the art, many modifications and variations can be made without departing from the technical principle of the present invention, and these modifications and variations should also be regarded as the protection scope of the present invention.
Claims (8)
1. An application building method, comprising:
step 1, constructing a page assembly based on a preset basic control; the basic control comprises common basic controls of multiple types and multiple display styles;
and 2, constructing a page in a mode of dragging the component, and constructing an interactive page through a predefined component and a component attribute and a data interaction protocol.
2. The application building method according to claim 1, wherein the step 2 further comprises:
And constructing a page by dragging the basic control, and constructing an interactive page by a predefined component and a component attribute and a data interaction protocol.
3. The application building method according to claim 1, wherein the components in step 1 include a list presentation component and a carousel presentation component.
4. The application building method according to claim 1, wherein the basic control in step 1 is preset based on an application page of a mobile terminal.
5. An application building apparatus, comprising:
The page component building module is used for building page components based on a preset basic control; the basic control comprises common basic controls of multiple types and multiple display styles;
and the page design module is used for constructing a page in a mode of dragging the component and constructing an interactive page through a predefined component and a component attribute and a data interaction protocol.
6. The application building device of claim 5, wherein the page design module builds a page by dragging the basic control and builds an interactive page by predefined components and component properties and a data interaction protocol.
7. the application building device of claim 5, wherein the page components built by the page component building module comprise a list presentation component and a carousel presentation component.
8. the application building method of claim 5, wherein the page component building module presets the basic control based on a mobile terminal application page.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910664482.3A CN110543307A (en) | 2019-07-23 | 2019-07-23 | application construction method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910664482.3A CN110543307A (en) | 2019-07-23 | 2019-07-23 | application construction method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110543307A true CN110543307A (en) | 2019-12-06 |
Family
ID=68709754
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910664482.3A Pending CN110543307A (en) | 2019-07-23 | 2019-07-23 | application construction method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110543307A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113032051A (en) * | 2021-05-20 | 2021-06-25 | 北京易真学思教育科技有限公司 | Data display method and device, electronic equipment and computer storage medium |
| WO2023045862A1 (en) * | 2021-09-23 | 2023-03-30 | 华为云计算技术有限公司 | Application page development method and apparatus, and system, computing device and storage medium |
| CN116701811A (en) * | 2023-08-02 | 2023-09-05 | 腾讯科技（深圳）有限公司 | Webpage processing method, device, equipment and computer readable storage medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120260232A1 (en) * | 2011-04-06 | 2012-10-11 | Media Direct, Inc. | Systems and methods for a mobile application development and deployment platform |
| CN103019684A (en) * | 2012-11-20 | 2013-04-03 | 北京思特奇信息技术股份有限公司 | Dynamic template-based business page configuring method |
| CN106909385A (en) * | 2017-02-27 | 2017-06-30 | 百度在线网络技术（北京）有限公司 | The operating method of visual page editing machine and visual page editing machine |
-
2019
- 2019-07-23 CN CN201910664482.3A patent/CN110543307A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20120260232A1 (en) * | 2011-04-06 | 2012-10-11 | Media Direct, Inc. | Systems and methods for a mobile application development and deployment platform |
| CN103019684A (en) * | 2012-11-20 | 2013-04-03 | 北京思特奇信息技术股份有限公司 | Dynamic template-based business page configuring method |
| CN106909385A (en) * | 2017-02-27 | 2017-06-30 | 百度在线网络技术（北京）有限公司 | The operating method of visual page editing machine and visual page editing machine |
Non-Patent Citations (1)
| Title |
|---|
| 王琥: "图形化编程组件的层次图模型及应用", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113032051A (en) * | 2021-05-20 | 2021-06-25 | 北京易真学思教育科技有限公司 | Data display method and device, electronic equipment and computer storage medium |
| WO2023045862A1 (en) * | 2021-09-23 | 2023-03-30 | 华为云计算技术有限公司 | Application page development method and apparatus, and system, computing device and storage medium |
| CN116701811A (en) * | 2023-08-02 | 2023-09-05 | 腾讯科技（深圳）有限公司 | Webpage processing method, device, equipment and computer readable storage medium |
| CN116701811B (en) * | 2023-08-02 | 2024-02-27 | 腾讯科技（深圳）有限公司 | Webpage processing method, device, equipment and computer readable storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112363794B (en) | Rendering method of front-end list component and electronic equipment | |
| CN109725901A (en) | Development approach, device, equipment and the computer storage medium of front-end code | |
| CN107066244B (en) | Method and device for generating application interface of mobile terminal | |
| US20120173312A1 (en) | Systems, methods, and media for providing virtual badges | |
| US10269033B2 (en) | Expanded overlay state for campaign performance data snapshot cards | |
| WO2017096065A1 (en) | Running applications using pre-generated components | |
| CN103608799A (en) | Automated user interface object transformation and code generation | |
| CN113031946B (en) | Method and device for rendering page component | |
| CN107894887B (en) | Page componentization method and device and computer readable storage medium | |
| CN110543307A (en) | application construction method and device | |
| CN112561640A (en) | Commodity page template generation method and device, computer equipment and storage medium | |
| CN105335389B (en) | A kind of business method for visualizing and system | |
| US20190114155A1 (en) | System configured from non-developer-oriented application platform | |
| WO2023005197A1 (en) | Content display method and terminal | |
| CN107819930A (en) | A kind of function prompt method and system | |
| US9198009B2 (en) | System and method for providing end to end interactive mobile applications using SMS | |
| EP3819760A1 (en) | Methods and apparatus for generating a platform-agnostic mobile application configuration data structure with a dynamic quiz | |
| CN115801777A (en) | Widget component processing method, device, equipment, storage medium and program product | |
| CN114741071A (en) | Application construction method and device | |
| WO2024067319A1 (en) | Method and system for creating stickers from user-generated content | |
| CN117931188A (en) | Front-end layout code automatic generation method and device, electronic equipment and medium | |
| US9852451B1 (en) | Dynamic generation of content | |
| CN109240660B (en) | Access method of advertisement data, storage medium, electronic device and system | |
| US20160147741A1 (en) | Techniques for providing a user interface incorporating sign language | |
| WO2023045412A1 (en) | Page creation method, apparatus and system, computer device and 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: 20191206 |