CN105138322B - 生成应用程序的方法及系统 - Google Patents

Abstract

本发明提供了一种生成应用程序的方法及系统。根据所述方法，所述系统基于预设与人机交互相关的组件选项，确定用户在预设界面中的人机交互部分所选择的组件选项所对应的组件；将所选择的组件与所述预设界面中选择的人机交互部分建立第一对应关系，以及将所选择的组件中的参数和对应人机交互部分的人机交互信息建立第二对应关系；基于所述第一对应关系、所述第二对应关系、以及所述预设界面和所选择的组件，生成应用程序。本发明能够大大提高了研发人员面对不同界面风格、类似业务需求时，重复编写相应应用程序的工作效率。

Description

生成应用程序的方法及系统

技术领域

本发明涉计算机应用领域，特别涉及生成应用程序的方法及系统。

背景技术

现在国内的创业者越来越多，随着移动互联网的普及，各种中小型企业不仅仅是要在PC端建立主页网站，同样在移动端也需要建立移动应用程序来展示自己的企业及产品。

在移动端软件开发过程中，人机交互界面的设计部分所占的分量越来越多。对于小型企业级移动端应用程序，更注重交互界面的设计与展示。然而，目前，无论是PC端还是移动端，都没有快捷的开发以人机交互界面为主的应用程序的方式。

发明内容

本发明的目的在于提供一种生成应用程序的方法及系统，用于解决现有技术中重复开发功能类似的应用程序的成本问题。

为解决上述技术问题，本发明的实施方式提供了一种生成应用程序的方法，包含：基于预设与人机交互相关的组件选项，确定用户在预设界面中的人机交互部分所选择的组件选项所对应的组件；将所选择的组件与所述预设界面中选择的人机交互部分建立第一对应关系，以及将所选择的组件中的参数和对应人机交互部分的人机交互信息建立第二对应关系；基于所述第一对应关系、所述第二对应关系、以及所述预设界面和所选择的组件，生成应用程序。

基于上述目的，本发明还提供了一种生成应用程序的系统，包含：确定单元，用于基于预设与人机交互相关的组件选项，确定用户在预设界面中的人机交互部分所选择的组件选项所对应的组件；对应关系建立单元，用于将所选择的组件与所述预设界面中选择的人机交互部分建立第一对应关系，以及将所选择的组件中的参数和对应人机交互部分的人机交互信息建立第二对应关系；生成单元，用于基于所述第一对应关系、所述第二对应关系、以及所述界面和所选择的组件，生成应用程序。

本发明实施方式相对于现有技术而言，能够自动将组件与界面中的人机交互部分，以及组件中的参数和人机交互部分中的人机交互信息建立对应关系，能够大大提高了研发人员面对不同界面风格、类似业务需求时，重复编写对应不同界面的类似组件功能的应用程序的工作效率；甚至不懂研发的人员只需拖拽组件选项，即可生成应用程序，极大的降低了开发成本。

另外，为用户提供界面模板，并可供用户更改界面模板中的人机交互部分，能够为用户提供灵活的界面设计方式，为用户提供最方便、最直观的开发方式，进一步提高了应用程序的开发效率。

另外，以配置文件的方式来保存第二对应关系，不但减少了组件与界面之间的耦合度，还便于应用程序的升级和维护等。

附图说明

图1是本发明第一实施方式的流程图；

图2是本发明的第二实施方式的结构示意图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明的各实施方式进行详细的阐述。然而，本领域的普通技术人员可以理解，在本发明各实施方式中，为了使读者更好地理解本申请而提出了许多技术细节。但是，即使没有这些技术细节和基于以下各实施方式的种种变化和修改，也可以实现本申请各权利要求所要求保护的技术方案。

如图1所示，本发明的第一实施方式涉及一种生成应用程序的方法。所述生成方法主要由生成系统来执行。所述生成系统包括安装在电子设备中的软件和硬件。所述电子设备包括但不限于：个人电脑、服务器等。

所述生成系统中预设有与人机交互相关的组件选项及其组件。其中，每个所述组件选项对应一个组件。所述组件是按照预设的界面展示内容、界面展示效果、界面验证、或界面跳转等而设置的。例如，所述生成系统中包含具有翻页功能的组件、具有登录验证功能的组件、具有授权认证功能的组件、具有分享功能的组件、具有统计功能的组件等。所述组件选项可以是用于显示给用户的、标有所对应组件功能描述的组件按钮或组件框图等。

在步骤S1中，所述生成系统基于预设与人机交互相关的组件选项，确定用户在预设界面中的人机交互部分所选择的组件选项所对应的组件。其中，所述人机交互部分是指界面中用于动态展示内容，或基于用户的操作而跳转、或验证等的部分。所述人机交互部分中包含人机交互信息。

具体地，所述生成系统将所预设的各组件选项显示在开发界面中。当用户选择一个组件选项，并将其拖拽至所述开发界面中的预设界面中时，所述生成系统确定拖拽操作的目标位置区域为人机交互部分，并基于所选择的组件选项，确定该人机交互部分所对应的组件。其中，所述预设界面可以是一空白界面，所述生成系统根据用户所选择的组件为用户设置相应的人机交互部分。

例如，所述生成系统中预设分享组件选项及其分享组件。用户根据设计需要，将所述预设界面设计为一商品介绍页面，并将分享组件选项拖至所述预设界面的底部，则所述生成系统将所述预设界面的底部设置为对应分享组件的人机交互部分。

又如，用户选择翻页组件选项，并拖拽至预设界面中的顶部，则所述生成系统将预设界面中的顶部位置区域设置为一人机交互部分。用户可以在该人机交互部分上传多幅图片。每幅图片为一页。

其中，所述生成系统展示给用户的各界面，可以是本地界面，也可以是远程界面。

在步骤S2中，所述生成系统将所选择的组件与在所述预设界面中选择的人机交互部分建立第一对应关系，以及将所选择的组件中的参数和对应人机交互部分中的人机交互信息建立第二对应关系。

其中，所述人机交互信息用于为组件中的参数提供其在预设界面中的属性名称等。所述人机交互信息包括但不限于：链接、标签名称等。

仍以分享组件的示例为例，所述生成系统建立分享组件与分享人机交互部分的第一对应关系。用户可以根据设计需要，在所述分享人机交互部分中添加与所述分享组件中的参数相对应的分享图标。比如，所述分享组件中包含分享链接参数，对应的所述人机交互信息包括：分享图标所对应的链接地址。所述生成系统建立分享链接参数与链接地址之间的第二对应关系。

再以翻页组件为例，当用户上传多幅图片后，所述生成系统将图片展示的部分作为人机交互部分与翻页组件建立第一对应关系。接着，所述生成系统将所选择的翻页组件中的翻页顺序参数、链接跳转参数等显示在编辑界面中。当用户上传所述预设界面顶部的多幅图片，并在所述编辑界面中的翻页顺序参数旁标记每个翻页顺序参数所对应的图片名称，在每个链接跳转参数旁标记每个图片名称所指向的链接信息。所述生成系统将所述翻页组件中的翻页顺序参数及所对应的图片名称，以及各图片名称及所对应的链接建立为第二对应关系。当用户设置完成所述界面中的所有人机交互部分与组件后，点击保存按钮，所述生成系统执行步骤S3。

优选地，所述生成系统中还包括多个界面模板，所述界面模板中预设有对应人机交互部分的组件，以及人机交互部分中人机交互信息和相应组件参数之间的第二对应关系。为此，所述生成系统基于所获取的用户在所述预设界面中的组件操作，更改相应组件的参数所对应的人机交互信息。

例如，用户选择一首页界面模板，并根据所要研发的应用程序的需要，在所选择的首页界面模板中的注册人机交互部分增加推荐人信息，则所述生成系统根据所述用户的增加操作，提示用户更换包含验证推荐人信息的注册组件，并基于用户更换后的注册组件和相应的注册人机交互部分建立第一对应关系。所述生成系统还将用户在所述注册人机交互部分中的注册名、密码、推荐人信息等人机交互信息填入包含注册组件的参数的编辑界面中相应参数旁边。则所述生成系统建立注册组件中的各参数与注册名、密码、推荐人信息等人机交互信息的第二对应关系。

优选地，对应使用界面模板的开发方式，所述步骤S2还包括：步骤S21和/或S22。(均未予图示)

在步骤S21中，所述生成系统基于所述界面模板中的各人机交互部分和所对应的组件，建立所述第二对应关系和第一对应关系。

具体地，若用户所选择的界面模板与所要研发的界面需求正好满足，用户将无需调整界面模板中的各人机交互部分所对应的组件。所述生成系统基于各人机交互部分中的人机交互信息和相应组件中的参数建立所述第二对应关系，并建立所述界面模板中的人机交互部分和组件的第一对应关系。

在步骤S22中，所述生成系统基于所获取的用户在所述界面模板中的人机交互部分的更改操作，更改相应组件的参数和所对应的人机交互信息，并基于更改后的各人机交互部分和所对应的组件，建立所述第一对应关系和第二对应关系。

继续更改首页界面模板中注册组件的示例，所述生成系统建立用户更改后的注册组件中包含注册名、密码、推荐人信息的参数和注册人机交互部分中包含注册名、密码、推荐人信息的人机交互信息之间的第二对应关系；以及建立更高后的包含注册名、密码和推荐人信息的注册组件与首页界面中注册人机交互部分之间的第一对应关系。

在此，所述生成系统建立第一对应关系和第二对应关系的方式包括但不限于：1)所述生成系统利用预设的对应各组件的脚本模板，在所述预设界面中添加相应的脚本，并利用所述脚本建立所述第一对应关系和第二对应关系。

2)所述生成系统利用预设的对应各组件的脚本模板，在所述预设界面中添加相应的脚本，并利用所述脚本建立所述第一对应关系；将所述第二对应关系写入预设的配置文件中。其中，所述配置文件可以是在新建一应用程序开发包时同步生成的。每个组件的第二对应关系之间、每个组件之间分别按照预设的不同间隔符号予以间隔。

在步骤S2中，所述生成系统基于所述第一对应关系、所述第二对应关系、以及所述界面和所选择的组件，生成应用程序。

具体地，所述生成系统利用应用程序的自动编译、封装技术，将各所述第一对应关系、各所述第二对应关系、以及所述界面和所选择的组件封装成一应用程序。其中，所述生成系统在封装之前还可以提供用于输入签名信息的签名界面，并将获取自所述签名界面一并封装在所述应用程序的签名档中。

优选地，所述生成系统还将所述第一对应关系以配置文件的形式予以保存；再基于所述配置文件、各所述第二对应关系、以及所述界面和所选择的组件，生成应用程序。

具体地，当用户点击生成程序的按钮时，所述生成系统将包含各所述第二对应关系的配置文件予以保存，并将所述配置文件、各所述第二对应关系、以及所述界面和所选择的组件进行编译、打包，以得到一应用程序。所述应用程序在运行时，通过读取所述配置文件找到参数所对应的人机交互信息

如图2所示，本发明的第二实施方式涉及一种生成应用程序的系统。所述生成系统包括安装在电子设备中的软件和硬件。所述电子设备包括但不限于：个人电脑、服务器等。

所述生成系统1包括：确定单元11、对应关系建立单元12、生成单元13。

所述确定单元11中预设有与人机交互相关的组件选项。其中，每个所述组件选项对应一个组件。所述组件是按照预设的界面展示内容、界面展示效果、界面验证、或界面跳转等而设置的。例如，所述生成系统1中包含具有翻页功能的组件、具有登录验证功能的组件、具有授权认证功能的组件、具有分享功能的组件、具有统计功能的组件等。所述组件选项可以是用于显示给用户的、标有所对应组件功能描述的组件按钮或组件框图等。

所述确定单元11用于基于预设与人机交互相关的组件选项，确定用户在预设界面中的人机交互部分所选择的组件选项所对应的组件。其中，所述人机交互部分是指界面中用于动态展示内容，或基于用户的操作而跳转、或验证等的部分。所述人机交互部分中包含人机交互信息。

具体地，所述确定单元11将所预设的各组件选项显示在开发界面中。当用户选择一个组件选项，并将其拖拽至所述开发界面中的预设界面中时，所述确定单元11确定拖拽操作的目标位置区域为人机交互部分，并基于所选择的组件选项，确定该人机交互部分所对应的组件。其中，所述预设界面可以是一空白界面，所述生成系统1根据用户所选择的组件为用户设置相应的人机交互部分。

例如，所述确定单元11中预设分享组件选项及其分享组件。用户根据设计需要，将所述预设界面设计为一商品介绍页面，并将分享组件选项拖至所述预设界面的底部，则所述确定单元11将所述预设界面的底部设置为对应分享组件的人机交互部分。

又如，用户选择翻页组件选项，并拖拽至预设界面中的顶部，则所述确定单元11将预设界面中的顶部位置区域设置为一人机交互部分。用户可以在该人机交互部分上传多幅图片。每幅图片为一页。

其中，所述生成系统1展示给用户的各界面，可以是本地界面，也可以是远程界面。

所述对应关系建立单元12用于将所选择的组件与在所述预设界面中选择的人机交互部分建立第一对应关系，以及将所选择的组件中的参数和对应人机交互部分中的人机交互信息建立第二对应关系。

其中，所述人机交互信息用于为组件中的参数提供其在预设界面中的属性名称等。所述人机交互信息包括但不限于：链接、标签名称等。

仍以分享组件的示例为例，所述对应关系建立单元12建立分享组件与分享人机交互部分的第一对应关系。用户可以根据设计需要，在所述分享人机交互部分中添加与所述分享组件中的参数相对应的分享图标。比如，所述分享组件中包含分享链接参数，对应的所述人机交互信息包括：分享图标所对应的链接地址。所述对应关系建立单元12建立分享链接参数与链接地址之间的第二对应关系。

再以翻页组件为例，当用户上传多幅图片后，所述对应关系建立单元12将图片展示的部分作为人机交互部分与翻页组件建立第一对应关系。接着，所述对应关系建立单元12将所选择的翻页组件中的翻页顺序参数、链接跳转参数等显示在编辑界面中。当用户上传所述预设界面顶部的多幅图片，并在所述编辑界面中的翻页顺序参数旁标记每个翻页顺序参数所对应的图片名称，在每个链接跳转参数旁标记每个图片名称所指向的链接信息。所述对应关系建立单元12将所述翻页组件中的翻页顺序参数及所对应的图片名称，以及各图片名称及所对应的链接建立为第二对应关系。当用户设置完成所述界面中的所有人机交互部分与组件后，点击保存按钮，所述生成单元13启动执行。

优选地，所述对应关系建立单元12中还包括多个界面模板，所述界面模板中预设有对应人机交互部分的组件，以及人机交互部分中人机交互信息和相应组件参数之间的第二对应关系。为此，所述对应关系建立单元12基于所获取的用户在所述预设界面中的组件操作，更改相应组件的参数所对应的人机交互信息。

例如，用户选择一首页界面模板，并根据所要研发的应用程序的需要，在所选择的首页界面模板中的注册人机交互部分增加推荐人信息，则所述对应关系建立单元12根据所述用户的增加操作，提示用户更换包含验证推荐人信息的注册组件，并基于用户更换后的注册组件和相应的注册人机交互部分建立第一对应关系。所述对应关系建立单元12还将用户在所述注册人机交互部分中的注册名、密码、推荐人信息等人机交互信息填入包含注册组件的参数的编辑界面中相应参数旁边。则所述对应关系建立单元12建立注册组件中的各参数与注册名、密码、推荐人信息等人机交互信息的第二对应关系。

优选地，对应使用界面模板的开发方式，所述对应关系建立单元12还包括：第一建立模块和/或第二建立模块。(均未予图示)

所述第一建立模块用于基于所述界面模板中的各人机交互部分和所对应的组件，建立所述第二对应关系和第一对应关系。

具体地，若用户所选择的界面模板与所要研发的界面需求正好满足，用户将无需调整界面模板中的各人机交互部分所对应的组件。所述第一建立模块基于各人机交互部分中的人机交互信息和相应组件中的参数建立所述第二对应关系，并建立所述界面模板中的人机交互部分和组件的第一对应关系。

所述第二建立模块用于基于所获取的用户在所述界面模板中的人机交互部分的更改操作，更改相应组件的参数和所对应的人机交互信息，并基于更改后的各人机交互部分和所对应的组件，建立所述第二对应关系和第一对应关系。

继续更改首页界面模板中注册组件的示例，所述第二建立模块建立用户更改后的注册组件中包含注册名、密码、推荐人信息的参数和注册人机交互部分中包含注册名、密码、推荐人信息的人机交互信息之间的第二对应关系；以及建立更高后的包含注册名、密码和推荐人信息的注册组件与首页界面中注册人机交互部分之间的第一对应关系。

在此，所述对应关系建立单元12建立第一对应关系和第二对应关系的方式包括但不限于：1)所述对应关系建立单元12利用预设的对应各组件的脚本模板，在所述预设界面中添加相应的脚本，并利用所述脚本建立所述第一对应关系和第二对应关系。

2)所述对应关系建立单元12利用预设的对应各组件的脚本模板，在所述预设界面中添加相应的脚本，并利用所述脚本建立所述第一对应关系；将所述第二对应关系写入预设的配置文件中。其中，所述配置文件可以是在新建一应用程序开发包时同步生成的。每个组件的第二对应关系之间、每个组件之间分别按照预设的不同间隔符号予以间隔。

所述生成单元13用于基于所述第一对应关系、所述第二对应关系、以及所述界面和所选择的组件，生成应用程序。

具体地，所述生成单元13利用应用程序的自动编译、封装技术，将各所述第一对应关系、各所述第二对应关系、以及所述界面和所选择的组件封装成一应用程序。其中，所述生成单元13在封装之前还可以提供用于输入签名信息的签名界面，并将获取自所述签名界面一并封装在所述应用程序的签名档中。

优选地，所述生成单元13还将所述第二对应关系以配置文件的形式予以保存；再基于所述配置文件、各所述第一对应关系、以及所述界面和所选择的组件，生成应用程序。

具体地，当用户点击生成程序的按钮时，所述生成单元13将包含各所述第二对应关系的配置文件予以保存，并将所述配置文件、各所述第一对应关系、以及所述界面和所选择的组件进行编译、打包，以得到一应用程序。所述应用程序在运行时，通过读取所述配置文件找到参数所对应的人机交互信息。

值得一提的是，本实施方式中所涉及到的各模块和单元均为逻辑模块和逻辑单元，在实际应用中，一个逻辑单元可以是一个物理单元，也可以是一个物理单元的一部分，还可以以多个物理单元的组合实现。此外，为了突出本发明的创新部分，本实施方式中并没有将与解决本发明所提出的技术问题关系不太密切的单元引入，但这并不表明本实施方式中不存在其它的单元。

本领域的普通技术人员可以理解，上述各实施方式是实现本发明的具体实施例，而在实际应用中，可以在形式上和细节上对其作各种改变，而不偏离本发明的精神和范围。

Claims (10)

1.一种生成应用程序的方法，其特征在于，包含：

基于预设与人机交互相关的组件选项，确定用户在预设界面中的人机交互部分所选择的组件选项所对应的组件；其中，所述人机交互部分是指将组件选项拖曳至预设界面中时，拖曳操作的目标位置区域；

将所选择的组件与所述预设界面中选择的人机交互部分建立第一对应关系，以及将所选择的组件中的参数和对应人机交互部分的人机交互信息建立第二对应关系；

基于所述第一对应关系、所述第二对应关系、以及所述预设界面和所选择的组件，生成应用程序。

2.根据权利要求1所述的生成应用程序的方法，其特征在于，在执行将所选择的组件中的参数和对应人机交互部分中的人机交互信息建立第二对应关系的步骤之前，还包括：获取与所选择组件相对应的人机交互信息。

3.根据权利要求1所述的生成应用程序的方法，其特征在于，在建立所述第一对应关系和第二对应关系的步骤之前，所述生成方法还包括：

为用户提供包含界面模板选项的选项界面，并基于来自所述选项界面的界面模板选项，展示相应的界面模板，并将所展示的界面模板作为预设界面。

4.根据权利要求3所述的生成应用程序的方法，其特征在于，所述将所选择的组件与所述界面中所选择的人机交互部分建立第一对应关系，以及将所选择的组件中的参数和对应的人机交互部分中的人机交互信息建立第二对应关系的方式还包括以下至少一种：

基于所述界面模板中的各人机交互部分和所对应的组件，建立所述第一对应关系和第二对应关系；

基于所获取的用户在所述界面模板中的人机交互部分的更改操作，更改相应组件的参数和所对应的人机交互信息，并基于更改后的各人机交互部分和所对应的组件，建立所述第一对应关系和第二对应关系。

5.根据权利要求1所述的生成应用程序的方法，其特征在于，所述基于所述第一对应关系、所述第二对应关系、以及所述界面和所选择的组件，生成应用程序的步骤包括：

将所述第二对应关系以配置文件的形式予以保存；

基于所述配置文件、所述第一对应关系、以及所述界面和所选择的组件，生成应用程序。

6.一种生成应用程序的系统，其特征在于，包含：

确定单元，用于基于预设与人机交互相关的组件选项，确定用户在预设界面中的人机交互部分所选择的组件选项所对应的组件；其中，所述人机交互部分是指将组件选项拖曳至预设界面中时，拖曳操作的目标位置区域；

对应关系建立单元，用于将所选择的组件与所述预设界面中选择的人机交互部分建立第一对应关系，以及将所选择的组件中的参数和对应人机交互部分的人机交互信息建立第二对应关系；

生成单元，用于基于所述第一对应关系、所述第二对应关系、以及所述界面和所选择的组件，生成应用程序。

7.根据权利要求6所述的生成应用程序的系统，其特征在于，还包括：界面设计单元，用于获取与所选择组件相对应的人机交互信息。

8.根据权利要求6所述的生成应用程序的系统，其特征在于，还包括：界面设计单元，用于为用户提供包含界面模板选项的选项界面，并基于来自所述选项界面的界面模板选项，展示相应的界面模板，并将所展示的界面模板作为预设界面。

9.根据权利要求8所述的生成应用程序的系统，其特征在于，所述对应关系建立单元包括以下至少一种：

第一建立模块，用于基于所述界面模板中的各人机交互部分和所对应的组件，建立所述第一对应关系和第二对应关系；

第二建立模块，用于基于所获取的用户在所述界面模板中的人机交互部分的更改操作，更改相应组件的参数和所对应的人机交互信息，并基于更改后的各人机交互部分和所对应的组件，建立所述第一对应关系和第二对应关系。

10.根据权利要求6所述的生成应用程序的系统，其特征在于，所述生成单元包括：

配置文件保存模块，用于将所述第二对应关系以配置文件的形式予以保存；

生成模块，用于基于所述配置文件、所述第一对应关系、以及所述界面和所选择的组件，生成应用程序。