CN108595173A - 用户界面的生成方法及装置、电子装置及计算机存储介质 - Google Patents

Abstract

本发明涉及一种用户界面的生成方法及装置、电子装置及计算机可读存储介质。所述用户界面的生成方法包括以下步骤：提供若干待选择的技术流；提供若干待选择的布局模式；根据用户操作产生的技术流选择指令及布局模式选择指令生成与用户选择的技术流及布局模式相对应的数据格式供用户填写；及获取用户输入的数据并生成用户界面。

Description

用户界面的生成方法及装置、电子装置及计算机存储介质

技术领域

本发明涉及一种用户界面生成技术，特别地，涉及一种用户界面的生成方法及装置、电子装置及计算机存储介质。

背景技术

随着软件开发技术的发展，用户对网站（Web）及各类应用程序（App）的需求越来越多，用户界面（UI，包括网站网页、应用程序页面等）的制作技术也越来越重要。

一种现有的用户界面生成技术主要是开发人员制作好几种类型的前端模板，如图1所示，所述前端模板的类型可以包括品牌型网站/应用程序、营销型网站/应用程序、电商型网站/应用程序、智能响应式网站/应用程序、全网门户网站/应用程序等，用户选择其中一种类型即可获得对应的前端模板，然后在所述前端模板中填写网站/应用程序的界面数据来生成需要的用户界面。

然而，现有用户界面生成技术可能存在以下一些问题：1）现存的前端模板相对较死板，只能根据既定模板来填写数据，完成相关的页面，可能难于符合客户的特殊需求；2）模板相对较杂乱，用户应用很不方便；3）不懂前端技术的用户很难完成模板的填写和更改。

可见，现有的用户界面生成技术有必要进行改善。

发明内容

有鉴于此，有必要提出一种可符合用户需求的用户界面的生成方法及装置、电子装置及计算机可读存储介质。

一种用户界面生成方法，其包括以下步骤：

提供若干待选择的技术流；

提供若干待选择的布局模式；

根据用户操作产生的技术流选择指令及布局模式选择指令生成与用户选择的技术流及布局模式相对应的数据格式供用户填写；及

获取用户输入的数据并生成用户界面。

在一种实施例中，所述数据格式包括待生成的用户界面的各模块的设定信息及各模块待填充的数据信息，所述设定信息包括模块数量、模块位置、模块文字颜色、模块背景颜色、是否使用路由跳转、是否使用动画、展开一个子菜单或多个子菜单中的至少一个、两个或多个。

在一种实施例中，所述获取用户输入的数据并生成用户界面的步骤包括以下步骤：

获取用户根据所述数据格式输入的所述用户界面的各模块的设定信息；

依据所述各模块的设定信息并进行数据组合从而生成所述用户界面的简易模版及API需求文档，其中所述简易模板具有与所述设定信息对应的各模块，所述API需求文档用于供用户查阅所述简易模板需要填充的API需求数据；及

获取所述API需求数据并填充至所述简易模版中并生成所述用户界面。

在一种实施例中，所述API需求数据包括用户当前提供的数据阵列，根据用户的输入获取API需求数据并填充至所述简易模版中并生成所述用户界面包括以下步骤：获取用户当前提供的数据阵列并填充至所述简易模版中并生成所述用户界面。

在一种实施例中，所述API需求数据包括预存在至少一路由地址的数据阵列，所述获取所述API需求数据的步骤包括：根据用户的输入所述至少一路由地址调用所述至少一路由地址存储的数据阵列，及使用数据过滤系统将所述至少一路由地址存储的数据阵列组装并填充至所述简易模版中从而生成所述用户界面。

在一种实施例中，所述生成方法还包括以下步骤：将所述用户输入的设定信息及/或所述API需求数据转换为JSON字符串。

在一种实施例中，所述技术流包括PC端技术流及/或移动端技术流，所述PC端技术流包括原生JS、JQuery、Vue、React、及Angluar中的一种、两种或多种；所述移动端技术流包括API Cloud、Weex、原生JS、JQuery、Cordova中的一种、两种或多种。

在一种实施例中，所述布局模式包括扁平化布局、半扁平化布局及渐变色布局中的至少一种、两种或多种。

一种用户界面的生成装置，其包括：

技术流提供模块，用于提供若干待选择的技术流；

布局模式提供模块，用于提供若干待选择的布局模式；

数据格式生成模块，根据用户操作产生的技术流选择指令及布局模式选择指令生成与用户选择的技术流及布局模式相对应的数据格式供用户填写；及

用户界面生成模块，获取用户输入的数据并生成用户界面。

一种电子装置，其包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的用户界面生成程序，所述用户界面生成程序被所述处理器执行时实现上述用户界面生成方法的步骤。

一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序被处理器执行时实现上述用户界面生成方法的步骤。

相较于背景技术，本发明实施例提供的用户界面的生成方法及装置、电子装置及计算机可读存储介质中，提供用户待选择的技术流及布局模式，可以方便使用不同技术的用户依据自己的需求选择适合的技术流及布局模式，并进一步生成供用户填写的数据格式，从而生成符合用户需求的用户界面，提高用户界面的生成效率、降低用户的学习成本以及用户界面的修改成本。

特别是，由于移动端（如手机、可穿戴设备、平板电脑等）的用户界面与PC端（电脑等）的用户界面因为屏幕大小属性及操作方式的（屏幕尺寸与是否可触摸操作）的不同，为配合不同屏幕大小属性及操作方式，二者使用的技术流通常有所不同，提供给用户待选择的技术流可以让用户基于自己想要生成的用户界面应用在何种设备（移动端还是PC端），以及考虑各技术流的特点来进行选择，从而产生最符合需求的用户界面，进而提高用户界面的生成效率、降低用户的学习成本以及用户界面的修改成本。

在一种实施例中，由于可以通过提供的数据模式获取用户输入的所述用户界面的各模块的设定信息，使得可以依据用户的设定生成建议模板及API需求，从而可以产生各种组合的各种各样的用户界面，满足不同用户的需求，同样也可以提高用户界面的生成效率、降低用户的学习成本以及用户界面的修改成本。

更进一步地，所述API需求数据可以包括用户当前提供的数据阵列及/或至少一路由地址存储的数据阵列，可以满足不同用户的需求及通过调用实现数据阵列的实时更新等，也可以提高用户界面的生成效率、降低用户的学习成本以及用户界面的修改成本。

附图说明

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

图1是一种现有技术的前端模板的类型示意图。

图2是本发明一较佳实施例提供的用户界面的生成方法的流程图。

图3是图2所示的用户界面的生成方法中生成的一种数据格式的示例。

图4是图2所示的用户界面的生成方法获得的各模块的示意图。

图5是本发明一较佳实施例的用户界面的生成装置的结构示意图。

图6是本发明一较佳实施例的电子装置的结构示意图。

具体实施方式

下面将对本发明实施方式中的技术方案进行清楚、完整地描述，显然，所描述的实施方式仅是本发明的一部分实施方式，而不是全部的实施方式。基于本发明中的实施方式，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施方式，都属于本发明保护的范围。

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

以下所描述的实施方式仅仅是示意性的，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。系统权利要求中陈述的多个单元或装置也可以由同一个单元或装置通过软件或者硬件来实现。第一，第二等词语用来表示名称，而并不表示任何特定的顺序。

除非另有定义，本文所使用的所有的技术和科学术语与属于本发明的技术领域的技术人员通常理解的含义相同。本文中在本发明的说明书中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本发明。本文所使用的术语“及／或”包括一个或多个相关的所列项目的任意的和所有的组合。

为了能够更清楚地理解本发明的上述目的、特征和优点，下面结合附图和具体实施例对本发明进行详细描述。需要说明的是，在不冲突的情况下，本发明的实施例及实施例中的特征可以相互组合。在下面的描述中阐述了很多具体细节以便于充分理解本发明，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。

基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。除非另有定义，本文所使用的所有的技术和科学术语与属于本发明的技术领域的技术人员通常理解的含义相同。本文中在本发明的说明书中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本发明。

如前所述，目前，很多用户界面（如网站）都是简约化的响应式设计，以展示数据和降低硬件成本为主，本发明的其中一个目的是提供用一种户界面的生成方法及装置、电子装置及计算机可读存储介质，快速的开发一个利于维护的网站页面或应用程序界面（即用户界面），根据用户的需求，如公司本身的产品特点，完成带有自己风格的网站。以下结合附图对本发明的各实施例进行详细说明。

请参阅图2，图2是本发明一较佳实施例提供的用户界面的生成方法的流程图。所述用户界面的生成方法包括以下步骤S1-S4。

步骤S1，提供若干待选择的技术流。其中，所述技术流可以PC（personalcomputer）端技术流及/或移动端（mobile terminal）技术流。可以理解，所述若干待选择的技术流可以为至少两个，且可以通过显示装置显示，用户可以输入装置输入指令来选择当前技术流。具体地，所述PC端技术流可以包括原生JS（JavaScript）、JQuery、Vue、React、Angluar中的一种、两种或多种，但并不以上述为限。所述移动端技术流包括API Cloud、Weex、原生JS、JQuery、Cordova中的一种、两种或多种，也并不以上述为限。

步骤S2，提供若干待选择的布局模式。其中，所述若干待选择的布局模式可以为至少两个，所述布局模式包括扁平化布局、半扁平化布局及渐变色布局中的至少一种、两种或多种。具体地，所述扁平化布局，可适配手机端、PC端、微信小程序等，比较简约化，以显示数据为主；所述半扁平化布局，可适配手机端、PC端、微信小程序等，可兼顾用户体验和展示数据直白；所述渐变色布局，也可以适配手机端、PC端、微信小程序等，且可以增加用户视觉，传达丰富感情。

步骤S3，根据用户操作产生的技术流选择指令及布局模式选择指令生成与用户选择的技术流及布局模式相对应的数据格式供用户填写。具体地，所述步骤S3中，用户可以操作输入装置从而产生技术流选择指令及布局模式选择指令来选定当前技术流（即用户需要使用的技术流）及布局模式。可以理解，每个被选定的技术流及布局模式均对应有一个数据格式，所述数据格式可以包括待生成的用户界面的各模块的设定信息及/或各模块待填充的一些数据信息等。具体地，在一种实施例中，所述设定信息包括模块数量、模块位置、模块文字颜色、模块背景颜色、是否使用路由跳转、是否使用动画、展开一个子或多个子菜单等中的至少一个、两个或多个。如图3所示，图3为一种生成的数据格式的示例，供理解及参考，可以理解，以下示例中每段的左侧主要为数据格式代码，右侧是数据格式代码的含义说明。

可以理解，在一种实施例中，所述数据格式可以前端实现，如直接在网页上或者电子装置（如手机）页面上向用户提供提示以便于用户根据提示进行选择，页面会自动组装和生成数据进而完成填写，所述前端实现的方式可以方便非专业的界面制作技术人员进行操作。在另一种实施例中，所述数据格式可以后端实现，即可根据网页上提供的数据格式直接进行相关格式的编写和组装进而完成填写（如直接输入代码等），所述后端实现的方式可以方便专业的界面制作技术人员进行操作。

步骤S4，获取用户输入的数据并生成用户界面。具体地，所述步骤S4可以包括以下步骤：

获取用户根据所述数据格式输入的所述用户界面的各模块的设定信息；

依据所述各模块的设定信息并进行数据组合从而生成所述用户界面的简易模版及API需求文档，其中所述简易模板具有与所述设定信息对应的各模块，所述API需求文档用于供用户查阅所述简易模板需要填充的API需求数据；及

获取所述API需求数据并填充至所述简易模版中并生成所述用户界面。

其中，所述API需求文档可以为展示给用户的文档，进而用户可以进一步根据所述API需求文档提供所述API需求数据，例如根据所述API需求文档进行相应的API接口上传所述API需求数据，进而将所述API需求数据填充至所述简易模版中并生成所述用户界面。

具体地，在一种实施例中，所述API需求数据可以包括用户当前提供的数据阵列（data array），如可以获取用户当前提供的数据阵列并填充至所述简易模版中并生成所述用户界面。可以理解，所述用户当前提供的数据阵列可以是固定不变的数据阵列，从而除非重新输入新的数据阵列，否则生成的所述用户界面中，所述当前输入的数据阵列对应模块中的部分数据是固定不变。

进一步地，所述API需求数据还可以包括预存在至少一路由地址的数据阵列，也可以成为后期调用的数据阵列。所述获取所述API需求数据的步骤包括：根据用户的输入所述至少一路由地址调用所述至少一路由地址存储的数据阵列，及使用数据过滤系统将所述至少一路由地址存储的数据阵列组装并填充至所述简易模版中从而生成所述用户界面。可以理解，当所述至少一路由地址中的数据阵列改变时，在生成的所述用户界面中，所述至少一路由地址的数据阵列对应模块中的部分数据可以随所述至少一路由地址的数据阵列的变化而动态改变，实现数据阵列的实时更新。

如图4所示，图4是图2所示的用户界面的生成方法获得的一种用户界面的示意图，所述各模块1、2、3、4、5可以为带搜索和分页的table，简单可变色的table，不同色块的card，可伸缩和筛选的无限级分类的列表等。对应地，为生成所述各模块1、2、3、4、5的设定信息已在生成的数据格式中展示且可以依据用户的输入进行选择及确定，进而可以在简易模板中展示；更进一步地，为生成所述各模块1、2、3、4、5需要用户输入从而获取API需求数据则包括获取左侧列表的API数据、不同色块卡的值的API数据、table内显示的API数据、关键字搜索的API数据等。可以理解，所述简易模板与所述用户界面的区别可以主要为是否填充有API需求数据，其中，所述简易模板未填充API需求数据，所述用户界面已完成所述API需求数据的填充。

进一步地，对于具有可伸缩和筛选的无限级分类的列表（如模块1）来说，其可以涉及两个或多个子菜单（或者说页面），进行API需求数据填充时，可将所述模块对应的API需求数据进一步分割成不同数据块，根据点击的当前子菜单（或者说页面）填充不同的数据块，并且，填充所述数据块时，所述已填充数据块的子菜单（或者说页面）及未填充数据的子菜单（或者说页面）的模块可自动缓存，达到自动更新所述简易模板的各模块，无缝切换的效果。可以理解，进行所述模块对应的API需求数据的分割时，不同数据块可以具有明显的分割标识，便于后续对不同数据块进行填充，避免数据块填充错误。

可以理解，所述用户界面的生成方法还可以进一步包括以下步骤：将所述用户输入的设定信息及/或所述API需求数据转换为JSON字符串，以便于前端或后端程序解析。

相较于背景技术，本发明实施例提供的用户界面的生成方法及装置、电子装置及计算机可读存储介质中，提供用户待选择的技术流及布局模式，可以方便使用不同技术的用户依据自己的需求选择适合的技术流及布局模式，并进一步生成供用户填写的数据格式，从而生成符合用户需求的用户界面，提高用户界面的生成效率、降低用户的学习成本以及用户界面的修改成本。

特别是，由于移动端（如手机、可穿戴设备、平板电脑等）的用户界面与PC端（电脑等）的用户界面因为屏幕大小属性及操作方式的（屏幕尺寸与是否可触摸操作）的不同，为配合不同屏幕大小属性及操作方式，二者使用的技术流通常有所不同，提供给用户待选择的技术流可以让用户基于自己想要生成的用户界面应用在何种设备（移动端还是PC端），以及考虑各技术流的特点来进行选择，从而产生最符合需求的用户界面，进而提高用户界面的生成效率、降低用户的学习成本以及用户界面的修改成本。

在一种实施例中，由于可以通过提供的数据模式获取用户输入的所述用户界面的各模块的设定信息，使得可以依据用户的设定生成建议模板及API需求，从而可以产生各种组合的各种各样的用户界面，满足不同用户的需求，同样也可以提高用户界面的生成效率、降低用户的学习成本以及用户界面的修改成本。

更进一步地，所述API需求数据可以包括用户当前提供的数据阵列及/或至少一路由地址存储的数据阵列，可以满足不同用户的需求及通过调用实现数据阵列的实时更新等，也可以提高用户界面的生成效率、降低用户的学习成本以及用户界面的修改成本。

请参阅图5，图5是本发明一较佳实施例的用户界面的生成装置10的结构示意图。所述用户界面的生成装置10可以包括技术流提供模块11、布局模式提供模块12、数据格式生成模块13、用户界面生成模块15。其中，图4所示的模块11、12、13、14可以是指一种能够被计算机所执行并且能够完成固定功能的一系列计算机程序段。本发明提供的用户界面的生成装置10可应用于电子装置，所述电子装置可以为个人计算机PC（Personal Computer）、手机、平板等具有数据处理能力的电子设备。

所述技术流提供模块11用于提供若干待选择的技术流，即执行上述步骤S1，由于前面已经对所述步骤S1进行详细说明及描述，此处就不再赘述。

所述布局模式提供模块12用于提供若干个待选择的技术流以及依据用户操作产生的技术流选择指令确定当前技术流，即执行上述步骤S2，由于前面已经对所述步骤S2进行详细说明及描述，此处就不再赘述。

所述数据格式生成模块13用于根据用户操作产生的技术流选择指令及布局模式选择指令生成与用户选择的技术流及布局模式相对应的数据格式供用户填写，即执行上述步骤S3，由于前面已经对所述步骤S3进行详细说明及描述，此处就不再赘述。

所述用户界面生成模块14用于获取用户输入的数据并生成用户界面，即执行所述步骤S4，由于前面已经对所述步骤S4进行详细说明及描述，此处就不再赘述。

请参阅图6，图6是本发明一较佳实施例的电子装置的结构示意图。该实施例的电子装置50是一种能够按照事先设定或存储的指令，自动进行数值计算和/或信息处理的设备，包括：存储器51、处理器52以及存储在所述存储器51中并可在所述处理器52上运行的计算机程序，例如应用程序打包程序。所述处理器52执行所述计算机程序时实现上述实施例中的步骤，例如图2所示的步骤。或者，所述处理器52执行所述计算机程序时实现上述各装置实施例中各模块的功能。

示例性的，所述计算机程序可以被分割成一个或多个模块/单元，所述一个或者多个模块/单元被存储在所述存储器51中，并由所述处理器52执行，以完成本发明。所述一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述所述计算机程序在所述电子装置中的执行过程。例如，所述计算机程序可以被分割成图4所示的技术流提供模块11、布局模式提供模块12、数据格式生成模块13、及用户界面生成模块14。

所述电子装置50可以是，但不限于任何一种可进行数据处理的电子产品，例如，PC、平板电脑、智能手机、个人数字助理（Personal Digital Assistant，PDA）。

所述存储器51可用于存储所述计算机程序和/或模块，所述处理器52通过运行或执行存储在所述存储器51内的计算机程序和/或模块，以及调用存储在存储器51内的数据，实现所述电子装置50的各种功能。所述存储器51可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序（比如声音播放功能、图像播放功能等）等；存储数据区可存储根据电子装置50的使用所创建的数据（比如音频数据、电话本等）等。此外，存储器51可以包括高速随机存取存储器，还可以包括非易失性存储器，例如硬盘、内存、插接式硬盘，智能存储卡（Smart Media Card, SMC），安全数字（SecureDigital, SD）卡，闪存卡（Flash Card）、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

所述处理器52可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器 (Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列 (Field-Programmable Gate Array，FPGA) 或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，所述处理器是所述电子装置50的控制中心，利用各种接口和线路连接整个电子装置50的各个部分。

优选地，所述处理器52可调用所述存储器51中存储的程序代码以执行相关的功能。例如，图4中所述的各个模块是存储在所述存储器51中的程序代码，并由所述处理器52所执行，以实现本发明的用户界面的生成方法（例如实施例中图2所示的用户界面的生成方法）。

所述电子装置50还可包括至少一个通信装置53、至少一个显示装置54、至少一个输入装置55以及至少一个通信总线。其中，所述通信总线用于实现这些组件之间的连接通信。其中所述通信装置53用于所述电子装置50从其他电子装置通信或获取网络上的指定信息，例如渠道信息、应用程序等。所述显示装置53用于显示上所述的一个或多个用户界面。所述输入装置55用于允许用户与所述电子装置交互以输入指定信息，例如渠道配置信息等。

其中，所述通信装置53可以是有线通信装置也可以是无线通信装置。其中所述有线通信装置包括通信端口，例如通用串行总线(universal serial bus, USB)、控制器局域网（Controller area network，CAN）、串行及/或其他标准网络连接、集成电路间（Inter-Integrated Circuit，I²C）总线等。所述无线通信装置可采用任意类别的无线通信系统，例如，蓝牙、红外线、无线保真（Wireless Fidelity, WiFi）、蜂窝技术，卫星，及广播。其中所述蜂窝技术可包括第二代（2G）、第三代（3G）、第四代（4G）或第五代（5G）等移动通信技术。

所述显示装置54可以是触液晶显示屏（Liquid Crystal Display, LCD）、发光二极管（Light Emitting Diode，LED）显示屏、有机电激光显示屏（Organic Light-EmittingDiode，OLED）或其他适宜的显示屏。

所述输入装置55可包括任意适宜的输入设备，包括但不限于，鼠标、键盘、触摸屏、或非接触式输入，例如，手势输入、声音输入等。

本领域技术人员可以理解，所述示意图仅仅是电子装置的示例，并不构成对电子装置的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述电子装置50还可以包括输入设备、网络接入设备等。

可以理解，所述电子装置集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本发明实现上述实施例所述的情绪识别方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上文方法实施例所述的情绪识别方法的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器（ROM，Read-Only Memory）、随机存取存储器（RAM，Random Access Memory）、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。

在本发明所提供的几个实施例中，应该理解到，所揭露的方法和装置，也可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。

对于本领域技术人员而言，显然本发明不限于上述示范性实施例的细节，而且在不背离本发明的精神或基本特征的情况下，能够以其他的具体形式实现本发明。因此，无论从哪一点来看，均应将实施例看作是示范性的，而且是非限制性的，本发明的范围由所附权利要求而不是上述说明限定，因此旨在将落在权利要求的等同要件的含义和范围内的所有变化涵括在本发明内。不应将权利要求中的任何附图标记视为限制所涉及的权利要求。此外，显然“包括”一词不排除其他单元或步骤，单数不排除复数。装置权利要求中陈述的多个装置也可以由同一个装置或系统通过软件或者硬件来实现。第一，第二等词语用来表示名称，而并不表示任何特定的顺序。

最后应说明的是，以上实施例仅用以说明本发明的技术方案而非限制，尽管参照较佳实施例对本发明进行了详细说明，本领域的普通技术人员应当理解，可以对本发明的技术方案进行修改或等同替换，而不脱离本发明技术方案的精神和范围。

Claims (10)

1.一种用户界面的生成方法，其特征在于，所述方法包括以下步骤：

提供若干待选择的技术流；

提供若干待选择的布局模式；

根据用户操作产生的技术流选择指令及布局模式选择指令生成与用户选择的技术流及布局模式相对应的数据格式供用户填写；及

获取用户输入的数据并生成用户界面。

2.如权利要求1所述的用户界面生成方法，其特征在于：所述数据格式包括待生成的用户界面的各模块的设定信息及各模块待填充的数据信息，所述设定信息包括模块数量、模块位置、模块文字颜色、模块背景颜色、是否使用路由跳转、是否使用动画、展开一个子菜单或多个子菜单中的至少一个、两个或多个。

3.如权利要求2所述的用户界面的生成方法，其特征在于：所述获取用户输入的数据并生成用户界面的步骤包括以下步骤：

获取用户根据所述数据格式输入的所述用户界面的各模块的设定信息；

依据所述各模块的设定信息并进行数据组合从而生成所述用户界面的简易模版及API需求，其中所述简易模板具有与所述设定信息对应的各模块，所述API需求文档用于供用户查阅所述简易模板需要填充的API需求数据；及

获取所述API需求数据并填充至所述简易模版中并生成所述用户界面。

4.如权利要求3所述的用户界面的生成方法，其特征在于：所述API需求数据包括用户当前提供的数据阵列，根据用户的输入获取API需求数据并填充至所述简易模版中并生成所述用户界面包括以下步骤：获取用户当前提供的数据阵列并填充至所述简易模版中并生成所述用户界面。

5.如权利要求3所述的用户界面的生成方法，其特征在于：所述API需求数据包括预存在至少一路由地址的数据阵列，所述获取所述API需求数据的步骤包括：根据用户的输入所述至少一路由地址调用所述至少一路由地址存储的数据阵列，及使用数据过滤系统将所述至少一路由地址存储的数据阵列组装并填充至所述简易模版中从而生成所述用户界面。

6.如权利要求1所述的用户界面的生成方法，其特征在于，所述技术流包括PC端技术流及/或移动端技术流，所述PC端技术流包括原生JS、JQuery、Vue、React、及Angluar中的一种、两种或多种；所述移动端技术流包括API Cloud、Weex、原生JS、JQuery、Cordova中的一种、两种或多种。

7.如权利要求1所述的用户界面的生成方法，其特征在于，所述布局模式包括扁平化布局、半扁平化布局及渐变色布局中的至少一种、两种或多种。

8.一种用户界面的生成装置，其特征在于：所述用户界面生成装置包括：

技术流提供模块，用于提供若干待选择的技术流；

布局模式提供模块，用于提供若干待选择的布局模式；

数据格式生成模块，根据用户操作产生的技术流选择指令及布局模式选择指令生成与用户选择的技术流及布局模式相对应的数据格式供用户填写；及

用户界面生成模块，获取用户输入的数据并生成用户界面。

9.一种电子装置，其特征在于，所述电子装置包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的用户界面生成程序，所述用户界面生成程序被所述处理器执行时实现权利要求1至7项任意一项所述的方法的步骤。

10.一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，其特征在于：所述计算机程序被处理器执行时实现权利要求1至7项任意一项所述的方法的步骤。