一种生成APP界面的系统及方法与流程

本发明涉及计算机技术领域，尤其涉及一种生成app界面的系统及方法。

背景技术：

随着电子技术和计算机软件技术的发展，目前推出了多种类型的app(application，应用程序)，用户可以在移动终端中安装多种类型的app，例如通信类app、游戏类app、社交类app、购物类app，等等，通过使用不同的app，可以方便和丰富人们的生活。

对于大多数移动终端来说，目前主流的操作系统有两种，即android操作系统和ios操作系统，在不同的操作系统中，需要安装与该操作系统对应类型的app才能确保正常使用，例如对于android终端，一般需要下载后缀名为apk的应用安装包才能实现对app的正常安装，而ios终端一般需要在applestore中下载对应的应用安装包。

目前，针对不同的操作系统平台，一般分别开发对应的app。例如，android操作系统的app，通过调用google提供的原生androidsdk(softwaredevelopmentkit，软件开发工具包)，采用java语言开发，而ios操作系统的app，通过调用apple提供的iossdk,采用swift和object-c语言开发。

也就是说，在现有技术中，对于不同操作系统的app，需要对应不同的开发程序，例如开发android平台的app，则必须掌握java语言，若开发ios平台的app，则必须掌握object-c语言的使用，因此一般需要独立的开发团队来支撑或者需要跨团队进行沟通协作，不同操作平台的app开发方式不统一，成本较大，不易管理和维护。

技术实现要素：

本发明实施例提供一种生成app界面的系统及方法，用于解决现有技术中不同操作平台的app开发方式不统一导致开发成本较大的技术问题，实现统一针对不同操作平台的app的开发方式，减少对跨平台团队的要求，降低开发成本，进而可以提升对于app开发的管理和维护的有益效果。

第一方面，提供一种生成app界面的系统，包括：

react-native模块，用于存储app数据；其中，所述app数据是基于javascript语言编写而得到的数据，所述app数据包括app页面模板数据和app页面内容数据；

用户交互模块，用于检测用户所进行的操作，以获得与所述操作对应的操作信息；

数据匹配模块，用于从所述react-native模块中获得所述app数据，以及从所获得的所述app数据中确定与所述操作信息匹配的app数据；

界面呈现模块，用于根据所述与所述操作信息匹配的app数据呈现与所述操作对应的app界面。

在一种可能的实现方式中，所述系统还包括：

路由模块，用于在app启动之后，提供在app启动之后所呈现的第一个app显示页面。

在一种可能的实现方式中，所述路由模块用于在app启动之后，提供在app启动之后所呈现的第一个app显示页面，包括：

若在app启动之后需要进行登录，则将app登录页面确定为所述第一个app显示页面；

若在app启动之后不需要进行登录，则将预定的一个app操作页面确定为所述第一个app显示页面。

在一种可能的实现方式中，所述系统还包括：

操作调用模块，存储有操作类型与操作响应方式之间的对应关系，用于基于所述操作信息，确定与所述操作的操作类型对应的操作响应方式，以及以与所述操作类型对应的操作响应方式对所述操作执行对应的响应。

在一种可能的实现方式中，所述app界面包括至少一个显示组件；所述用户交互模块用于检测用户所进行的操作，包括：

检测用户针对所述至少一个显示组件所进行的状态更新操作。

在一种可能的实现方式中，所述系统还包括：

组件数据存储模块，用于存储与所述至少一个显示组件对应的组件数据；

组件状态调用模块，用于基于所述状态更新操作，确定所述至少一个显示组件的现实状态需要由第一显示状态调整为第二显示状态，并从所述组件数据中获得与所述第二显示状态对应的组件显示数据。

在一种可能的实现方式中，所述界面呈现模块还用于：

从所述组件状态调用模块处获得所述组件显示数据；

基于所述组件显示数据，将所述app界面中的所述至少一个显示组件的显示状态更新为所述第二显示状态，以获得更新后的app界面；

将所述更新后的app界面进行呈现。

第二方面，提供一种生成app界面的方法，包括：

检测用户所进行的操作，以获得与所述操作对应的操作信息；

从所存储的app数据中确定与所述操作信息匹配的app数据；其中，所述app数据是基于javascript语言编写而生成的数据，所述app数据包括app页面模板数据和app页面内容数据；

根据与所述操作信息匹配的app数据，呈现与所述操作对应的app界面。

在一种可能的实现方式中，所述操作为触发第一app进行启动的操作；根据与所述操作信息匹配的app数据，呈现与所述操作对应的app界面，包括：

基于所述启动触发操作，启动所述第一app；

若在启动所述第一app之后需要登录，则将与所述第一app对应的登录页面作为启动所述第一app后所呈现的第一app显示页面进行呈现；

若在启动所述第一app之后不需要登录，则将所述第一app所包括的一个预定app操作页面作为启动所述第一app后所呈现的第一个app显示页面进行呈现。

在一种可能的实现方式中，所述app界面包括至少一个显示组件，所述操作为触发对所述至少一个显示组件的显示状态进行更新的状态更新操作；根据所与所述操作信息匹配的app数据，呈现与所述操作对应的app界面，包括：

基于所述状态更新操作，确定需要将所述至少一个显示组件的显示状态由第一显示状态调整为第二显示状态；

从所述app数据中确定与所述第二显示状态对应的组件显示状态；

基于所述组件显示数据，将所述至少一个显示组件的显示状态更新为所述第二显示状态，以获得更新后的app界面；

将所述更新后的app界面进行呈现。

第三方面，提供一种移动终端，包括：

存储器，用于存储指令；

处理器，与所述存储器连接，用于执行所述指令，以在执行所述指令时执行第二方面中任一项所述的方法所包括的步骤。

在本发明实施例所提供的生成app界面的系统及方法，依托于react-native开源框架而设计，通过开发web的方法来开发app，而传统的app开发方式则仅仅是以开发app的方式，这也是本发明实施例中的生成app界面的系统及方法与现有技术中的开发app的方式存在本质区别的地方。

在本发明实施例通过javascrip语言所开发的app对于不同的操作平台都不具有限制，开发人员只需要掌握javascrip这一种开发语言就可以开发出在不同操作平台均能够通用的app代码，不会再如现有技术中那样若希望开发不同操作平台适用的app就需要掌握与该操作平台对应的开发语言，可以在一定程度上降低对开发人员的要求，并且，由于是采用web框架来实现app的开发，所以同时可以方便具有web开发经验的开发人员再开发app，降低了app开发的门槛和难度，这样可以利于更多的开发人员来开发app。

也就是说，通过本发明实施例中所提供的技术方案，可以统一针对不同操作平台的app的开发方式，减少对跨平台团队的要求，降低开发成本，进而可以提升对于app开发的管理和维护。

附图说明

为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。

图1为本发明实施例中的生成app界面的系统的结构示意图；

图2为本发明实施例中的生成app界面的方法的流程图；

图3为本发明实施例中的生成app界面的方法的另一流程图；

图4为本发明实施例中的生成app界面的方法的另一流程图；

图5为本发明实施例中的移动终端的结构示意图。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

另外，本文中术语“和/或”，仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，a和/或b，可以表示：单独存在a，同时存在a和b，单独存在b这三种情况。另外，本文中字符“/”，在不做特别说明的情况下，一般表示前后关联对象是一种“或”的关系。

在介绍本发明实施例所提供的生成app界面的系统之前，首先对本发明实施例中所提到的一些概念进行简单介绍。

1、react-native。react-native是facebook推出的一种基于javascript语言的开源框架，react-native结合了web应用和native应用的优势，可以使用javascript语言来开发android和ios的原生app，在javascript中用react可以抽象操作系统原生的ui(userinterface，用户界面)组件。

通过使用react-native，app开发者能够使用基于javascript和react一致的开发体验在本地平台上构建世界一流的app体验。react-native把重点放在所有开发人员关心的平台的开发效率上，开发者只需要掌握javascript这一种开发语言就能为任何操作平台高效地编写代码，即只需要掌握javascript这一种开发语言可以开发针对不同操作平台的app。

采用react-native框架后，用javascript脚本就可以写出app的界面，对从事web开发的开发者来说再去开发app则就较为容易，此时就无需为了编写app程序而专门去学习object-c或java，这样可以方便从事web开发的开发人员直接进行app开发。

另外，与其它的移动web框架相比，native的原生控件有更好的体验、有更好的手势识别以及有更适合的线程模型，所以react-native越来越受到开发人员的关注和青睐。

2、app界面。在某些情形下，又称作app页面，例如在移动终端中运行app时向用户所呈现的显示页面，当然，一个app可以包括多个app界面，每个app界面可以包括不同的呈现内容，即对于用户来说，看到的每个app界面可能都具有不同的显示样式或者显示效果。

对于一个app界面来说，可以包括app页面模板数据和app页面内容数据，其中，app页面模板数据用于指示app页面在进行显示时是以何种模板样式进行显示，例如指示从上往下依次如何布局以及用于显示每部分布局的具体区域和尺寸，相当于是整个app页面的导航数据。app页面内容数据是指对应每部分布局具体应该显示何种内容，例如从上往下依次显示哪些内容，让用户在查看app页面的时候一目了然。

3、移动终端。可以包括手机、pad(平板电脑)、pda(personaldigitalassistant，掌上电脑)，穿戴式电子设备(例如智能手表或智能手环)等便携式移动设备。

请参见图1，图1为本发明实施例所提供的生成app界面的系统的结构示意图，可见，本发明实施例中的生成app界面的系统包括react-native模块、用户交互模块、数据匹配模块和界面呈现模块。其中：

react-native模块，用于存储app数据；其中，app数据是基于javascript语言编写而得到的数据，app数据包括前述介绍中所提到的app页面模板数据和app页面内容数据；

用户交互模块，用于检测用户所进行的操作，以获得与该操作对应的操作信息；

数据匹配模块，用于从react-native模块中获得app数据，以及从所获得的app数据中确定与操作信息匹配的app数据；

界面呈现模块，用于根据与操作信息匹配的app数据呈现与操作对应的app界面。

在具体实施过程中，react-native模块、用户交互模块、数据匹配模块和界面呈现模块可以是独立的单元，也可以是集成在服务器内核中的功能模块，在发明实施例中不作限制。另外，本发明实施例中的系统所包括的各个模块相互之间可以具有连接关系，例如通信连接关系和/或电性连接关系，在图1中是以模块之间的连接线表示前述的连接关系。

该系统所包括的各个模块之间可以相互均具有连接关系，或者也可以部分具有连接关系，例如在图1中，直接具有连接关系的模块之间以实线连接表示，而不具有连接关系或者间接具有连接关系的则以虚线连接表示，当然图1只是示意性说明，在其它的一些实施例中，本发明实施例中的各模块之间还可以具有其它的连接关系，此处就不一一进行说明了。

在本发明实施例中，首先需要建立react-native开发环境，进而使得本发明实施例中的生成app界面的系统所包括的模块均运行在react-native开源框架下，也就是说，本发明实施例中的生成app界面的系统是依托于react-native开源框架而实施。

对于react-native模块来说，可以将其理解为react-native开源框架的架构，在该模块中存储有app数据，而app数据具体来说是用于呈现app界面所需要使用到的数据，例如可以包括app页面模板数据和app页面内容数据。由于是依托react-native开源框架，本发明实施例中存储于react-native模块中的app数据则是基于javascript语言编写而得到的数据，例如是开发工程师预先通过javascript语言而编写的app代码。

对于用户交互模块来说，可以用于检测用户所进行的各种类型的操作，例如用户所进行的单击操作、双击操作、滑动操作、轻按操作(例如触控压力小于第一预设压力)的操作、重压操作(例如触控压力大于第二预设压力)的操作，等等，也就是说，用户交互模块在本发明实施例中的生成app界面的系统与用户之间建立了操作交互接口，作为用户与系统之间进行动作交互的媒介，使得用户能够通过不同的操作以实现自己所希望实现的功能，增强用户的操作体验。

不同类型的操作可能对应不同的操作响应方式，例如单击操作指示页面跳转到上一页，而双击操作指示页面跳转到下一页，等等。或者，当同一类型的操作作用于不同的显示组件时也可以对应不同的操作响应方式，例如当单击操作作用于登录组件时则指示进行登录，又例如当单击操作作用于退出组件时则指示退出app，等等。

对于数据匹配模块来说，可以将用户所进行的操作与app数据进行查找匹配，以确定与用户每次所进行的操作对应匹配的那部分app数据，因为不同的app数据可以对不同类型的操作以不同的操作响应方式进行响应，或者不同的app数据可以对应app界面的不同显示状态和/或显示效果，等等。

对于界面呈现模块，可以将app数据以app界面的方式进行呈现以便用户能够看到所呈现的app界面，相当于是说，界面呈现模块提供了系统与用户之间的查看接口，界面呈现模块能够将系统所提供的各种app界面向用户进行展示，以便用户能够通过界面呈现模块的呈现查看到不同的app界面，以及还可以看到同一app界面呈现不同的显示状态和/或显示效果，丰富用户的视觉体验。

本发明实施例中的生成app界面的系统依托于react-native开源框架而设计，通过开发web的方法来开发app，而传统的app开发方式则仅仅是以开发app的方式，这也是本发明实施例中的生成app界面的系统与现有技术中的开发app的方式存在本质区别的地方。

在本发明实施例中，通过javascrip语言所开发的app对于不同的操作平台都不具有限制，开发人员只需要掌握javascrip这一种开发语言就可以开发出在不同操作平台均能够通用的app代码，不会再如现有技术中那样若希望开发不同操作平台适用的app就需要掌握与该操作平台对应的开发语言，可以在一定程度上降低对开发人员的要求，并且，由于是采用web框架来实现app的开发，所以同时可以方便具有web开发经验的开发人员再开发app，降低了app开发的门槛和难度，这样可以利于更多的开发人员来开发app。

也就是说，通过本发明实施例中所提供的技术方案，可以统一针对不同操作平台的app的开发方式，减少对跨平台团队的要求，降低开发成本，进而可以提升对于app开发的管理和维护。

进一步地，本发明实施例中的系统还可以包括路由模块，用于在app启动之后，提供在app启动之后所呈现的第一个app显示页面。

也就是说，用户若在移动终端进行了启动app的操作之后，系统可以根据路由配置显示在app启动之后所默认显示的第一个app显示页面，例如用户在使用微信时，在点击微信应用图标之后，移动终端在启动微信之后会显示一个微信界面，而最先显示的这个微信界面即可以理解为是前述的第一个app显示页面。在具体开发过程中，例如可以按照以下方式通过路由模块设置在app启动之后所显示的第一个app显示页面。

其中，provider为app应用容器，包含一个唯一的全局store(库)，存储app所有信息。router为页面路由，scene为具体页面，key为页面跳转api调用时传入的参数。在app启动之后默认打开initial参数为true的页面。若路由配置不正确，在debug模式下系统将提示错误，例如对于一个app只包括20个应用页面，而在上述设置过程中若将默认页面设置为了这20个应用页面之外的其它应用页面，系统则会报错。

在一种可能的实施方式中，路由模块用于在app启动之后，提供在app启动之后所呈现的第一个app显示界面，包括：若在app启动之后需要进行登录，则将app登录页面确定为第一个app显示页面；若在app启动之后不需要进行登录，则将预定的一个app操作页面确定为第一个app显示页面。

在具体实施过程中，可以将app的现实页面大致划分为登录页面和操作页面两大类，其中的登录页面即是需要填写用户名、密码或验证码的登录界面，通过登录界面的验证，可以确保使用app用户的合法性，而操作页面可以理解为是在登录app之后的正常使用过程中，app所呈现的任一应用操作界面。

即，在app启动之后，若检测到需要进行登录，那么则可以将app登录页面作为默认显示的第一个app显示页面，以便用户能够首先进行登录操作，进而再使用app所提供的各种功能。

在app启动之后，若检测到不需要进行登录，那么则可以将任意一个预定的app操作页面作为默认显示的第一个app显示页面，相当于是可以省去用户的登录操作以直接进入系统操作界面。因为在实际中，app可以具有登录记忆功能，即app可以自动记忆用户之前所进行的登录操作，在之前已经验证用户通过登录之后，为了用户后续能够在启动app之后能够直接使用app的功能而省去再次登录的步骤，所以可以采用该方案。

进一步地，本发明实施例中的系统还可以包括操作调用模块，存储有操作类型与操作响应方式之间的对应关系，用于基于操作信息，确定与操作的操作类型对应的操作响应方式，以及以与操作类型对应的操作响应方式对操作执行对应的响应。

也就是说，在app启动之后，操作调用模块可以一直处于监听状态，以实时、及时地检测用户针对移动终端所进行的各种类型的操作，进而可以基于操作类型与操作响应方式之间的对应关系，对用户所进行的不同类型的操作进行及时、正确地响应。

在具体实施过程中，app界面可以包括一个或多个显示组件，比如登录组件、退出组件、信息回复组件、添加表情组件、语音输入组件等等，不同的显示组件可以具有不同的样式，例如有的是长方形提示框，有的是椭圆形提示框，等等。当对不同的显示组件进行操作时，可以触发系统进行不同的响应，例如，当对登录组件进行操作时，可以触发系统进行登录响应，当对添加表情组件进行操作时，可以触发系统显示表情库以供用户选择，当对语音输入组件进行操作时，可以触发系统指示语音采集设备(例如麦克风)处于开启状态以采集语音信息，等等。

在一种可能的实施方式中，用户还可以对显示组件进行状态更新操作，以触发系统对显示组件的状态进行调整。

其中，显示组件的状态可以至少包括两种理解方式，一种理解方式是显示组件在app界面上的隐藏或显示，例如在对某一显示组件进行操作之后，该显示组件从当前app界面上消失了，即可以理解为其被隐藏显示了，另一种理解方式是显示组件的显示效果，例如某一显示组件当前是黑色字体且透明度为30％显示，那么如果改变其显示效果之后，则可以以红色字体且透明度为60％显示，等等。

进一步地，为了对显示组件的显示状态进行调整，本发明实施例中的系统还可以包括组件数据存储模块和组件状态调用模块。

其中，组件数据存储模块用于存储与至少一个显示组件对应的组件数据，例如隐藏显示时对应的组件数据，显示时对应的组件数据，以及在显示时与不同显示效果对应的组件数据，也就是说，通过组件数据存储模块中所存储的组件数据可以体现显示组件的不同显示状态。

组件状态调用模块用于基于状态更新操作，确定至少一个显示组件的显示状态需要由第一显示状态调整为第二显示状态，并从组件数据中获得与第二显示状态对应的组件显示数据。也就是说，通过组件状态调用模块可以确定用户所进行的操作实际是希望系统进行如何响应和反馈，以及可以与组件数据存储模块进行交互以获得与用户希望系统进行的反馈或响应对应的组件显示数据。

进一步地，界面呈现模块可以从组件状态调用模块处获得其基于用户的状态更新操作所确定的组件显示组件，例如可以由组件状态调用模块发送给界面呈现模块，再基于所获得的组件显示数据将至少一个显示组件的显示状态更新为第二显示状态以获得更新后的app界面，最后再将更新后的app界面进行呈现。

通过界面呈现模块与组件状态调用模块的交互，可以使得系统及时地获知用户希望系统所进行的反馈或响应，并以更新app界面的方式向用户进行呈现，使得用户对自己所进行的操作能够及时地获得反馈，并从视觉上进行感知，进而提升用户的操作体验和视觉体验。

在具体实施过程中，可以将本发明实施例中的生成app界面的系统嵌入到移动终端中，以便用户能够对移动终端进行操作以获得不同的app体验。

另外，也可以将本发明实施例中的生成app界面的系统以代码的形式进行转化，并将代码打包上传到不同的操作平台，例如上传到android操作平台或ios操作平台，进而再通过操作平台的对应转化以获得适用于该操作平台的app，也就是说，通过一种开发方式所开发出来的代码可以通过不同的操作平台的转化以获得对应适用的app，而无需再针对不同的操作平台分别采用一种开发方式，统一了开发路径，节约了人力资源，降低了开发成本。

请参见图2，基于统一发明构思，本发明实施例还提供一种生成app界面的方法，该方法的流程描述如下。

步骤1：检测用户所进行的操作，以获得与操作对应的操作信息；

步骤2：从所存储的app数据中确定与操作信息匹配的app数据，app数据是基于javascript语言编写而生成的数据，app数据包括app页面模板数据和app页面内容数据；

步骤3：根据与操作信息匹配的app数据，呈现与操作对应的app界面。

根据用户所进行的操作类型的不同，步骤3可以具有不同的实施方式。为了便于本领域技术人员理解，以下列举两种可能的实施方式对步骤3进行说明。

第一种方式：

以用户所进行的操作为触发多个app中的任一个app(例如第一app)进行启动的启动触发操作为例，请参见图3，第一种方式的流程描述如下。

步骤311：基于启动触发操作，启动第一app；

步骤312：若在启动第一app之后需要登录，则将与第一app对应的登录页面作为启动第一app后所呈现的第一个app显示页面进行呈现；

步骤313：若在启动第一app之后不需要登录，则将第一app所包括的一个预定app操作页面作为启动第一app后所呈现的第一个app显示页面进行呈现。

在具体实施过程中，步骤312和步骤312择一执行。

第二种方式：

在app界面包括至少一个显示组件时，以用户所进行的操作为触发对至少一个显示组件的显示状态进行更新的状态更新操作，请参见图4，第二种方式的流程描述如下。

步骤321：基于状态更新操作，确定需要将至少一个显示组件的显示状态由第一显示状态调整为第二显示状态；

步骤322：从app数据中确定与第二显示状态对应的组件显示数据；

步骤323：基于组件显示数据，将至少一个显示组件的显示状态更新为第二显示状态，以获得更新后的app界面；

步骤324：将更新后的app界面进行呈现。

本发明实施例中的生成app界面的方法的实施原理与前述的生成app界面的系统的实施原理类似，对于本发明实施例中的生成app界面的方法的实施可以参见前述的生成app界面的系统的实施例部分的描述，在此不再赘述。

在本发明实施例所提供的生成app界面的方法，依托于react-native开源框架而设计，通过开发web的方法来开发app，而传统的app开发方式则仅仅是以开发app的方式，这也是本发明实施例中的生成app界面的方法与现有技术中的开发app的方式存在本质区别的地方。

在本发明实施例通过javascrip语言所开发的app对于不同的操作平台都不具有限制，开发人员只需要掌握javascrip这一种开发语言就可以开发出在不同操作平台均能够通用的app代码，不会再如现有技术中那样若希望开发不同操作平台适用的app就需要掌握与该操作平台对应的开发语言，可以在一定程度上降低对开发人员的要求，并且，由于是采用web框架来实现app的开发，所以同时可以方便具有web开发经验的开发人员再开发app，降低了app开发的门槛和难度，这样可以利于更多的开发人员来开发app。

也就是说，通过本发明实施例中所提供的技术方案，可以统一针对不同操作平台的app的开发方式，减少对跨平台团队的要求，降低开发成本，进而可以提升对于app开发的管理和维护。

请参见图5，基于同一发明构思，本发明实施例还提供一种移动终端，该移动终端包括存储器501和处理器502，存储器501和处理器502可以通过总线500连接，或者也可以通过专门的连接线连接。图5中以通过总线500连接为例。其中存储器501用于存储指令，处理器502用于执行存储器501所存储的指令，以在执行指令时可以执行如下步骤：

检测用户所进行的操作，以获得与操作对应的操作信息；

从所存储的app数据中确定与操作信息匹配的app数据；其中，app数据是基于javascript语言编写而生成的数据，app数据包括app页面模板数据和app页面内容数据；

根据与操作信息匹配的app数据，呈现与操作对应的app界面。

处理器502具体可以是通用的中央处理器(cpu)，或者可以是特定应用集成电路(applicationspecificintegratedcircuit，asic)，或者可以是一个或多个用于控制程序执行的集成电路，可以是基带芯片，等等。

存储器501的数量可以是一个或多个。存储器501可以包括只读存储器(readonlymemory，rom)、随机存取存储器(randomaccessmemory，ram)或磁盘存储器，等等。

通过对处理器502进行设计编程，可以将前述的生成app界面的方法所对应的代码固化到芯片内，从而使芯片在运行时能够执行前述的生成app界面的方法，如何对处理器502进行设计编程为本领域技术人员所公知的技术，这里不再赘述。

以上所描述的装置实施例仅仅是示意性的，其中作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。本领域普通技术人员在不付出创造性的劳动的情况下，即可以理解并实施。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到各实施方式可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件。基于这样的理解，上述技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如rom/ram、磁碟、光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行各个实施例或者实施例的某些部分所述的方法。

最后应说明的是：以上实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围。