CN110543307A - 一种应用构建方法及装置 - Google Patents
一种应用构建方法及装置 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
本发明涉及一种应用构建方法及装置,其中,该方法包括:步骤1,基于预设的基础控件构建页面组件;所述基础控件包括多种类型及多种展示样式的常用基础控件;步骤2,通过拖拽所述组件的方式构建页面,并通过预定义的组件及组件属性与数据交互协议构建可交互的页面。本发明提高了编码复用性、提高开发效率、降低开发成本,并能够根据用户需求通过配置的方式,快速构建应用。
Description
技术领域
本发明属于应用程序页面开发技术领域,尤其涉及一种应用构建方法及装置。
背景技术
随着互联网技术日新月异的发展,移动互联网应用场景也越来越多,对应于各种应用场景的需求也越来越复杂。用户不在只是关注应用的功能与应用的开发周期,对应用页面的展示效果,对数据的交互效果等要求也越来越高。在这样的一种背景下,就需要一种能快速分解需求并快速构建应用或对原应用进行快速需求变更或迭代的方法。
现有应用程序页面开发常用做法是美工按照给定的需求设计出页面效果图并交给前台页面开发人员做出页面再交给软件开发人员做页面、数据、逻辑的整合。该方法在跨应用时复用率较低、开发效率较低、开发成本较高。
发明内容
本发明的目的是提供一种应用构建方法及装置,以提高编码复用性、提高开发效率、降低开发成本,并实现根据用户需求通过配置的方式,快速构建应用。
本发明提供了一种应用构建方法,包括:
步骤1,基于预设的基础控件构建页面组件;基础控件包括多种类型及多种展示样式的常用基础控件;
步骤2,通过拖拽所述组件的方式构建页面,并通过预定义的组件及组件属性与数据交互协议构建可交互页面。
进一步地,步骤2还包括:
通过拖拽所述基础控件的方式构建页面,并通过预定义的组件及组件属性与数据交互协议构建可交互的页面。
进一步地,步骤1中组件包括列表展示组件、轮播图展示组件。
进一步地,步骤1中基础控件基于移动终端应用页面预设。
本发明还提供了一种应用构建装置,包括:
页面组件构建模块,用于基于预设的基础控件构建页面组件;所述基础控件包括多种类型及多种展示样式的常用基础控件;
页面设计模块,用于通过拖拽所述组件的方式构建页面,并通过预定义的组件及组件属性与数据交互协议构建可交互的页面。
进一步地,页面设计模块通过拖拽所述基础控件的方式构建页面,并通过预定义的组件及组件属性与数据交互协议构建可交互的页面。
进一步地,页面组件构建模块构建的页面组件包括列表展示组件、轮播图展示组件。
进一步地,页面组件构建模块基于移动终端应用页面预设所述基础控件。
借由上述方案,通过应用构建方法及装置,能够提高编码复用性、提高开发效率、降低开发成本,并能够根据用户需求通过配置的方式,快速构建应用。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,并可依照说明书的内容予以实施,以下以本发明的较佳实施例并配合附图详细说明如后。
附图说明
图1为本发明一种应用构建方法的流程图;
图2为本发明一种应用构建装置的结构框图;
图3为应用本发明将数据复用于不同页面的实施例。
具体实施方式
下面结合附图和实施例,对本发明的具体实施方式作进一步详细描述。以下实施例用于说明本发明,但不用来限制本发明的范围。
参图1所示,本实施例提供了一种应用构建方法,包括:
步骤S1,基于预设的基础控件构建页面组件;基础控件包括多种类型及多种展示样式的常用基础控件;
步骤S2,通过拖拽组件的方式构建页面,并通过预定义的组件及组件属性与数据交互协议构建可交互页面。
通过该应用构建方法,能够提高编码复用性、提高开发效率、降低开发成本,并能够根据用户需求通过配置的方式,快速构建应用。
在本实施例中,步骤S2还包括:
通过拖拽基础控件的方式构建页面,并通过预定义的组件及组件属性与数据交互协议构建可交互页面。当通过页面设计器把组件拖动到页面上的时候只是静态显示尚未形成数据交互也就相当于页面开发人员开发的静态页面,只是展示页面效果,数据永远不会有变化。若要形成数据交互就必须有动态数据提供方(数据API接口)接入,我们可通过页面设计器选择我们需要的数据接口API。数据接口API将返回一组json格式数据,我们可通过页面设计器把数据接口API返回的数据列设置到组件数据展示属性中。这样组件显示的数据将不在是静态数据,因为组件展示的数据是数据API接口中返回的数据。又因为页面是由组件构成,那么页面也形成了可交互页面。
在本实施例中,步骤1中组件包括列表展示组件、轮播图展示组件。
在本实施例中,步骤1中基础控件基于移动终端应用页面预设。
参图2所示,本实施例还提供了一种应用构建装置,包括:
页面组件构建模块10,用于基于预设的基础控件构建页面组件;所述基础控件包括多种类型及多种展示样式的常用基础控件;
页面设计模块20,用于通过拖拽所述组件的方式构建页面,并通过预定义的组件及组件属性与数据交互协议构建可交互的页面。
通过该应用构建装置,能够提高编码复用性、提高开发效率、降低开发成本,并能够根据用户需求通过配置的方式,快速构建应用。
在本实施例中,页面设计模块20通过拖拽基础控件的方式构建页面,并通过预定义的组件及组件属性与数据交互协议构建可交互的页面。
在本实施例中,页面组件构建模块10构建的页面组件包括列表展示组件、轮播图展示组件。
在本实施例中,页面组件构建模块10基于移动终端应用页面预设基础控件。
下面对本发明作进一步详细说明。
应用通常是一个个的功能堆叠而成,而功能又是一个个页面与数据构成并且形成交互。很多的应用在功能上都有很多相似之处,有的功能从数据层面上讲是一样的,只是数据的展现方式不一样而已。即页面在应用中复用性很小,在不同的应用中几乎不能复用,而数据的复用性则很大。
本发明通过定义页面组件与数据的交互协议预先设计出多种类型,多种展示样式的常用基础控件,并且可以使用多个基础控件封装出常用的组件;使用页面设计器以拖拽的方式拖动控件或组件构建页面,并按照预先定义好的组件及组件属性与数据交互协议构建可交互页面,打破了传统应用构建方式,使得市场人员通过短期培训便可以通过本方法设计出一款能满足市场需求或客户需求的应用。
参图3所示,本发明通过将数据复用于不同页面,提高了代码的复用性、提高了开发效率、降低了开发成本、可快速交付客户;提高了应用的复用性、提高了需求变更响应速度与应用功能的迭代速度。
在一实施例中,组件和API(Application Program Interface,应用程序接口)的交互协议如下:
在一实施例中,采用了列表组件,并且设计了两种样式,对该列表组件定义了4个数据展示属性(图片(img)、文字(label)、区域(area)、价格(price))和1个点击事件。
在一实施例中,通过设计器为应用添加页面,设计布局,以拖动的方式将需要的组件拖动至页面布局中,并为组件配置API。
以上所述仅是本发明的优选实施方式,并不用于限制本发明,应当指出,对于本技术领域的普通技术人员来说,在不脱离本发明技术原理的前提下,还可以做出若干改进和变型,这些改进和变型也应视为本发明的保护范围。
Claims (8)
1.一种应用构建方法,其特征在于,包括:
步骤1,基于预设的基础控件构建页面组件;所述基础控件包括多种类型及多种展示样式的常用基础控件;
步骤2,通过拖拽所述组件的方式构建页面,并通过预定义的组件及组件属性与数据交互协议构建可交互的页面。
2.根据权利要求1所述的应用构建方法,其特征在于,所述步骤2还包括:
通过拖拽所述基础控件的方式构建页面,并通过预定义的组件及组件属性与数据交互协议构建可交互的页面。
3.根据权利要求1所述的应用构建方法,其特征在于,步骤1中所述组件包括列表展示组件、轮播图展示组件。
4.根据权利要求1所述的应用构建方法,其特征在于,步骤1中所述基础控件基于移动终端应用页面预设。
5.一种应用构建装置,其特征在于,包括:
页面组件构建模块,用于基于预设的基础控件构建页面组件;所述基础控件包括多种类型及多种展示样式的常用基础控件;
页面设计模块,用于通过拖拽所述组件的方式构建页面,并通过预定义的组件及组件属性与数据交互协议构建可交互的页面。
6.根据权利要求5所述的应用构建装置,其特征在于,所述页面设计模块通过拖拽所述基础控件的方式构建页面,并通过预定义的组件及组件属性与数据交互协议构建可交互的页面。
7.根据权利要求5所述的应用构建装置,其特征在于,所述页面组件构建模块构建的页面组件包括列表展示组件、轮播图展示组件。
8.根据权利要求5所述的应用构建方法,其特征在于,所述页面组件构建模块基于移动终端应用页面预设所述基础控件。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910664482.3A CN110543307A (zh) | 2019-07-23 | 2019-07-23 | 一种应用构建方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910664482.3A CN110543307A (zh) | 2019-07-23 | 2019-07-23 | 一种应用构建方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110543307A true CN110543307A (zh) | 2019-12-06 |
Family
ID=68709754
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910664482.3A Pending CN110543307A (zh) | 2019-07-23 | 2019-07-23 | 一种应用构建方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110543307A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113032051A (zh) * | 2021-05-20 | 2021-06-25 | 北京易真学思教育科技有限公司 | 一种数据显示方法、装置、电子设备及计算机存储介质 |
WO2023045862A1 (zh) * | 2021-09-23 | 2023-03-30 | 华为云计算技术有限公司 | 应用页面开发方法、装置、***、计算设备及存储介质 |
CN116701811A (zh) * | 2023-08-02 | 2023-09-05 | 腾讯科技(深圳)有限公司 | 一种网页处理方法、装置、设备及计算机可读存储介质 |
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 (zh) * | 2012-11-20 | 2013-04-03 | 北京思特奇信息技术股份有限公司 | 一种基于动态模板的配置业务页面的方法 |
CN106909385A (zh) * | 2017-02-27 | 2017-06-30 | 百度在线网络技术(北京)有限公司 | 可视化页面编辑器及可视化页面编辑器的操作方法 |
-
2019
- 2019-07-23 CN CN201910664482.3A patent/CN110543307A/zh 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 (zh) * | 2012-11-20 | 2013-04-03 | 北京思特奇信息技术股份有限公司 | 一种基于动态模板的配置业务页面的方法 |
CN106909385A (zh) * | 2017-02-27 | 2017-06-30 | 百度在线网络技术(北京)有限公司 | 可视化页面编辑器及可视化页面编辑器的操作方法 |
Non-Patent Citations (1)
Title |
---|
王琥: "图形化编程组件的层次图模型及应用", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113032051A (zh) * | 2021-05-20 | 2021-06-25 | 北京易真学思教育科技有限公司 | 一种数据显示方法、装置、电子设备及计算机存储介质 |
WO2023045862A1 (zh) * | 2021-09-23 | 2023-03-30 | 华为云计算技术有限公司 | 应用页面开发方法、装置、***、计算设备及存储介质 |
CN116701811A (zh) * | 2023-08-02 | 2023-09-05 | 腾讯科技(深圳)有限公司 | 一种网页处理方法、装置、设备及计算机可读存储介质 |
CN116701811B (zh) * | 2023-08-02 | 2024-02-27 | 腾讯科技(深圳)有限公司 | 一种网页处理方法、装置、设备及计算机可读存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN112363794B (zh) | 一种前端列表类组件的渲染方法及电子设备 | |
CN109725901A (zh) | 前端代码的开发方法、装置、设备和计算机存储介质 | |
CN110543307A (zh) | 一种应用构建方法及装置 | |
WO2017096065A1 (en) | Running applications using pre-generated components | |
US10269033B2 (en) | Expanded overlay state for campaign performance data snapshot cards | |
US20120173312A1 (en) | Systems, methods, and media for providing virtual badges | |
CN103608799A (zh) | 自动用户界面对象变换和代码生成 | |
CN107894887B (zh) | 页面组件化方法、装置及计算机可读存储介质 | |
CN107066244B (zh) | 一种移动终端应用界面的生成方法和装置 | |
CN113031946B (zh) | 一种渲染页面组件的方法和装置 | |
US20190114155A1 (en) | System configured from non-developer-oriented application platform | |
CN112561640A (zh) | 商品页面模板的生成方法、装置、计算机设备和存储介质 | |
CN105786207A (zh) | 信息输入方法和装置 | |
US9198009B2 (en) | System and method for providing end to end interactive mobile applications using SMS | |
CN113553123B (zh) | 数据处理方法、装置、电子设备及存储介质 | |
CN114741071A (zh) | 一种应用构建方法及装置 | |
CN106528115A (zh) | 界面的可视化开发方法及装置 | |
CN117931188A (zh) | 前端布局代码自动生成方法、装置、电子设备及介质 | |
CN109240660B (zh) | 一种广告数据的接入方法、存储介质、电子设备及*** | |
CN114237795B (zh) | 终端界面显示方法、装置、电子设备及可读存储介质 | |
WO2023045412A1 (zh) | 页面创建方法、装置和***、计算机装置和存储介质 | |
CN113849164A (zh) | 数据处理方法、装置、电子设备和存储器 | |
CN113656041A (zh) | 数据处理方法、装置、设备及存储介质 | |
CN114089995A (zh) | 页面生成方法、装置、设备以及存储介质 | |
CN112861504A (zh) | 文本交互方法、装置、设备、存储介质及程序产品 |
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 |