CN107391134A - 一种通用移动应用交互界面自动生成与动态变换方法与装置 - Google Patents

Abstract

一种通用移动应用交互界面自动生成与动态变换方法，用移动交互模型描述移动应用中的一项功能所需操作的数据结构、界面形态以及与用户的交互过程，据此自动生成相应的移动应用界面，并随应用场景及操作阶段的不同，变换不同形态的界面布局，引导用户的操作。在移动交互模型中综合了界面布局、应用场景、用户操作的步骤/阶段及其逻辑关系、移动应用与宿主操作系统及通用第三方移动应用的互操作关系等一个完整的用户交互过程所可能涉及的各种要素，使自动生成的移动应用界面具备丰富的表现力，满足多样化的用户需求，可用于任意行业和应用领域；移动交互模型由用户以所见即所得的方式自行配置，不需要编程，便于移动应用的大规模低成本定制。

Description

一种通用移动应用交互界面自动生成与动态变换方法与装置

技术领域

本发明涉及一种通用移动应用交互界面自动生成与动态变换方法与装置，属于移动互联网、移动开发、信息系统、系统集成领域。

背景技术

随着移动互联网的发展和智能手机的普及，人们越来越习惯于随时随地利用移动App处理日常事务或进行工作。移动App与传统的主要通过台式机使用的信息系统，从应用场景到操作方式，都有很大的不同，特别是体现在用户界面上，有这样几方面的特点：

第一、手机等移动终端的屏幕很小，通常在台式机界面上可以一屏展示的内容、一次完成的操作，如果放在手机上进行，可能需要好几屏切换才能完成；

第二、移动设备上拥有比传统台式机丰富的多的操作手段，如地图定位、拍照、音频视频录制、拨打电话等等，从而能提供更丰富的用户体验；

第三、针对同样的信息，在不同的应用场景或处理阶段，移动App界面展现的内容会有不同，比如，针对一份快递单，客户下单的界面、快递员接单的界面、客户追踪进度的界面，所呈现的内容和形式以及交换方式均有不同；

第四、用户所使用的移动设备上，往往存在一些被广泛使用的提供通用功能的第三方应用，如支付应用、社交应用、地图应用等等，将移动信息系统与这些第三方应用进行集成，将极大扩展移动信息系统的能力，使之适应更丰富的应用场景，更好满足用户的需要；

移动应用最常见的开发方式，是定制开发，即开发人员根据需求，通过编码的方式完成，这种方式又可以细分为两种，一是针对不同的移动操作系统，如iOS系统、安卓系统、Windows Mobile等进行移动终端上原生程序的开发，另一种是采用HTML5等技术，开发Web形式的应用，在各种不同的移动操作系统平台上通用；无论那种方式，均需要根据需求具体进行编程实现，同时，如前面谈到，由于移动设备界面的特点，传统信息系统的一个功能，对应到移动信息系统中，可能要切分成几个不同的子功能去实现，工作量成倍增加，再考虑到多种移动平台的差异，定制开发以及日后的维护工作量巨大，效率低下；而且，由于移动互联网在不断发展过程中，新的玩法不断涌现，导致移动App特别是在界面这一端的需求不断变更和扩展是一种常态，而且还要速度快，这用通常的编程开发的方式是难以满足的。

还有一种移动应用的开发方式，是利用一些第三方平台进行个性化配置，从而获得所需的移动应用，典型的如有赞，用户可用其构造自己的电商店铺；这种方式的优点是，在平台所针对的领域内，标准化功能不需要单独开发，可以很快投入使用；缺点则是：第一、适用范围有限；平台的适用行业有限，大多针对电商、票务、酒店等流程简单、通用性强、个性化低的行业，很多行业的应用需求，在平台上难以实现；第二，难以满足个性化需求；即使是在平台适用行业内，用户真正的个性化需要也需要编程实现，因此各平台也不得不推出开发接口供用户调用，依然需要编程开发的投入，不具备移动开发能力的普通用户难以胜任；第三，受制于人、集成性差；基于第三方平台构建的移动应用，是宿主在第三方平台上运行，用户不能自主管理自己的服务器，从而这样的移动App和用户企业内部的IT系统是天然割裂的，无法把内外部流程整合在一起；基于这些原因，此种方式的应用范围有限，大量的企业移动应用App依然不得不选用定制开发的方式完成。

发明内容

本发明提供一种通用移动应用交互界面自动生成与动态变换方法与装置，它不需要编程，而是用移动交互模型描述移动应用中的一项功能所需操作的数据结构、界面形态以及与用户的交互过程，据此自动生成相应的移动应用界面，并随着应用场景及操作阶段的不同，展现不同形态的界面布局，引导用户的操作。移动交互模型由用户以所见即所得的方式自行配置，在移动交互模型中综合了数据结构、界面布局、应用场景、用户操作的步骤/阶段及其逻辑关系、移动App与宿主移动操作系统及通用第三方移动应用的互操作关系等等一个完整的用户交互过程所可能涉及的各种要素，使自动生成的移动应用系统界面具备丰富的表现力，满足多样化的用户需求，可用于任意行业和应用领域。

本发明的具体内容如下。

一种通用移动应用交互界面自动生成与动态变换方法，该方法包括如下步骤

步骤1，配置移动交互模型，并存储到数据库；所述移动交互模型包括数据模型、一个或多个布局模型，所述数据模型规定了一项移动应用功能所对应的数据结构，所述布局模型用于规定在指定的应用场景下，将数据模型中的数据呈现在移动应用中的方式；所述布局模型包括应用场景、一个或多个界面布局、布局组合方式；所述应用场景规定了该布局模型的使用条件；所述布局组合方式规定了多个界面布局组合在一起的空间结构和/或时间顺序；

步骤2，用户通过移动客户端，指定要使用的功能及附加条件，并发送给移动应用服务器；所述移动客户端为在移动设备上运行的应用模块；所述附加条件为针对所指定功能的限定条件，包括应用场景和/或数据查询条件；

步骤3，移动应用服务器根据接收到的用户指定的功能及附加条件，从数据库中查询对应的移动交互模型及有关数据，将其发送给移动客户端；

步骤4，移动客户端根据移动交互模型和数据，结合当前应用场景确定初始界面布局；

步骤5，移动客户端针对所确定的界面布局，自动生成或动态改变移动应用界面；

步骤6，移动客户端接收用户的操作指示，根据用户输入及布局组合方式确定新的界面布局，若新的界面布局与当前界面布局不同，转步骤5，否则不跳转。

优选地，所述应用场景包括操作类别、流程属性、权限属性和/或设备属性；所述操作类别包括新增、修改、删除、查询、提交、撤销、打印；所述流程属性规定操作所针对的工作流步骤；所述权限属性规定操作者对数据模型的读写权限；所述设备属性规定使用的设备状态，包括屏幕大小；

优选地，所述一种通用移动应用交互界面自动生成与动态变换方法，所述界面布局包括普通布局与行为布局；所述普通布局用于在移动应用界面上展示或操作数据模型中的数据；所述行为布局用于触发一个行为；所述布局组合方式包括向导式组合和选项卡式组合；所述移动应用服务器是一个服务程序，用于响应移动客户端发来的请求，处理数据，完成数据库存取操作；所述布局组合方式还包括多个界面布局之间进行转换的条件和逻辑关系；

所述步骤5具体包括：

步骤5.1，若界面布局为普通布局，执行步骤5.2，若界面布局为行为布局，执行步骤5.3；

步骤5.2，在移动应用界面上生成普通布局中规定的界面控件并展示相应数据；

步骤5.3，执行所需触发的行为，获得行为执行的结果。

优选地，所述一种通用移动应用交互界面自动生成与动态变换方法，所述普通布局由一个或多个布局区域组成；

所述布局区域用于按照数据模型的规定，接收或展示数据；

所述数据模型包括一个或多个数据表描述，所述数据表描述，包括表名、表类型，以及一个或多个字段描述，所述字段描述，包括字段名、数据类型、取值约束；所述表类型，规定了所述数据表在表单上的作用，包括主表或明细表；所述表单，指针对所述数据模型中规定的数据表填充了具体的数据之后得到的数据集合；所述主表，指该数据表在表单上最多只能有一条记录；所述明细表，指该数据表在表单上允许有多于一条记录；所述记录是对数据表的各字段赋值之后的具体数据；

所述布局区域，包括区域类型、标题、在界面布局中的顺序号、区域元素描述；

所述区域类型，括包括单一字段录入、多字段录入、单条明细录入、多条明细录入、数据列表展示、图表展示、和/或地图展示。

所述区域元素描述，规定了布局区域中包含的界面控件及其与数据模型的对应关系，为若干区域元素的集合；

所述区域元素，包括数据元素、控件展示方式；

所述数据元素对应数据模型的一部分；所述数据元素包括数据模型中的具体的字段、记录摘要、查询定义；所述记录摘要，规定了用数据表中指定字段的值组合形成字符串的方法；所述查询定义规定了从数据表中得到具体数据的方法；

所述控件展示方式，规定了该区域元素的数据元素对应的实际数据在移动应用界面上的展示方式，包括文字描述、文本框、单选、复选、选择输入、列表、图表、地图展示、二维码、图片、音频、视频视频、链接、和/或广告轮播。

优选地，所述一种通用移动应用交互界面自动生成与动态变换方法，所述行为包括支付行为、扫码行为、广告展示行为、对其它移动App的启动行为、和/或对移动设备操作系统功能的调用行为；所述行为布局包括行为类别、行为名称和行为参数；所述行为类别包括内部行为和/或外部调用行为；所述行为参数规定了执行指定的行为所需要的信息。

优选地，所述一种通用移动应用交互界面自动生成与动态变换方法，所述步骤5.2具体包括如下步骤：

步骤5.2.1，按顺序将界面布局中包含的所有布局区域，呈现在移动应用界面上；

步骤5.2.2，在移动应用界面上生成并显示布局引导操作区域；所述布局引导操作区域包括若干控件，用于接收用户的操作指示，将当前界面布局切换为布局模型中的其它界面布局；

所述用户的操作指示，为用户与移动应用的交互行为，包括输入、点击、长按、滑动、和/或按键；所述输入包括但不限于利用移动设备功能输入；所述利用移动设备功能输入，包括拍照输入、GPS定位输入、扫码输入、指纹输入、录音输入、和/或录像输入；

该处所谓“包括但不限于”所代表的含义为：不仅仅包括利用移动设备功能输入，还包括其他输入方式，例如普通输入等等，本发明主要关注移动设备功能输入，并且采用开放式撰写方式“包括但不限于”，即没有排除其他输入方式的权利范围；

所述内部行为规定了移动应用中包含的与数据模型无关的通用功能，所述外部调用行为规定了对其它移动App的调用或对移动设备操作系统功能的调用；

所述步骤5.3具体包括如下步骤：

步骤5.3.1，若行为类别是内部行为，执行步骤5.3.2，否则执行步骤5.3.3；

步骤5.3.2，执行行为布局规定的功能；

步骤5.3.3，根据行为参数及当前应用上下文环境，包装需传递给第三方App或移动设备系统调用的信息；调用相应的第三方App或移动设备功能；将移动应用界面切换到第三方App或移动设备功能的操作界面中；获取第三方App或移动设备功能操作的结果；

优选地，该方法还包括：

步骤7，将通过不同界面布局的界面接收到的用户输入统一装配到数据模型中，提交到移动应用服务器。

一种通用移动应用交互界面自动生成与动态变换装置，该装置包括如下模块：

交互模型配置模块，用于配置移动交互模型，并存储到数据库；所述移动交互模型包括数据模型、一个或多个布局模型，所述数据模型规定了一项移动应用功能所对应的数据结构，所述布局模型用于规定在指定的应用场景下，将数据模型中的数据呈现在移动应用中的方式；所述布局模型包括应用场景、一个或多个界面布局、布局组合方式；所述应用场景规定了该布局模型的使用条件；所述布局组合方式规定了多个界面布局组合在一起的空间结构和/或时间顺序；

查询请求模块，用于用户通过移动客户端，指定要使用的功能及附加条件，并发送给移动应用服务器；所述移动客户端为在移动设备上运行的应用模块；所述附加条件为针对所指定功能的限定条件，包括应用场景和/或数据查询条件；

交互模型查询模块，用于移动应用服务器根据接收到的用户指定的功能及附加条件，从数据库中查询对应的移动交互模型及有关数据，将其发送给移动客户端；

初始布局选择模块，用于移动客户端根据移动交互模型和数据，结合当前应用场景确定初始界面布局；

布局生成与展示模块，用于移动客户端针对所确定的界面布局，自动生成或动态改变移动应用界面；

布局调度模块，用于移动客户端接收用户的操作指示，根据用户输入及布局组合方式确定新的界面布局。

优选地，所述一种通用移动应用交互界面自动生成与动态变换装置，所述界面布局包括普通布局与行为布局；所述普通布局用于在移动应用界面上展示或操作数据模型中的数据；所述行为布局用于触发一个行为；所述布局组合方式包括向导式组合和选项卡式组合；所述移动应用服务器是一个服务程序，用于响应移动客户端发来的请求，处理数据，完成数据库存取操作；所述布局组合方式还包括多个界面布局之间进行转换的条件和逻辑关系；

所述布局生成与展示模块具体包括：

普通布局生成与展示模块，用于在移动应用界面上生成普通布局中规定的界面控件并展示相应数据；

行为布局调度模块，用于执行所需触发的行为，获得行为执行的结果。

优选地，所述一种通用移动应用交互界面自动生成与动态变换装置，所述普通布局由一个或多个布局区域组成；

所述布局区域用于按照数据模型的规定，接收或展示数据；

所述数据模型包括一个或多个数据表描述，所述数据表描述，包括表名、表类型，以及一个或多个字段描述，所述字段描述，包括字段名、数据类型、取值约束；所述表类型，规定了所述数据表在表单上的作用，包括主表或明细表；所述表单，指针对所述数据模型中规定的数据表填充了具体的数据之后得到的数据集合；所述主表，指该数据表在表单上最多只能有一条记录；所述明细表，指该数据表在表单上允许有多于一条记录；所述记录是对数据表的各字段赋值之后的具体数据；

所述布局区域，包括区域类型、标题、在界面布局中的顺序号、区域元素描述；

所述区域类型，括包括单一字段录入、多字段录入、单条明细录入、多条明细录入、数据列表展示、图表展示、和/或地图展示。

所述区域元素描述，规定了布局区域中包含的界面控件及其与数据模型的对应关系，为若干区域元素的集合；

所述区域元素，包括数据元素、控件展示方式；

所述数据元素对应数据模型的一部分；所述数据元素包括数据模型中的具体的字段、记录摘要、查询定义；所述记录摘要，规定了用数据表中指定字段的值组合形成字符串的方法；所述查询定义规定了从数据表中得到具体数据的方法；

所述控件展示方式，规定了该区域元素的数据元素对应的实际数据在移动应用界面上的展示方式，包括文字描述、文本框、单选、复选、选择输入、列表、图表、地图展示、二维码、图片、音频、视频视频、链接、和/或广告轮播。

优选地，所述一种通用移动应用交互界面自动生成与动态变换装置，所述行为包括支付行为、扫码行为、广告展示行为、对其它移动App的启动行为、和/或对移动设备操作系统功能的调用行为；所述行为布局包括行为类别、行为名称和行为参数；所述行为类别包括内部行为和/或外部调用行为；所述行为参数规定了执行指定的行为所需要的信息。

优选地，所述一种通用移动应用交互界面自动生成与动态变换装置，所述步骤普通布局生成与展示模块具体包括如下模块：

布局区域生成与显示模块，用于按顺序将界面布局中包含的所有布局区域，呈现在移动应用界面上；

布局引导区域生成与显示模块，用于在移动应用界面上生成并显示布局引导操作区域；所述布局引导操作区域包括若干控件，用于接收用户的操作指示，将当前界面布局切换为布局模型中的其它界面布局；

所述用户的操作指示，为用户与移动应用的交互行为，包括输入、点击、长按、滑动、和/或按键；所述输入包括但不限于利用移动设备功能输入；所述利用移动设备功能输入，包括拍照输入、GPS定位输入、扫码输入、指纹输入、录音输入、和/或录像输入；

该处所谓“包括但不限于”所代表的含义为：不仅仅包括利用移动设备功能输入，还包括其他输入方式，例如普通输入等等，本发明主要关注移动设备功能输入，并且采用开放式撰写方式“包括但不限于”，即没有排除其他输入方式的权利范围；

所述内部行为规定了移动应用中包含的与数据模型无关的通用功能，所述外部调用行为规定了对其它移动App的调用或对移动设备操作系统功能的调用；

所述行为布局调度模块具体包括如下模块：

内部行为执行模块，用于执行行为布局规定的功能；

外部调用行为执行模块，用于根据行为参数及当前应用上下文环境，包装需传递给第三方App或移动设备系统调用的信息；调用相应的第三方App或移动设备功能；将移动应用界面切换到第三方App或移动设备功能的操作界面中；获取第三方App或移动设备功能操作的结果。

优选地，该装置还包括：

数据装配模块，用于将通过不同界面布局的界面接收到的用户输入统一装配到数据模型中，提交到移动应用服务器。

本发明对于低成本、快速实现一个移动App提供了一种新的解决方案，它着重解决自动生成各种灵活多变的布局形态的移动应用交互界面的问题，本发明采用移动交互模型描述移动App中的一项功能所需操作的数据结构、界面形态以及与用户的交互过程，据此自动生成相应的移动应用界面，并随着应用场景及操作阶段的不同，展现不同形态的界面布局，引导用户的操作。

本发明的方案将用户在移动App上的完整业务操作切割为若干小的单元，每个小单元所操作的是该业务操作对应的完整数据结构的一部分，并规定最适应该部分数据的界面形态与操作操作模式；每个小单元为一个界面布局，若干界面布局通过布局组合方式组织起来，构成一个布局模型，布局组合方式规定了不同页面布局之前进行切换的逻辑条件。对一种业务操作，还可以规定多个不同的布局模型，针对不同的应用场景自动选用。这种分而治之的方式使得无论多么复杂的移动应用功能，最终都会分割为一个个小的、简单的、可控的单元，以恰当的方式组合起来实现。

本发明并非只是原则性方向性意见，而是提供了具体的方案。本发明针对界面布局规定了多种布局区域类型，涵盖了移动App的几乎所有可能的局部界面形态与用户交互模式，无论一项移动App的业务操作多复杂，在用户交互层面，从某一时点静态地看，移动App的界面布局，均可由若干不同类型的各自完成简单交互操作模式的布局区域组合而成，从完成整个操作的过程动态地看，均可由不同的界面布局合作完成；从而本发明方案具有广泛的适应性，可用于任意行业和应用领域。

依照本发明方法所形成的移动App具有开放性。通过布局模型中的行为布局，在所生成的移动App与常用外部App之间建立互操作的沟通渠道，不需要做复杂的接口开发，自动实现移动App与外部App的集成；

更重要的是，依照本发明，移动交互模型由用户以所见即所得的方式自行配置；采用本发明方法实现的移动应用系统事实上是一个通用系统，用户依照其本身业务需求，将交互模型配置于其中，移动应用即自动呈现出与用户的业务需求相吻合的界面形态及交互方式，变身为实现了用户行业需求的具体的行业移动App，整个过程不需要编程开发，也不需要用户具备编程能力，熟悉自身需求即可；当用户需求发生变化的时候，也只需要调整交互模型，即可迅速实现新的需求；极大降低实现具体行业需求的移动App的构建和维护成本，使得移动App的大规模低成本定制成为现实。

本发明方法的各步骤之间并非为严格固定的时序关系。

附图说明

图1是一个向导式布局模型示意图

图2是一个选项卡式布局模型示意图

图3是一个普通布局示意图，其中包含多个布局区域

图4是一个区域类型为单一字段录入的布局区域示意图

图5是一个区域类型为单一字段录入的布局区域示意图

图6是一个区域类型为多字段录入的布局区域示意图

图7是一个区域类型为单条明细录入的布局区域示意图

图8是一个区域类型为多条明细录入的布局区域示意图

图9是一个区域类型为图表展示的布局区域示意图

图10是两个界面布局示意图，各自包含一个布局区域，它们的数据源相同，但是区域类型不同，前者是数据列表，后者是地图展示

图11是一个普通布局示意图，其作用是将用户引导至一个行为布局

图12是一种通用移动应用交互界面自动生成与动态变换装置实施例结构示意图

图13是一种通用移动应用交互界面自动生成与动态变换方法实施例数据流程图

图14是一种通用移动应用交互界面自动生成与动态变换方法实施例数据流程图

图15是一种通用移动应用交互界面自动生成与动态变换方法实施例数据流程图

具体实施方式

以下结合附图，说明本发明的实施例

模型

在各种移动应用中必备的一项功能是对表单的处理，即，人们通过移动App录入、查看、编辑表单数据。现实中的表单形态各异、结构复杂，而且往往会走流程，即，经历不同的处理阶段，由不同的人进行不同的处理。

一个表单涉及到对哪些数据的操作，我们把它定义为表单的数据模型；与数据库中的概念对应，一个表单需要操作的数据，可能有一个或若干数据表，每个表中有若干字段，每个字段有相应的数据类型、取值范围或约束等等；例如，一个销售合同表单，可能包含合同信息与订购产品两个数据表，合同信息数据表中包含客户名称、地址、联系人、折扣、合同金额等字段，订购产品数据表中包含产品名称、规格、单价、数量等字段；数据模型的概念很好理解，在此不赘述。

一个表单在移动应用的界面上将以何种形态展现，用户将以何种方式进行交互操作，要通过布局模型进行规定；相比数据模型而言，界面布局要考虑的问题要复杂得多。数据模型是相对静态的，而布局模型是动态的，同样一份表单，在不同的应用场景下，将需要呈现不同的形态，例如，一份销售合同，销售员录入合同的时候、经理审批合同的时候、财务跟踪回款的时候，客户接到通知的时候，其在移动界面上展现的内容各有其重点，均不一样，操作者所能进行的操作也不一样，所以，应用场景是布局模型要考虑的第一个因素；

布局模型所要考虑的第二个因素，是布局的组成，实际业务中的表单通常比较大，而移动终端的屏幕较小，为了在较小的移动终端屏幕上顺利操作复杂的表单，获得良好的用户体验，我们将一个复杂的表单划分为几个较小的单元----界面布局，若干界面布局按照特定的布局组合方式组成完整的表单。每个界面布局所包含的内容，可能是逻辑上相关的一组数据项，或者是某种行为的定义。

例如，图1是一个由4个界面布局组成的布局模型，以向导式方式组织。

图2是一个由3个界面布局组成的布局模型，以选项卡式方式组织。

布局组合方式规定了多个界面布局组合在一起的空间结构和/或时间顺序，以及括多个布局之间进行转换的条件和逻辑关系；从“空间”的角度上说，不同的界面布局对应用户所需要处理的信息的不同部分，从“时间”的角度上说，不同的界面布局对应用户完成一次业务操作的不同步骤；布局组合方式，事实上是在模拟用户的“思维过程”，引导用户的交互在几个不同的界面布局之间切换，以完成一次完整的业务操作。

布局模型要考虑的第三个因素，是用户的交互方式。移动终端提供了丰富的操作方式与信息呈现方式，包括普通输入、选择输入、链接、定位、拍照、音频视频录入与播放、拨打电话、轮播、通知、短信收发等等，布局模型需要能支持所有这些可能的操作方式与信息呈现方式，使用户获得最佳的操作体验。

此外，布局模型还要考虑到与其它App的互操作问题，即，使得移动App能够与其它第三方通用App集成共同完成一项业务流程。例如，当移动App的表单操作进行到某一步，可能需要调用其它应用如微信、支付宝等进行支付，在或者，某个会议通知保存了之后，需要向手机自带的日历添加一项提醒等等，这些都涉及到与其它App的集成，在布局模型中需要规定相应的调用行为和调用参数。

布局区域

布局组合方式只是规定了一个表单在移动应用中展现的框架，具体的内容在每个界面布局中规定。界面布局分两种，一种是普通布局，一种是行为布局。普通布局用来展示和操作数据，行为布局用于触发一个行为。

普通布局包含一个或多个布局区域，一个布局区域包括若干区域元素；

针对每个布局区域可以规定标题，在一个普通布局中，通过标题来区隔各个布局区域，使得用户能迅速定位到有关信息，例如，在图3中，一个普通布局包含了三个布局区域，分别是客户信息、购买产品和折扣信息，不同的布局区域用标题区隔开来。

根据布局区域的作用及包含数据内容的不同，一个布局区域可以是以下类型之一：

单一字段录入、多字段录入、单条明细录入、多条明细录入、数据列表展示、图表展示、地图展示

单一字段录入

区域类型为单一字段录入的布局区域用来录入或编辑表单中的一个特定字段。通常，假如某个字段在表单中很重要，而且它的录入方式不是简单地输入，而是可能要通过选择等方式确定，则适合把它做成一个单一字段录入的布局区域。对单一字段录入的区域，要指定其背后字段，以及对此字段的录入方式、数据源等。

图4是“销售合同”表单布局模型中的一个界面布局，其包含一个单一字段录入布局区域，该布局区域包含的数据元素为数据模型中“客户名称”字段，控件展示方式为单选，用户操作时看到的是待选客户的列表；

图5是“考勤打卡”表单的布局模型中的一个界面布局，其包含一个单一字段录入布局区域，该布局区域包含的数据元素是数据模型中“打卡位置”字段，控件展示方式是“定位”，用户操作时看到的是地图及当前位置。

多字段录入

多字段录入区域是将表单上的若干相关字段放置在一个区域中，供用户录入/编辑/查看，例如，图6，是“销售合同”表单的一个界面布局，其包含一个多字段录入区域，该布局区域中含6个区域元素，分别用来对甲方名称、地址、右边、联系人、电话、传真这6个字段进行输入。

单条明细录入

表单的数据模型中通常包含明细表，即在一个表单上，该明细表中会有多于一条记录；例如，一份销售合同上会包含一个明细表，描述该合同所购买的每一项产品的名称、数量、单价等信息。单条明细录入区域用于录入/编辑表单上的明细表数据，一次只录入一条，如果录入多条明细需要重复操作此区域多次。单一明细录入区域中，要包含录入另一条明细，以及查看已经录入的所有明细的操作指引。例如，图7所示，是“销售合同”表单上的一个单一明细录入区域，用于输入一行明细，输入完成后，点击区域下方的【增加一项】，即可开始新一条明细的录入，点击区域标题右上角的列表图表，即可查看所有已经录入的明细。

多条明细录入

多条明细录入布局区域，也是用来对表单上的明细表数据进行录入/编辑，与单条明细录入布局区域不同，它在布局区域中可以并列展示/编辑多条明细记录的详细内容，在不同的明细记录之间不需要切换。多条明细录入布局区域多用于需要录入的明细数据项数不多的情况。

例如，图8是“销售合同”表单上的多条明细录入布局区域，当一条明细录入完成后，可以点击其下方的【增加购买产品】继续录入下一条，多条明细依次排列在同一个布局区域中。

数据列表展示

数据列表展示布局区域以列表的方式展示表单中的明细表数据。例如，图3所示是“销售合同”表单的一个界面布局，其中间部分是一个数据列表布局区域，展示该表单上的购买产品明细表的内容。

图表展示

表单上的明细数据可以有多种展示方式，除了通常的列表显示之外，还可以以图表方式展示。

图表展示布局区域，用于以图表的方式，展示数据清单中的数据。需要指定图表的类型、图表的数据源、横向纵向坐标等。

例如，图9，展示了“我的指标”表单的一个界面布局，其中间部分，就是一个图表展示布局区域，其背后的数据是表单数据模型中的明细表“每月业绩”中的数据列表，展示形式是曲线图。

地图展示

某些情况下，表单上的明细数据中带有地址信息，在地图上展示各个地址可以让用户直观掌握数据的全貌，这时，可以在表单的布局中配置一个“地图展示”区域，以地图作为区域的背景，将各明细记录标记为地图上的点，用户还可以详细查看各点的详细信息----即该点对应的明细记录中各项数据的内容。配置地图展示区域的时候需要指定：所采用的地图接口类型(如百度地图/谷歌地图/腾讯地图等等)、标记图标、地图展示窗大小、显示比例等；

例如，图10是“门店分布”表单的两个界面布局，第一个界面布局中包含一个数据列表布局区域，显示所有门店的信息，第二个界面布局中包含的布局区域类型是地图展示，其背后的数据与第一个界面布局的数据是一致的，依然是所有门店的信息，但是都展示为地图上的标记点。

行为布局

通常情况下，界面布局展示的内容是表单上的数据，但是，我们可以配置另一种界面布局，称为行为布局，其目的不是用于展示表单数据，而是用于向表单处理场景附加一种动作或行为。这种动作或行为可以是：支付行为、扫码行为、广告展示行为等等。

表示动作或行为的布局，要指定其附加何种行为，该行为的有关参数设置，等等。

例如，在图11所示的一个界面布局上，用户选定支付方式，点击【确认支付】，将激活一个行为布局，其根据用户选定的支付方式及设置好的其他参数，引导用户完成支付行为。

行为布局本身可能是不可见的，在这种情况下，它只是整个布局模型中的一个环节，其触发指定行为之后，用户所见的是该行为本身的可见界面，该界面或许不属于表单所在的移动App本身。

装置

图12是一种通用移动应用交互界面自动生成与动态变换装置结构示意图，该装置包括如下模块：

交互模型配置模块1201，用于配置移动交互模型，并存储到数据库1202；所述移动交互模型包括数据模型、一个或多个布局模型，所述数据模型规定了一项移动应用功能所对应的数据结构，所述布局模型用于规定在指定的应用场景下，如何将数据模型中的数据呈现在移动应用中；所述布局模型包括应用场景、一个或多个界面布局、布局组合方式；所述应用场景规定了该布局模型的使用条件；所述布局组合方式规定了多个界面布局组合在一起的空间结构和/或时间顺序；

查询请求模块1203，用于用户通过移动客户端，指定要使用的功能及附加条件，并发送给移动应用服务器；所述移动客户端为在移动设备上运行的应用程序；所述附加条件为针对所指定功能的限定条件，包括应用场景、数据查询条件；

交互模型查询模块1204，用于移动应用服务器根据接收到的用户指定的功能及附加条件，从数据库中查询对应的移动交互模型1205及有关数据，将其发送给移动客户端；所述移动应用服务器是一个服务程序，用于响应移动客户端发来的请求，处理数据，完成数据库存取操作；

初始布局选择模块1206，用于移动客户端根据移动交互模型和数据，结合当前应用场景确定初始界面布局；

布局生成与展示模块1207，用于移动客户端针对所确定的界面布局，自动生成或动态改变移动应用界面；

布局调度模块1208，用于移动客户端接收用户的操作指示，根据用户输入及布局组合方式确定新的界面布局。

方法

图13是一种通用移动应用交互界面自动生成与动态变换方法实施例数据流程图

步骤1301，配置移动交互模型，并存储到数据库1302；所述移动交互模型包括数据模型、一个或多个布局模型，所述数据模型规定了一项移动应用功能所对应的数据结构，所述布局模型用于规定在指定的应用场景下，将数据模型中的数据呈现在移动应用中的方式；所述布局模型包括应用场景、一个或多个界面布局、布局组合方式；所述应用场景规定了该布局模型的使用条件；所述布局组合方式规定了多个界面布局组合在一起的空间结构和/或时间顺序；

步骤1303，用户通过移动客户端，指定要使用的功能及附加条件，并发送给移动应用服务器；所述移动客户端为在移动设备上运行的应用模块；所述附加条件为针对所指定功能的限定条件，包括应用场景和/或数据查询条件；

步骤1304，移动应用服务器根据接收到的用户指定的功能及附加条件，从数据库中查询对应的移动交互模型及有关数据，将其发送给移动客户端；

步骤1307，移动客户端根据移动交互模型和数据，结合当前应用场景确定初始界面布局；

步骤1308，移动客户端针对所确定的界面布局，自动生成或动态改变移动应用界面；

步骤1309，移动客户端接收用户的操作指示，根据用户输入及布局组合方式确定新的界面布局，若新的界面布局与当前界面布局不同，转步骤1308，否则不跳转。

图14是一种通用移动应用交互界面自动生成与动态变换方法实施例数据流程图

步骤1402，从移动交互模型1401中选取与当前应用场景相适应的布局模型1403；所述移动交互模型包括数据模型、一个或多个布局模型，所述数据模型规定了一项移动应用功能所对应的数据结构，所述布局模型用于规定在指定的应用场景下，将数据模型中的数据呈现在移动应用中的方式；所述布局模型包括应用场景、一个或多个界面布局、布局组合方式；所述应用场景规定了该布局模型的使用条件；所述布局组合方式规定了多个界面布局组合在一起的空间结构和/或时间顺序；

步骤1404，根据布局模型确定初始界面布局；

步骤1405，根据所确定的界面布局生成或改变移动应用界面；

步骤1406，接收用户的操作指示，若用户指定结束，则结束本方法的执行，否则继续下一步；

步骤1407，根据用户的操作指示及布局组合方式，判断当前界面布局是否需要改变，若不需要改变，重复执行步骤1406，否则执行步骤1408；所述布局组合方式包括向导式组合和选项卡式组合；所述布局组合方式还包括多个界面布局之间进行转换的条件和逻辑关系；

步骤1408，确定新的界面布局；转步骤1405。

图15是一种通用移动应用交互界面自动生成与动态变换方法实施例数据流程图

步骤1502，从移动交互模型1501中选取与当前应用场景相适应的布局模型1503；所述移动交互模型包括数据模型、一个或多个布局模型，所述数据模型规定了一项移动应用功能所对应的数据结构，所述布局模型用于规定在指定的应用场景下，将数据模型中的数据呈现在移动应用中的方式；所述布局模型包括应用场景、一个或多个界面布局、布局组合方式；所述应用场景规定了该布局模型的使用条件；所述布局组合方式规定了多个界面布局组合在一起的空间结构和/或时间顺序；

步骤1504，根据布局模型确定初始界面布局；

步骤1505，若选定的界面布局是普通布局，转步骤1506，若选定的界面布局是行为布局，转步骤1507；

步骤1506，在移动应用界面上生成普通布局中规定的界面控件并展示相应数据；然后转步骤1508；所述普通布局由一个或多个布局区域组成；

所述布局区域用于按照数据模型的规定，接收或展示数据；

所述布局区域，包括区域类型、标题、在界面布局中的顺序号、区域元素描述；

所述区域类型，包括单一字段录入、多字段录入、单条明细录入、多条明细录入、数据列表展示、图表展示、和/或地图展示。

所述区域元素描述，规定了布局区域中包含的界面控件及其与数据模型的对应关系，为若干区域元素的集合；

所述区域元素，包括数据元素、和/或控件展示方式；

所述数据元素对应数据模型的一部分；

所述控件展示方式，规定了该区域元素的数据元素对应的实际数据在移动应用界面上的展示方式，包括文字描述、文本框、单选、复选、选择输入、列表、图表、地图展示、二维码、图片、音频、视频、链接、和/或广告轮播；

步骤1507，执行所需触发的行为，获得行为执行的结果；所述行为包括支付行为、扫码行为、广告展示行为、对其它移动App的启动行为、和/或对移动设备操作系统功能的调用行为；所述行为布局包括行为类别、行为名称和行为参数；所述行为类别包括内部行为和/或外部调用行为；所述行为参数规定了执行指定的行为所需要的信息；

步骤1508，接收用户的操作指示，若用户指定结束，则结束本方法的执行，否则继续下一步；

步骤1509，根据用户的操作指示及布局组合方式，判断当前界面布局是否需要改变，若不需要改变，重复执行步骤1508，否则执行步骤1510；所述布局组合方式包括向导式组合和选项卡式组合；所述布局组合方式还包括多个界面布局之间进行转换的条件和逻辑关系；

步骤1510，确定新的界面布局；转步骤1505。

Claims (10)

1.一种通用移动应用交互界面自动生成与动态变换方法，其特征在于，该方法包括如下步骤：

步骤1，配置移动交互模型，并存储到数据库；所述移动交互模型包括数据模型、一个或多个布局模型，所述数据模型规定了一项移动应用功能所对应的数据结构，所述布局模型用于规定在指定的应用场景下，将数据模型中的数据呈现在移动应用中的方式；所述布局模型包括应用场景、一个或多个界面布局、布局组合方式；所述应用场景规定了该布局模型的使用条件；所述布局组合方式规定了多个界面布局组合在一起的空间结构和/或时间顺序；

步骤2，用户通过移动客户端，指定要使用的功能及附加条件，并发送给移动应用服务器；所述移动客户端为在移动设备上运行的应用模块；所述附加条件为针对所指定功能的限定条件，包括应用场景和/或数据查询条件；

步骤3，移动应用服务器根据接收到的用户指定的功能及附加条件，从数据库中查询对应的移动交互模型及有关数据，将其发送给移动客户端；

步骤4，移动客户端根据移动交互模型和数据，结合当前应用场景确定初始界面布局；

步骤5，移动客户端针对所确定的界面布局，自动生成或动态改变移动应用界面；

步骤6，移动客户端接收用户的操作指示，根据用户输入及布局组合方式确定新的界面布局，若新的界面布局与当前界面布局不同，转步骤5，否则不跳转。

2.根据权利要求1所述的一种通用移动应用交互界面自动生成与动态变换方法，其特征在于，所述界面布局包括普通布局与行为布局；所述普通布局用于在移动应用界面上展示或操作数据模型中的数据；所述行为布局用于触发一个行为；所述布局组合方式包括向导式组合和选项卡式组合；所述移动应用服务器是一个服务程序，用于响应移动客户端发来的请求，处理数据，完成数据库存取操作；

所述步骤5具体包括：

步骤5.1，若界面布局为普通布局，执行步骤5.2，若界面布局为行为布局，执行步骤5.3；

步骤5.2，在移动应用界面上生成普通布局中规定的界面控件并展示相应数据；

步骤5.3，执行所需触发的行为，获得行为执行的结果。

3.根据权利要求2所述的一种通用移动应用交互界面自动生成与动态变换方法，其特征在于，所述普通布局由一个或多个布局区域组成；

所述布局区域用于按照数据模型的规定，接收或展示数据；

所述布局区域，包括区域类型、标题、在界面布局中的顺序号、区域元素描述；

所述区域类型，包括单一字段录入、多字段录入、单条明细录入、多条明细录入、数据列表展示、图表展示、和/或地图展示。

所述区域元素描述，规定了布局区域中包含的界面控件及其与数据模型的对应关系，为若干区域元素的集合；

所述区域元素，包括数据元素、和/或控件展示方式；

所述数据元素对应数据模型的一部分；

所述控件展示方式，规定了该区域元素的数据元素对应的实际数据在移动应用界面上的展示方式，包括文字描述、文本框、单选、复选、选择输入、列表、图表、地图展示、二维码、图片、音频、视频、链接、和/或广告轮播。

4.根据权利要求2所述的一种通用移动应用交互界面自动生成与动态变换方法，其特征在于，所述行为包括支付行为、扫码行为、广告展示行为、对其它移动App的启动行为、和/或对移动设备操作系统功能的调用行为；所述行为布局包括行为类别、行为名称和行为参数；所述行为类别包括内部行为和/或外部调用行为；所述行为参数规定了执行指定的行为所需要的信息。

5.根据权利要求1-4所述的一种通用移动应用交互界面自动生成与动态变换方法，其特征在于，所述步骤5.2具体包括如下步骤：

步骤5.2.1，按顺序将界面布局中包含的所有布局区域，呈现在移动应用界面上；

步骤5.2.2，在移动应用界面上生成并显示布局引导操作区域；所述布局引导操作区域包括若干控件，用于接收用户的操作指示，将当前界面布局切换为布局模型中的其它界面布局；

所述用户的操作指示，为用户与移动应用的交互行为，包括输入、点击、长按、滑动、和/或按键；所述输入包括但不限于利用移动设备功能输入；所述利用移动设备功能输入，包括拍照输入、GPS定位输入、扫码输入、指纹输入、录音输入、和/或录像输入；

所述内部行为规定了移动应用中包含的与数据模型无关的通用功能，所述外部调用行为规定了对其它移动App的调用或对移动设备操作系统功能的调用；

所述步骤5.3具体包括如下步骤：

步骤5.3.1，若行为类别是内部行为，执行步骤5.3.2，否则执行步骤5.3.3；

步骤5.3.2，执行行为布局规定的功能；

步骤5.3.3，根据行为参数及当前应用上下文环境，包装需传递给第三方App或移动设备系统调用的信息；调用相应的第三方App或移动设备功能；将移动应用界面切换到第三方App或移动设备功能的操作界面中；获取第三方App或移动设备功能操作的结果。

6.一种通用移动应用交互界面自动生成与动态变换装置，其特征在于，该装置包括如下模块：

交互模型配置模块，用于配置移动交互模型，并存储到数据库；所述移动交互模型包括数据模型、一个或多个布局模型，所述数据模型规定了一项移动应用功能所对应的数据结构，所述布局模型用于规定在指定的应用场景下，将数据模型中的数据呈现在移动应用中的方式；所述布局模型包括应用场景、一个或多个界面布局、布局组合方式；所述应用场景规定了该布局模型的使用条件；所述布局组合方式规定了多个界面布局组合在一起的空间结构和/或时间顺序；

查询请求模块，用于用户通过移动客户端，指定要使用的功能及附加条件，并发送给移动应用服务器；所述移动客户端为在移动设备上运行的应用模块；所述附加条件为针对所指定功能的限定条件，包括应用场景和/或数据查询条件；

交互模型查询模块，用于移动应用服务器根据接收到的用户指定的功能及附加条件，从数据库中查询对应的移动交互模型及有关数据，将其发送给移动客户端；

初始布局选择模块，用于移动客户端根据移动交互模型和数据，结合当前应用场景确定初始界面布局；

布局生成与展示模块，用于移动客户端针对所确定的界面布局，自动生成或动态改变移动应用界面；

布局调度模块，用于移动客户端接收用户的操作指示，根据用户输入及布局组合方式确定新的界面布局。

7.根据权利要求6所述的一种通用移动应用交互界面自动生成与动态变换装置，其特征在于，所述界面布局包括普通布局与行为布局；所述普通布局用于在移动应用界面上展示或操作数据模型中的数据；所述行为布局用于触发一个行为；所述布局组合方式包括向导式组合和选项卡式组合；所述移动应用服务器是一个服务程序，用于响应移动客户端发来的请求，处理数据，完成数据库存取操作；

所述布局生成与展示模块具体包括：

普通布局生成与展示模块，用于在移动应用界面上生成普通布局中规定的界面控件并展示相应数据；

行为布局调度模块，用于执行所需触发的行为，获得行为执行的结果。

8.根据权利要求7所述的一种通用移动应用交互界面自动生成与动态变换装置，其特征在于，所述普通布局由一个或多个布局区域组成；

所述布局区域用于按照数据模型的规定，接收或展示数据；

所述布局区域，包括区域类型、标题、在界面布局中的顺序号、区域元素描述；

所述区域类型，包括单一字段录入、多字段录入、单条明细录入、多条明细录入、数据列表展示、图表展示、和/或地图展示。

所述区域元素描述，规定了布局区域中包含的界面控件及其与数据模型的对应关系，为若干区域元素的集合；

所述区域元素，包括数据元素、和/或控件展示方式；

所述数据元素对应数据模型的一部分；

所述控件展示方式，规定了该区域元素的数据元素对应的实际数据在移动应用界面上的展示方式，包括文字描述、文本框、单选、复选、选择输入、列表、图表、地图展示、二维码、图片、音频、视频、链接、和/或广告轮播。

9.根据权利要求7所述的一种通用移动应用交互界面自动生成与动态变换装置，其特征在于，所述行为包括支付行为、扫码行为、广告展示行为、对其它移动App的启动行为、和/或对移动设备操作系统功能的调用行为；所述行为布局包括行为类别、行为名称和行为参数；所述行为类别包括内部行为和/或外部调用行为；所述行为参数规定了执行指定的行为所需要的信息。

10.根据权利要求6～9所述的一种通用移动应用交互界面自动生成与动态变换装置，其特征在于，所述步骤普通布局生成与展示模块具体包括如下模块：

布局区域生成与显示模块，用于按顺序将界面布局中包含的所有布局区域，呈现在移动应用界面上；

布局引导区域生成与显示模块，用于在移动应用界面上生成并显示布局引导操作区域；

所述布局引导操作区域包括若干控件，用于接收用户的操作指示，将当前界面布局切换为布局模型中的其它界面布局；

所述用户的操作指示，为用户与移动应用的交互行为，包括输入、点击、长按、滑动、和/或按键；所述输入包括但不限于利用移动设备功能输入；所述利用移动设备功能输入，包括拍照输入、GPS定位输入、扫码输入、指纹输入、录音输入、和/或录像输入；

所述内部行为规定了移动应用中包含的与数据模型无关的通用功能，所述外部调用行为规定了对其它移动App的调用或对移动设备操作系统功能的调用；

所述行为布局调度模块具体包括如下模块：

内部行为执行模块，用于执行行为布局规定的功能；

外部调用行为执行模块，用于根据行为参数及当前应用上下文环境，包装需传递给第三方App或移动设备系统调用的信息；调用相应的第三方App或移动设备功能；将移动应用界面切换到第三方App或移动设备功能的操作界面中；获取第三方App或移动设备功能操作的结果。