一种页面中显示阶梯数据的方法、装置、设备及介质制造方法及图纸

技术编号:27934518 阅读:15 留言:0更新日期:2021-04-02 14:14
本申请提供了一种页面中显示阶梯数据的方法,该方法接收用户通过页面中的多个边界配置控件输入的多个区间的边界值,或者响应于用户滑动页面中的多个边界配置控件至相应刻度值的操作,获得多个区间的边界值,获取多个区间各自对应的数据,多个区间的边界为可调整边界,多个区间各自对应的数据为可编辑数据,将所获取的阶梯数据在页面上进行横向显示。由此可以在界面上清晰、直观地对阶梯数据进行显示,占位较低,页面利用率较高,便于用户对比和查看,提高了用户的体验。

【技术实现步骤摘要】
一种页面中显示阶梯数据的方法、装置、设备及介质
本申请涉及计算机
,尤其涉及一种页面中显示阶梯数据的方法、装置、设备以及计算机可读存储介质。
技术介绍
在许多行业或领域,均存在阶梯数据。例如,电力公司的电价是阶梯电价;又例如,企业给用户代缴个人所得税是按照阶梯税率进行缴纳的。为了方便用户核对,常常需要在计算机的页面中显示上述阶梯电价或阶梯税率。目前,业界通常是采用列表式区间纵向展示阶梯数据的所有区间段对应的数据。然而,这种方法占位高,导致整体操作页面过长不便于用户对比和查看,影响了用户体验。并且,页面留白过多,页面利用率不高。
技术实现思路
本申请提供了一种页面中显示阶梯数据的方法,该方法通过接收用户通过页面中的多个边界配置控件输入的多个区间的边界值,或者响应于用户滑动页面中的多个边界配置控件至相应刻度值的操作,获得多个区间的边界值,获取包括多个区间的阶梯数据,将所获取的阶梯数据在页面中横向显示,由此可以在界面上清晰、直观地对阶梯数据进行显示,占位较低,页面利用率较高,便于用户对比和查看,提高了用户的体验。本申请还提供了上述方法对应的装置、设备、计算机可读存储介质以及计算机程序产品。第一方面,本申请提供了一种页面中显示阶梯数据的方法,该方法包括:接收用户通过页面中的多个边界配置控件输入的多个区间的边界值,或者响应于用户滑动所述页面中的所述多个边界配置控件至相应刻度值的操作,获得所述多个区间的边界值;获取所述多个区间各自对应的数据,所述多个区间的边界为可调整边界,所述多个区间各自对应的数据为可编辑数据;在页面中横向显示所述多个区间以及所述多个区间各自对应的数据。在一些可能的实现方式中,所述方法还包括:通过边界新增控件增加区间边界,以增加区间。在一些可能的实现方式中,所述方法还包括:通过边界删除控件删除区间边界,以合并区间。在一些可能的实现方式中,所述在页面中横向显示所述多个区间以及所述多个区间各自对应的数据,包括:响应于用户对滚动条的操作,显示所述多个区间中的目标区间以及所述目标区间各自对应的数据。在一些可能的实现方式中,所述获取所述多个区间各自对应的数据,包括:接收用户输入的、所述多个区间各自对应的数据;该方法还包括:当所述用户输入的数据不在预设范围内时,向所述用户呈现提示信息,所述提示信息用于提示用户重新输入。在一些可能的实现方式中,所述多个区间各自对应的数据随着所述多个区间的边界值的增加而增加,或者随着所述多个区间的边界值的增加而减少。第二方面,本申请提供了一种页面中显示阶梯数据的装置,该装置包括:通信模块,用于接收用户通过页面中的多个边界配置控件输入的多个区间的边界值,或者响应于用户滑动所述页面中的所述多个边界配置控件至相应刻度值的操作,获得所述多个区间的边界值,获取多个区间各自对应的数据,所述多个区间的边界为可调整边界,所述多个区间各自对应的数据为可编辑数据;显示模块,用于在页面中横向显示多个区间以及多个区间各自对应的数据。在一些可能的实现方式中,该装置还包括:增加模块,用于通过边界新增控件增加区间边界,以增加区间。在一些可能的实现方式中,该装置还包括:删除模块,用于通过边界删除控件删除区间边界,以合并区间。在一些可能的实现方式中,显示模块具体用于:响应于用户对滚动条的操作,显示多个区间中的目标区间以及目标区间各自对应的数据。在一些可能的实现方式中,通信模块具体用于:接收用户输入的、所述多个区间各自对应的数据;显示模块还用于:当所述用户输入的数据不在预设范围内时,向所述用户呈现提示信息,所述提示信息用于提示用户重新输入。在一些可能的实现方式中,多个区间各自对应的数据随着所述多个区间的边界值的增加而增加,或者随着所述多个区间的边界值的增加而减少。第三方面,本申请提供一种设备,设备包括处理器和存储器。处理器、存储器进行相互的通信。处理器用于执行存储器中存储的指令,以使得设备执行如第一方面或第一方面的任一种实现方式中的页面中显示阶梯数据的方法。第四方面,本申请提供一种计算机可读存储介质,计算机可读存储介质中存储有指令,指令指示设备执行上述第一方面或第一方面的任一种实现方式所述的页面中显示阶梯数据的方法。第五方面,本申请提供了一种包含指令的计算机程序产品,当其在设备上运行时,使得设备执行上述第一方面或第一方面的任一种实现方式所述的页面中显示阶梯数据的方法。本申请在上述各方面提供的实现方式的基础上,还可以进行进一步组合以提供更多实现方式。从以上技术方案可以看出,本申请实施例具有以下优点:本申请实施例提供了一种页面中显示阶梯数据的方法,该方法接收用户通过页面中的多个边界配置控件输入的多个区间的边界值,或者响应于用户滑动页面中的多个边界配置控件至相应刻度值的操作,获得多个区间的边界值,获取多个区间各自对应的数据,多个区间的边界为可调整边界,所述多个区间各自对应的数据为可编辑数据,将所获取的阶梯数据在页面上进行横向显示。由此,能够将阶梯数据进行清晰、直观的显示,避免区间过多导致的占位高导致页面过长的问题,便于用户对比和查看,提高了用户体验,并且提高了页面的利用率。进一步地,可以通过边界配置控件对区间边界进行配置,方便用户对区间边界进行调整,对区间数据进行编辑,提高用户体验。附图说明为了更清楚地说明本申请实施例的技术方法,下面将对实施例中所需使用的附图作以简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。图1为本申请实施例提供的一种页面中显示阶梯数据的方法的流程示意图;图2为本申请实施例提供的一种页面中显示阶梯数据的方法的页面显示示意图;图3为本申请实施例提供的一种页面中显示阶梯数据的方法的页面显示示意图;图4为本申请实施例提供的一种页面中显示阶梯数据的方法中配置区间边界的一实施例示意图;图5为本申请实施例提供的一种页面中显示阶梯数据的方法中配置区间边界的另一实施例示意图;图6为本申请实施例提供的一种页面中显示阶梯数据的方法中区间边界校验失败的页面显示示意图;图7为本申请实施例提供的一种页面中显示阶梯数据的方法中配置区间系数的一实施例示意图;图8为本申请实施例提供的一种页面中显示阶梯数据的方法中增加区间边界的示意图;图9为本申请实施例提供的一种页面中显示阶梯数据的方法中删除区间边界的示意图;图10为本申请实施例提供的一种页面中显示阶梯数据的方法中一实施例示意图;图11为本申请实施例提供的一种页面中显示阶梯数据的方法的页面显示示意图;图12为本申请实施例提供的一种页面中显示阶梯数据的方法的流程示意图;图13为本申请本文档来自技高网...

【技术保护点】
1.一种页面中显示阶梯数据的方法,其特征在于,所述方法包括:/n接收用户通过页面中的多个边界配置控件输入的多个区间的边界值,或者响应于用户滑动所述页面中的所述多个边界配置控件至相应刻度值的操作,获得所述多个区间的边界值;/n获取所述多个区间各自对应的数据,所述多个区间的边界为可调整边界,所述多个区间各自对应的数据为可编辑数据;/n在页面中横向显示所述多个区间以及所述多个区间各自对应的数据。/n

【技术特征摘要】
1.一种页面中显示阶梯数据的方法,其特征在于,所述方法包括:
接收用户通过页面中的多个边界配置控件输入的多个区间的边界值,或者响应于用户滑动所述页面中的所述多个边界配置控件至相应刻度值的操作,获得所述多个区间的边界值;
获取所述多个区间各自对应的数据,所述多个区间的边界为可调整边界,所述多个区间各自对应的数据为可编辑数据;
在页面中横向显示所述多个区间以及所述多个区间各自对应的数据。


2.根据权利要求1所述的方法,其特征在于,所述方法还包括:
通过边界新增控件增加区间边界,以增加区间。


3.根据权利要求1所述的方法,其特征在于,所述方法还包括:
通过边界删除控件删除区间边界,以合并区间。


4.根据权利要求1所述的方法,其特征在于,所述在页面中横向显示所述多个区间以及所述多个区间各自对应的数据,包括:
响应于用户对滚动条的操作,显示所述多个区间中的目标区间以及所述目标区间各自对应的数据。


5.根据权利要求1至4任一项所述的方法,其特征在于,所述获取所述多个区间各自对应的数据,包括:
接收用户输入的、所述多个区间各自对应的数据;
所述方法还包括:
当所述用户输入的数据不在预设...

【专利技术属性】
技术研发人员:白小晶高闻嘉
申请(专利权)人:深圳集智数字科技有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1