前端页面转盘菜单组件的展示方法、系统技术方案

本申请提供了一种前端页面转盘菜单组件的展示方法。所述方法包括：显示前端页面，所述前端页面的固定位置设有缩略图；当接收到第一用户选择所述缩略图时，在所述固定位置显示扇形圆盘界面，所述扇形圆盘界面的中心设有关闭按钮，所述扇形圆盘界面的边缘均匀分布若干菜单组件按钮；接收第一用户在所述扇形圆盘界面上的操作；分析所述操作以改变所述扇形圆盘界面上显示的按钮；当接收到第一用户选择所述扇形圆盘界面上的某个按钮时，显示所述按钮对应的页面。本申请提高了用户体验。本申请提高了用户体验。本申请提高了用户体验。

【技术实现步骤摘要】
前端页面转盘菜单组件的展示方法、系统


[0001]本专利技术涉及前端页面展示领域，尤其涉及一种前端页面转盘菜单组件的展示方法和系统。

技术介绍

[0002]目前的从前端网页或者原生页面获取新的页面都会采用菜单或者按钮来做入口，如果在当前页面需要配置的入口较多，就会占用较多的页面空间，同时使页面看起来很凌乱，使第一用户在视觉上对页面的好感降低；且按钮基本是固定在页面的某个位置，随着页面的滑动，按钮可能被遮挡，第一用户想要去点击的话就需要再滑动到该按钮位置，体验不好；另外很多现有的组件都是简单的实现了功能下拉或者左右滑动功能，使用者对组件的扩展性低，组件主题样式等不支持自定义，组件主题样式千篇一律，容易引起第一用户的审美疲劳。目前部分页面上面的菜单组件虽然采用了点击按钮以展开折叠的菜单设计，但是容纳的菜单数量有限，菜单主题过于单调，交互方式不够新颖，不足够吸引第一用户。

技术实现思路

[0003]本专利技术提供了可以提高第一用户体验的一种前端页面转盘菜单组件的展示方法、一种前端页面转盘菜单组件的展示系统。
[0004]本专利技术第一方面提供一种前端页面可以使用的转盘菜单组件的方法。所述方法包括：显示前端页面，所述前端页面的固定位置设有缩略图；当接收到第一用户选择所述缩略图时，在所述固定位置显示扇形圆盘界面，所述扇形圆盘界面的中心设有关闭按钮，所述扇形圆盘界面的边缘均匀分布若干菜单组件按钮；接收第一用户在所述扇形圆盘界面上的操作；分析所述操作以改变所述扇形圆盘界面上显示的按钮；当接收到第一用户选择所述扇形圆盘界面上的某个按钮时，显示所述按钮对应的页面。
[0005]本专利技术第二方面提供一种计算机设备，其特征在于，所述计算机设备包括：
[0006]计算机可读存储介质，用于存储程序指令；
[0007]处理器，用于执行所述程序指令以实现所述的前端页面转盘菜单组件的展示方法。
[0008]本专利技术第三方面提供了一种前端页面转盘菜单组件的展示的系统，其特征在于，所述系统包括：
[0009]客户端，包括第一用户端和第二用户端；
[0010]服务器端，包括：
[0011]存储器，用于存储计算机程序指令，
[0012]处理器，用于执行所述计算机程序指令以实现所述前端页面转盘菜单组件的展示方法。
[0013]本申请通过研发人员预先研发若干组件按钮，并存储于服务器中。在用户需要的时候展开界面，将所述若干组件按钮以扇形圆盘的形式在界面上展示；在用户不需要的时
候以缩略图的形式固定在页面的左上角，占用很少的页面空间。而且界面可以容纳大量的菜单组件，提高了页面空间的利用率。而且研发人员可以根据当前需要随时改变菜单组件的按钮图标的颜色、图案、样式和按钮之间的距离，提高了用户体验。
附图说明
[0014]为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图示出的结构获得其他的附图。
[0015]图1为本申请第一实施例提供的前端页面转盘菜单组件的展示系统的架构示意图。
[0016]图2为本申请第一实施例提供的前端页面转盘菜单组件的展示方法的流程示意图。
[0017]图3为本申请第一实施例提供的扇形圆盘界面的示意图。
[0018]图4为本申请第一实施例提供的步骤104的另一子步骤流程示意图。
[0019]图5为本申请实施例提供的前端页面转盘菜单组件的展示方法的计算机设备内部结构示意图。
具体实施方式
[0020]为了使本申请的目的、技术方案及优点更加清楚明白，如下结合附图及实施例，对本申请进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本申请，并不用于限定本申请。
[0021]本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的实施例能够以除了在这里图示或描述的内容以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
[0022]需要说明的是，在本申请中涉及“第一”、“第二”等的描述仅用于描述目的，而不能理解为指示或暗示其相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。另外，各个实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在，也不在本申请要求的保护范围之内。
[0023]本申请提供了一种前端页面转盘菜单组件的展示方法，所述前端页面转盘菜单组件的展示方法应用于前端页面转盘菜单组件的展示系统。由图1所示，所述系统1包括第一用户端2，第一用户端3和服务器端4，所述第一用户端2，第一用户端3和服务器端4通过网络5进行通讯。所述第一用户端2用于显示页面以供用户操作，并将用户的操作发送至服务器
端4以使服务器进行处理，所述第二用户端3用于接收研发人员输入的参数以改变所述页面上显示的组件的图案、颜色等样式。所述第一用户端2可以但不限于各种个人计算机、笔记本电脑、智能手机、平板电脑和便携式可穿戴设备，服务器4可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
[0024]请结合参看图2，其为本申请第一实施例提供的前端页面转盘菜单组件的展示方法的流程示意图。所述前端页面转盘菜单组件的展示方法包括步骤S101
‑
S105。
[0025]步骤S101，显示前端页面，所述前端页面的固定位置设有缩略图。
[0026]所述前端页面在客户端显示，所述客户端包括手机端、电脑端。所述缩略图为研发人员研发的图标，所述图标可以为圆形；且图标的表面可以标有文字或设计提示图案以向用户显示所述图标是一个被点击后可以打开菜单页面的缩略图标，所述文字可以为菜单，所述图案可以为折叠图案。所述固定位置可以为屏幕的左上角、右上角，通过将所述缩略图固定在屏幕的左上角使图标不会因为页面被拖动或者改变而被遮挡，减少了用户操作地复杂度。
[0027]步骤S102，当接收到第一用户选择所述缩略图时，在所述固定位置显示扇形圆盘界面，所述扇形圆盘界面的中心设有关闭按钮，所述扇形圆盘界面的边缘均匀分布若干菜单组件按钮。
[0028]所述第一用户为使用菜单功能的用户，当第一用户点击所述缩略图的图标时，客户端发送请求至服务器端，服务器端接收到所述请求提供显示扇形圆盘界面本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端页面转盘菜单组件的展示方法，其特征在于，所述方法包括：显示前端页面，所述前端页面的固定位置设有缩略图；当接收到第一用户选择所述缩略图时，在所述固定位置显示扇形圆盘界面，所述扇形圆盘界面的中心设有关闭按钮，所述扇形圆盘界面的边缘均匀分布若干菜单组件按钮；接收第一用户在所述扇形圆盘界面上的操作；分析所述操作以改变所述扇形圆盘界面上显示的按钮；当接收到第一用户选择所述扇形圆盘界面上的某个按钮时，显示所述按钮对应的页面。2.如权利要求1所述的前端页面转盘菜单组件的展示方法，其特征在于，所述前端页面的固定位置为前端页面所在的屏幕的左上角。3.如权利要求1所述的前端页面转盘菜单组件的展示方法，其特征在于，所述方法还包括：接收第二用户输入的按钮样式参数以改变按钮显示的颜色、图案、文字。4.如权利要求1所述的前端页面转盘菜单组件的展示方法，其特征在于,所述方法还包括：接收第二用户输入的新的按钮以及所述按钮对应的页面并存储于服务器。5.如权利要求1所述的前端页面转盘菜单组件的展示方法，其特征在于，所述方法还包括：获取前端显示的页面对应的第一地址；获取与所述第一地址对应的第二地址，所述第二地址为按钮对应的地址，所述第一地址与所述第二地址相匹配...

【专利技术属性】
技术研发人员：罗帅，
申请(专利权)人：平安银行股份有限公司，
类型：发明
国别省市：