CN107515702A - 一种页面交互方法及装置 - Google Patents

一种页面交互方法及装置 Download PDF

Info

Publication number
CN107515702A
CN107515702A CN201610431324.XA CN201610431324A CN107515702A CN 107515702 A CN107515702 A CN 107515702A CN 201610431324 A CN201610431324 A CN 201610431324A CN 107515702 A CN107515702 A CN 107515702A
Authority
CN
China
Prior art keywords
input frame
information
frame control
list item
control
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201610431324.XA
Other languages
English (en)
Other versions
CN107515702B (zh
Inventor
殷晖
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Suning Commerce Group Co Ltd
Original Assignee
Suning Commerce Group Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Suning Commerce Group Co Ltd filed Critical Suning Commerce Group Co Ltd
Priority to CN201610431324.XA priority Critical patent/CN107515702B/zh
Publication of CN107515702A publication Critical patent/CN107515702A/zh
Application granted granted Critical
Publication of CN107515702B publication Critical patent/CN107515702B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance

Abstract

本发明实施例公开了一种页面交互方法及装置,涉及智能终端技术领域,能够提高用户与页面的交互效率,减少用户在页面中的操作时间。本发明包括:获取用户通过第一输入框控件输入的信息,并查询得到与通过第一输入框控件输入的信息对应的关联信息;在显示第一输入框控件的位置加载表格控件,将通过第一输入框控件输入的信息和关联信息写入表项,并在表格控件中各表项的对应位置加载子输入框控件;在各个子输入框控件中分别显示通过第一输入框控件输入的信息和关联信息的默认字符;根据用户操作更新各个子输入框控件中显示的字符,并将用户的操作结束时各个子输入框控件中显示的字符作为用户最终输入的信息进行提取。本发明适用于改良用户界面。

Description

一种页面交互方法及装置
技术领域
本发明涉及智能终端技术领域,尤其涉及一种页面交互方法及装置。
背景技术
目前,用户在使用平板电脑、智能手机等终端设备时,经常会遇到需要填写信息的操作,尤其是在访问运营商提供的在线平台时。例如:用户在使用平板电脑网购下单时,需要填写商品数量、颜色、款式、尺码、等商品信息,还要填写优惠券信息、开票信息等其他业务信息,也需要花费很多时间。
而为了将页面设计的尽量简洁,运营商也会将需要用户填写的输入框分为多个页面进行显示,用户填写完一个页面中的输入框后,界面跳转至下一个页面,虽然满足了页面美观的要求,但是需要用户花费很多时间进行填写操作的问题依然没有解决,且还需要点击跳转页面,这又进一步增加了用户的操作时间。
发明内容
本发明的实施例提供一种页面交互方法及装置,能够提高用户与页面的交互效率,减少用户在页面中的操作时间。
为达到上述目的,本发明的实施例采用如下技术方案:
第一方面,本发明的实施例提供的方法,包括:
获取用户通过第一输入框控件输入的信息,并查询得到与所述通过第一输入框控件输入的信息对应的关联信息;在显示所述第一输入框控件的位置加载表格控件,将所述通过第一输入框控件输入的信息和所述关联信息写入表项,并在所述表格控件中各表项的对应位置加载子输入框控件;在各个子输入框控件中分别显示所述通过第一输入框控件输入的信息和所述关联信息的默认字符;根据用户操作更新各个子输入框控件中显示的字符,并将用户的操作结束时各个子输入框控件中显示的字符作为用户最终输入的信息进行提取。
结合第一方面,在第一方面的第一种可能的实现方式中,还包括:读取预设的排序规则,并根据所述排序规则依次排列并显示各表项。
结合第一方面的第一种可能的实现方式,在第二种可能的实现方式中,还包括:获取用户的操作记录,并根据所述操作记录获取排序规则。
结合第一方面,在第一方面的第三种可能的实现方式中,还包括:在所述表格控件中各表项的对应位置加载子输入框控件之后,在加载所述表格控件的位置的相邻区域,加载第二输入框控件;获取用户通过所述第二输入框控件输入的信息,并根据所述通过所述第二输入框控件输入的信息,在所述表格控件中增加表项,并加载对应所增加表项的子输入框控件。
结合第一方面,在第一方面的第四种可能的实现方式中,还包括:在所述表格控件中各表项的对应位置加载子输入框控件之后,在加载所述表格控件的位置的相邻区域显示表项信息,所述表项信息的内容与所述表格控件中的表项不同;在所述表项信息中提取对应用户的选择操作的表项,并加入所述表格控件。
结合第一方面,在第一方面的第五种可能的实现方式中,还包括:检测所述表格控件中所显示的表格的长度是否超出界面范围;若是则根据所显示的表格生成子表格,其中,一个子表格包括相同类型的表项。
结合第一方面的第五种可能的实现方式,在第六种可能的实现方式中,还包括:在所述界面范围中,一个子表格显示为一行;或者,在所述界面范围中,一个子表格显示为一列。
结合第一方面或第一方面的任意一项可能的实现方式,在第七种可能的实现方式中,还包括:在用户的操作结束时,提取所述表格控件中的表项和各个子输入框控件中显示的字符,并记录至模板中;读取所述模板并加载所述模板中记录的表项至所述表格控件,和加载所述模板中记录的字符至各个子输入框控件。
第二方面,本发明的实施例提供的装置,包括:信息输入模块,用于获取用户通过第一输入框控件输入的信息,并查询得到与所述通过第一输入框控件输入的信息对应的关联信息;
表格加载模块,用于在显示所述第一输入框控件的位置加载表格控件,将所述通过第一输入框控件输入的信息和所述关联信息写入表项,并在所述表格控件中各表项的对应位置加载子输入框控件;
字符加载模块,用于在各个子输入框控件中分别显示所述通过第一输入框控件输入的信息和所述关联信息的默认字符;
信息提取模块,用于根据用户操作更新各个子输入框控件中显示的字符,并将用户的操作结束时各个子输入框控件中显示的字符作为用户最终输入的信息进行提取。
结合第二方面,在第二方面的第一种可能的实现方式中,还包括:
排序模块,用于读取预设的排序规则,并根据所述排序规则依次排列并显示各表项;或者获取用户的操作记录,并根据所述操作记录获取排序规则;
和/或,还包括:输入控件加载模块,用于在所述表格控件中各表项的对应位置加载子输入框控件之后,在加载所述表格控件的位置的相邻区域,加载第二输入框控件;所述信息输入模块,还用于获取用户通过所述第二输入框控件输入的信息,并根据所述通过所述第二输入框控件输入的信息,在所述表格控件中增加表项,并加载对应所增加表项的子输入框控件;
和/或,还包括:选择菜单加载模块,用于在所述表格控件中各表项的对应位置加载子输入框控件之后,在加载所述表格控件的位置的相邻区域显示表项信息,所述表项信息的内容与所述表格控件中的表项不同;并在所述表项信息中提取对应用户的选择操作的表项,并加入所述表格控件;
和/或,还包括:界面管理模块,用于:检测所述表格控件中所显示的表格的长度是否超出界面范围;若是则根据所显示的表格生成子表格,其中,一个子表格包括相同类型的表项;还用于:在所述界面范围中,一个子表格显示为一行;或者,在所述界面范围中,一个子表格显示为一列;
和/或,还包括:模板管理模块,用于在用户的操作结束时,提取所述表格控件中的表项和各个子输入框控件中显示的字符,并记录至模板中;并读取所述模板并加载所述模板中记录的表项至所述表格控件,和加载所述模板中记录的字符至各个子输入框控件。
本发明实施例提供的页面交互方法及装置,在保持页面信息显示效果简洁美观的同时,避免了通过多个页面分担输入框,使得用户在一个页面中完成所有的输入项目,减少了用户的操作时间。并且还通过将常用的或重要的表项前置,从而引导用户的注意力聚焦在需要操作的项目上,缓减了用户在界面中花时间寻找所需项目的问题,从而提高了用户与页面的交互效率,进一步减少了用户在页面中的操作时间。
附图说明
为了更清楚地说明本发明实施例中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它的附图。
图1为本发明实施例提供的终端设备的架构示意图;
图2为本发明实施例提供页面交互方法的流程示意图;
图3、图5、图6a、图6b、图7、图8、图9、图10和图11为本发明实施例提供的具体实例的界面显示示意图;
图4为本发明实施例提供一种数据传输实例的流程示意图;
图12-图13为本发明实施例提供页面交互装置的结构示意图。
具体实施方式
为使本领域技术人员更好地理解本发明的技术方案,下面结合附图和具体实施方式对本发明作进一步详细描述。下文中将详细描述本发明的实施方式,所述实施方式的示例在附图中示出,其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施方式是示例性的,仅用于解释本发明,而不能解释为对本发明的限制。本技术领域技术人员可以理解,除非特意声明,这里使用的单数形式“一”、“一个”、“所述”和“该”也可包括复数形式。应该进一步理解的是,本发明的说明书中使用的措辞“包括”是指存在所述特征、整数、步骤、操作、元件和/或组件,但是并不排除存在或添加一个或多个其他特征、整数、步骤、操作、元件、组件和/或它们的组。应该理解,当我们称元件被“连接”或“耦接”到另一元件时,它可以直接连接或耦接到其他元件,或者也可以存在中间元件。此外,这里使用的“连接”或“耦接”可以包括无线连接或耦接。这里使用的措辞“和/或”包括一个或更多个相关联的列出项的任一单元和全部组合。本技术领域技术人员可以理解,除非另外定义,这里使用的所有术语(包括技术术语和科学术语)具有与本发明所属领域中的普通技术人员的一般理解相同的意义。还应该理解的是,诸如通用字典中定义的那些术语应该被理解为具有与现有技术的上下文中的意义一致的意义,并且除非像这里一样定义,不会用理想化或过于正式的含义来解释。
本实施例提供的屏幕显示方法,具体可以应用在一种具备人机交互界面的终端设备上,例如:智能手机、平板电脑(Tablet Personal Computer)、膝上型电脑(LaptopComputer)、个人数字助理(personal digital assistant,简称PDA)、或可穿戴式设备(Wearable Device)等终端设备。该终端设备的具体结构可以参照图1所示。所述终端设备包括输入单元、处理器单元、输出单元、通信单元、存储单元、外设单元等组件。这些组件通过一条或多条总线进行通信。本领域技术人员可以理解,图中示出的终端设备的结构并不构成对本发明的限定,它既可以是总线形结构,也可以是星型结构,还可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
输入单元用于实现用户与终端设备的交互和/或信息输入到终端设备中。例如,输入单元可以接收用户输入的数字或字符信息,以产生与用户设置或功能控制有关的信号输入。在本发明具体实施方式中,输入单元可以是触控面板,也可以是其他人机交互界面,例如实体输入键、麦克风等,还可是其他外部信息撷取装置,例如摄像头等。在本发明的其他实施方式中,输入单元所采用的实体输入键可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。麦克风形式的输入单元可以收集用户或环境输入的语音并将其转换成电信号形式的、处理单元可执行的命令。
处理器单元为终端设备的控制中心,利用各种接口和线路连接整个终端设备的各个部分,通过运行或执行存储在存储单元内的软件程序和/或模块,以及调用存储在存储单元内的数据,以执行终端设备的各种功能和/或处理数据。所述处理器单元可以由集成电路(Integrated Circuit,简称IC)组成,例如可以由单颗封装的IC所组成,也可以由连接多颗相同功能或不同功能的封装IC而组成。举例来说,处理器单元可以仅包括中央处理器(Central Processing Unit,简称CPU),也可以是GPU、数字信号处理器(Digital SignalProcessor,简称DSP)、及通信单元中的控制芯片(例如基带芯片)的组合。在本发明实施方式中,CPU可以是单运算核心,也可以包括多运算核心。
所述通信单元用于建立通信信道,使终端设备通过所述通信信道以连接至远程服务器,并与所述远程服务器交互数据。所述通信单元可以包括无线局域网(Wireless LocalArea Network,简称wireless LAN)模块、蓝牙模块、基带(Base Band)模块等通信模块,以及所述通信模块对应的射频(Radio Frequency,简称RF)电路,用于进行无线局域网络通信、蓝牙通信、红外线通信及/或蜂窝式通信系统通信,例如宽带码分多重接入(WidebandCode Division Multiple Access,简称W-CDMA)及/或高速下行封包存取(High SpeedDownlink Packet Access,简称HSDPA)。所述通信模块用于控制终端设备中的各组件的通信,并且可以支持直接内存存取(Direct Memory Access)。
输出单元包括但不限于影像输出单元和声音输出单元。影像输出单元用于输出文字、图片和/或视频。所述影像输出单元可包括屏幕(或称为显示面板),例如采用LCD(Liquid Crystal Display,液晶显示器)、OLED(Organic Light-Emitting Diode,有机发光二极管)、场发射显示器(field emission display,简称FED)等形式来配置的显示面板。在本发明的具体实施方式中,上述输入单元所采用的屏幕亦可同时作为输出单元例如,当触控面板检测到在其上的触摸或接近的手势操作后,传送给处理单元以确定触摸事件的类型,随后处理单元根据触摸事件的类型在显示面板上提供相应的视觉输出。虽然在图1中,输入单元与输出单元是作为两个独立的部件来实现终端设备的输入和输出功能,但是在某些实施例中,可以将触控面板与显示面板集成一体而实现终端设备的输入和输出功能。例如,所述影像输出单元可以显示各种图形化用户接口(Graphical User Interface,简称GUI)以作为虚拟控制组件,包括但不限于窗口、卷动轴、图标及剪贴簿,以供用户通过触控方式进行操作。
存储单元可用于存储软件程序以及模块,处理单元通过运行存储在存储单元的软件程序以及模块,从而执行终端设备的各种功能应用以及实现数据处理。存储单元主要包括程序存储区和数据存储区,其中,程序存储区可存储操作系统、至少一个功能所需的应用程序,比如声音播放程序、图像播放程序等等;数据存储区可存储根据终端设备的使用所创建的数据(比如音频数据、电话本等)等。在本发明具体实施方式中,存储单元可以包括易失性存储器,例如非挥发性动态随机存取内存(Nonvolatile Random Access Memory,简称NVRAM)、相变化随机存取内存(Phase Change RAM,简称PRAM)、磁阻式随机存取内存(Magetoresistive RAM,简称MRAM)等,还可以包括非易失性存储器,例如至少一个磁盘存储器件、电子可擦除可编程只读存储器(Electrically Erasable Programmable Read-Only Memory,简称EEPROM)、闪存器件,例如反或闪存(NOR flash memory)或是反及闪存(NAND flash memory)。
电源用于给终端设备的不同部件进行供电以维持其运行。作为一般性理解,所述电源可以是内置的电池,例如常见的锂离子电池、镍氢电池等,也包括直接向终端设备供电的外接电源,例如AC适配器等。在本发明的一些实施方式中,所述电源还可以作更为广泛的定义,例如还可以包括电源管理系统、充电系统、电源故障检测电路、电源转换器或逆变器、电源状态指示器(如发光二极管),以及与终端设备的电能生成、管理及分布相关联的其他任何组件。
具体的,在存储单元中存储有信息显示模板和用于执行本实施例中方法流程的程序代码及用户数据、历史数据等数据;输出单元用于输出并呈现第一输入框控件、第二输入框控件、子输入框控件、表格控件等,还在各个子输入框控件中分别显示用户通过第一输入框控件输入的信息和所述关联信息的默认字符;处理单元,用于执行本实施例中方法流程的程序代码从而完成本实施例方案的执行流程;输入单元用于接收用户通过第一输入框控件、子输入框控件或是通过其他的控件、输入界面输入的信息。
本发明实施例提供一种页面交互方法,如图2所示,包括:
S1、获取用户通过第一输入框控件输入的信息,并查询得到与所述通过第一输入框控件输入的信息对应的关联信息。
其中,第一输入框控件具体可以是一种用于用户进行文本信息输入的控件,例如:如图3所示的,显示在终端设备的屏幕中的输入框控件,在该输入框控件中包括了用于用户输入字符的区域1,以及用于用户进行点击操作的确认控件(比如区域2中呈现的控件),确认控件具体可以呈现为箭头、按钮等图案形式。当用户点击确认控件后,终端设备获得点击事件,并触发终端设备接收用户输入输入框控件的字符。
在本实施例中,终端设备可以通过查询本地的存储单元,获取与输入的信息对应的关联信息。或者如图4所示的,也可以在接收用户输入输入框控件的字符后,通过局域无线网络、移动无线网络、宽带网络等数据传输网络,将所输入框控件的字符向远程服务器传输,由远程服务器根据所输入框控件的字符在本地的存储设备中查询并获取与输入的信息对应的关联信息,再向终端设备返回查询得到的关联信息。
在本实施例中,与通过第一输入框控件输入的信息对应的关联信息,可以理解为,与预设的字符、文本信息等存在关联关系的信息,例如:用户输入第一输入框控件的信息为业务凭证的名称信息,则与业务凭证的名称信息存在关联关系的包括:该业务凭证的金额信息,数量信息,类型信息,范围信息,使用限制信息等。这些信息存储在终端设备或者远程服务器中,并由终端设备或者远程服务器根据业务凭证的名称信息和所记录的用于表示关联关系的关系表数据获取这些信息。在本实施例中,关联信息在终端设备和远程服务器中的存储方式可以有多种,例如:关联信息分布式存储在远程服务器中,并在远程服务器中保存有记录关联信息与特定字符的数据关系表,当用户输入第一输入框控件的字符与该特定字符相符时,则远程服务器通过数据关系表查询关联信息。需要说明的是,关联信息与特定字符(比如用户输入第一输入框控件的字符)的划分并不固定,例如:远程服务器中存储有信息集合,在该信息集合中包括了业务凭证的名称信息、金额信息,数量信息,类型信息,使用范围信息,使用期限信息等,用户输入第一输入框控件的字符与信息集合中的任意信息相符时都可以作为特定字符,并将信息集合中的其它信息作为关联信息。
在本实施例中,业务凭证具体类型并不限定,可以是优惠券、通行证、代金券等,也可以是购买许可证、服务凭证等。
S2、在显示所述第一输入框控件的位置加载表格控件,将所述通过第一输入框控件输入的信息和所述关联信息写入表项,并在所述表格控件中各表项的对应位置加载子输入框控件。
其中,表格控件可以覆盖在原第一输入框控件的位置上,也可以显示在第一输入框控件当中,表格控件与第一输入框控件可以是两种相互独立的控件,也可以是一种集成了输入框功能和表格功能的复合型控件,且该复合型控件中还包括在表格控件中各表项的对应位置显示子输入框的功能。
在本实施例中,具体如图5所示的,各表项的对应位置可以为表格所显示表格的第二行,其中所显示表格的第一行中显示各表项,且所加载的子输入框控件用于显示各表项各自对应的子输入框。
S3、在各个子输入框控件中分别显示所述通过第一输入框控件输入的信息和所述关联信息的默认字符。
其中,关联信息作为所显示表格的表项,且用户通过第一输入框控件输入的信息作也为所显示表格的表项之一关联信息的默认字符具体可以是数字字符或文字字符,例如:如图6a所示的,用户通过第一输入框控件输入的信息为业务凭证的名称信息,关联信息包括:金额信息,对应业务凭证的订单的面额信息,数量信息,使用范围信息,使用数量信息等作为表项,关联信息的默认字符包括:金额信息对应的默认数量值,面额信息对应的默认数量值,数量信息对应的默认数量值,使用范围信息对应的默认设备名称,使用数量信息对应的默认数量值等。在如图6a所示的单行显示方案的基础上,也可以采用如图6b所示的双行或多行显示的方式,从而使得列表所展示的数据特征更明确,能够设置和展示多组(多行)信息,且输入框中的信息焦点突出、与列表,按表项排列,使得本实施例中的双行或多行显示的方式具有信息的承载量大、可读性强的优点。
在本实施例中,默认字符可以由用户在终端设备上自定义;也可以由远程服务器提供统一的默认字符模板,并发布给各终端设备;还可以是终端设备在安装APP、系统插件等应用程序时,随应用程序导入终端设备。
S4、根据用户操作更新各个子输入框控件中显示的字符,并将用户的操作结束时各个子输入框控件中显示的字符作为用户最终输入的信息进行提取。
例如:在如图6a或图6b所示的子输入框中所显示各默认字符,用户可以对基于默认字符进行更改操作,比如更改数值、更改设备名称等。并且终端设备还可以显示用于用户进行点击操作的确认控件(比如如图6a或图6b中呈现的按钮控件),当用户点击确认控件后,终端设备获得点击事件,判定用户的操作结束并触发终端设备将各个子输入框控件中显示的字符作为用户最终输入的信息进行提取。
在本实施例中,在显示所述第一输入框控件的位置加载表格控件之前,还包括:读取预设的排序规则,并根据所述排序规则依次排列并显示各表项。其中,排序规则可以由用户自定义;也可以由远程服务器根据具体的业务情况设定并向终端设备发布,从而引导用户的注意力优先聚焦在,靠前显示的表项中。
或者,终端设备获取用户的操作记录,并根据所述操作记录获取排序规则。例如中终端设备可以根据用户的操作记录或用户的操作轨迹,统计并得到发生了数值更改、设备名称更改等用户的更改操作最多的表项,并将表项按照用户的更改操作频率从高至低的顺序依次排列,并按照排列顺序依次显示表项,从而方便用户的更改操作。
本发明实施例提供的页面交互方法,在保持页面信息显示效果简洁美观的同时,避免了通过多个页面分担输入框,使得用户在一个页面中完成所有的输入项目,减少了用户的操作时间。并且还通过将常用的或重要的表项前置,从而引导用户的注意力聚焦在需要操作的项目上,缓减了用户在界面中花时间寻找所需项目的问题,从而提高了用户与页面的交互效率,进一步减少了用户在页面中的操作时间。
在本实施例中,在所述表格控件中各表项的对应位置加载子输入框控件之后,还提供一种由用户输入新表项的方案,包括:
在加载所述表格控件的位置的相邻区域,加载第二输入框控件。
其中,相邻区域可以是表格控件的下方、上方,还可以是靠近表格控件的悬浮框等。例如:如图7所示的,可以在已加载的表格控件下方,邻接子输入框的位置加载第二输入框控件。如图8所示的,可以在已加载的表格控件的周围指定区域内,显示悬浮框并在悬浮框内加载第二输入框控件。
获取用户通过所述第二输入框控件输入的信息,并根据所述通过所述第二输入框控件输入的信息,在所述表格控件中增加表项,并加载对应所增加表项的子输入框控件。例如:在如图6a或图6b示例的基础上,用户通过第二输入框控件输入“使用者账号”,则如图9所示,终端设备在已有的表格中增加表项“使用者账号”并加载对应所增加表项的子输入框控件。
进一步的,需要在已有的表格控件中增加的表项,也可以事先预设可能表项的并保存为表项信息。在所述表格控件中各表项的对应位置加载子输入框控件之后,在加载所述表格控件的位置的相邻区域显示表项信息。并在所述表项信息中提取对应用户的选择操作的表项,并加入所述表格控件。
其中,所述表项信息的内容与所述表格控件中的表项不同。其中,显示表项信息的相邻区域具体可以是悬浮框,屏幕的角落等,表项信息具体可以显示为矩形菜单的形式、环形菜单或者网格状菜单的形式。
在本实施例中,还提供一种处理表格长度过长的界面处理方案,包括:检测所述表格控件中所显示的表格的长度是否超出界面范围。若是则根据所显示的表格生成子表格,其中,一个子表格包括相同类型的表项。其中,在所述界面范围中,一个子表格显示为一行。表项的类型可以分为:表示名称属性的表项、表示数量属性的表项、表示范围属性的表项等。
例如:如图10所示的,当表格的长度超出终端设备的显示界面时,对原表格进行“换行”操作,另起一行的为子表格。或者,在所述界面范围中,一个子表格显示为一列。例如:如图11所示的,当表格的长度超出终端设备的显示界面时,对原表格进行“转换显示顺序”操作,一个子表格显示为一列。从而针对智能手机、平板电脑等屏幕较小的终端设备的进行界面内容的合理分布,便于用户使用屏幕较小的终端设备进行操作。
在本实施例中,还包括:在用户的操作结束时,提取所述表格控件中的表项和各个子输入框控件中显示的字符,并记录至模板中。读取所述模板并加载所述模板中记录的表项至所述表格控件,和加载所述模板中记录的字符至各个子输入框控件。例如:当用户对如图6a或图6b示例的表格中的各表项和子输入框中的名称、数字等字符更改完毕后,用户点击确认控件,终端设备获得点击事件,判定用户的操作结束并触发终端设备将各个子输入框控件中显示的字符作为用户最终输入的信息进行提取,同时,终端设备表格控件中的表项和各个子输入框控件中显示的字符,以便于用户在下一次操作时,自动加载在上一次操作中保存至模板中的表项和字符至所述表格控件和各个子输入框控件。从而减少用户的重复操作,进一步降低了用户的操作耗时。
本发明实施例提供的页面交互方法,在保持页面信息显示效果简洁美观的同时,避免了通过多个页面分担输入框,使得用户在一个页面中完成所有的输入项目,减少了用户的操作时间。并且还通过将常用的或重要的表项前置,从而引导用户的注意力聚焦在需要操作的项目上,缓减了用户在界面中花时间寻找所需项目的问题,从而提高了用户与页面的交互效率,进一步减少了用户在页面中的操作时间。
本发明实施例还提供一种页面交互装置,具体可以运行在如图1所示的终端设备中,如图12所示,该装置包括:
信息输入模块,用于获取用户通过第一输入框控件输入的信息,并查询得到与所述通过第一输入框控件输入的信息对应的关联信息。
表格加载模块,用于在显示所述第一输入框控件的位置加载表格控件,将所述通过第一输入框控件输入的信息和所述关联信息写入表项,并在所述表格控件中各表项的对应位置加载子输入框控件。
字符加载模块,用于在各个子输入框控件中分别显示所述通过第一输入框控件输入的信息和所述关联信息的默认字符。
信息提取模块,用于根据用户操作更新各个子输入框控件中显示的字符,并将用户的操作结束时各个子输入框控件中显示的字符作为用户最终输入的信息进行提取。
进一步的,如图13所示,该装置还可以包括以下模块中的至少一项:
排序模块,用于读取预设的排序规则,并根据所述排序规则依次排列并显示各表项。或者获取用户的操作记录,并根据所述操作记录获取排序规则。
和/或,输入控件加载模块,用于在所述表格控件中各表项的对应位置加载子输入框控件之后,在加载所述表格控件的位置的相邻区域,加载第二输入框控件。所述信息输入模块,还用于获取用户通过所述第二输入框控件输入的信息,并根据所述通过所述第二输入框控件输入的信息,在所述表格控件中增加表项,并加载对应所增加表项的子输入框控件。
和/或,选择菜单加载模块,用于在所述表格控件中各表项的对应位置加载子输入框控件之后,在加载所述表格控件的位置的相邻区域显示表项信息,所述表项信息的内容与所述表格控件中的表项不同。并在所述表项信息中提取对应用户的选择操作的表项,并加入所述表格控件。
和/或,界面管理模块,用于:检测所述表格控件中所显示的表格的长度是否超出界面范围。若是则根据所显示的表格生成子表格,其中,一个子表格包括相同类型的表项。还用于:在所述界面范围中,一个子表格显示为一行。或者,在所述界面范围中,一个子表格显示为一列。
和/或,模板管理模块,用于在用户的操作结束时,提取所述表格控件中的表项和各个子输入框控件中显示的字符,并记录至模板中。并读取所述模板并加载所述模板中记录的表项至所述表格控件,和加载所述模板中记录的字符至各个子输入框控件。
本发明实施例提供的页面交互装置,在保持页面信息显示效果简洁美观的同时,避免了通过多个页面分担输入框,使得用户在一个页面中完成所有的输入项目,减少了用户的操作时间。并且还通过将常用的或重要的表项前置,从而引导用户的注意力聚焦在需要操作的项目上,缓减了用户在界面中花时间寻找所需项目的问题,从而提高了用户与页面的交互效率,进一步减少了用户在页面中的操作时间。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于设备实施例而言,由于其基本相似于方法实施例,所以描述得比较简单,相关之处参见方法实施例的部分说明即可。以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应该以权利要求的保护范围为准。

Claims (10)

1.一种页面交互方法,其特征在于,包括:
获取用户通过第一输入框控件输入的信息,并查询得到与所述通过第一输入框控件输入的信息对应的关联信息;
在显示所述第一输入框控件的位置加载表格控件,将所述通过第一输入框控件输入的信息和所述关联信息写入表项,并在所述表格控件中各表项的对应位置加载子输入框控件;
在各个子输入框控件中分别显示所述通过第一输入框控件输入的信息和所述关联信息的默认字符;
根据用户操作更新各个子输入框控件中显示的字符,并将用户的操作结束时各个子输入框控件中显示的字符作为用户最终输入的信息进行提取。
2.根据权利要求1所述的页面交互方法,其特征在于,还包括:
读取预设的排序规则,并根据所述排序规则依次排列并显示各表项。
3.根据权利要求2所述的页面交互方法,其特征在于,还包括:
获取用户的操作记录,并根据所述操作记录获取排序规则。
4.根据权利要求1所述的页面交互方法,其特征在于,还包括:
在所述表格控件中各表项的对应位置加载子输入框控件之后,在加载所述表格控件的位置的相邻区域,加载第二输入框控件;
获取用户通过所述第二输入框控件输入的信息,并根据所述通过所述第二输入框控件输入的信息,在所述表格控件中增加表项,并加载对应所增加表项的子输入框控件。
5.根据权利要求1所述的页面交互方法,其特征在于,还包括:
在所述表格控件中各表项的对应位置加载子输入框控件之后,在加载所述表格控件的位置的相邻区域显示表项信息,所述表项信息的内容与所述表格控件中的表项不同;
在所述表项信息中提取对应用户的选择操作的表项,并加入所述表格控件。
6.根据权利要求1所述的页面交互方法,其特征在于,还包括:
检测所述表格控件中所显示的表格的长度是否超出界面范围;
若是则根据所显示的表格生成子表格,其中,一个子表格包括相同类型的表项。
7.根据权利要求6中所述的页面交互方法,其特征在于,还包括:
在所述界面范围中,一个子表格显示为一行;
或者,在所述界面范围中,一个子表格显示为一列。
8.根据权利要求1-7中任意一项所述的页面交互方法,其特征在于,还包括:
在用户的操作结束时,提取所述表格控件中的表项和各个子输入框控件中显示的字符,并记录至模板中;
读取所述模板并加载所述模板中记录的表项至所述表格控件,和加载所述模板中记录的字符至各个子输入框控件。
9.一种页面交互装置,其特征在于,包括:
信息输入模块,用于获取用户通过第一输入框控件输入的信息,并查询得到与所述通过第一输入框控件输入的信息对应的关联信息;
表格加载模块,用于在显示所述第一输入框控件的位置加载表格控件,将所述通过第一输入框控件输入的信息和所述关联信息写入表项,并在所述表格控件中各表项的对应位置加载子输入框控件;
字符加载模块,用于在各个子输入框控件中分别显示所述通过第一输入框控件输入的信息和所述关联信息的默认字符;
信息提取模块,用于根据用户操作更新各个子输入框控件中显示的字符,并将用户的操作结束时各个子输入框控件中显示的字符作为用户最终输入的信息进行提取。
10.根据权利要求9所述的页面交互装置,其特征在于,还包括:
排序模块,用于读取预设的排序规则,并根据所述排序规则依次排列并显示各表项;或者获取用户的操作记录,并根据所述操作记录获取排序规则;
和/或,还包括:输入控件加载模块,用于在所述表格控件中各表项的对应位置加载子输入框控件之后,在加载所述表格控件的位置的相邻区域,加载第二输入框控件;所述信息输入模块,还用于获取用户通过所述第二输入框控件输入的信息,并根据所述通过所述第二输入框控件输入的信息,在所述表格控件中增加表项,并加载对应所增加表项的子输入框控件;
和/或,还包括:选择菜单加载模块,用于在所述表格控件中各表项的对应位置加载子输入框控件之后,在加载所述表格控件的位置的相邻区域显示表项信息,所述表项信息的内容与所述表格控件中的表项不同;并在所述表项信息中提取对应用户的选择操作的表项,并加入所述表格控件;
和/或,还包括:界面管理模块,用于:检测所述表格控件中所显示的表格的长度是否超出界面范围;若是则根据所显示的表格生成子表格,其中,一个子表格包括相同类型的表项;还用于:在所述界面范围中,一个子表格显示为一行;或者,在所述界面范围中,一个子表格显示为一列;
和/或,还包括:模板管理模块,用于在用户的操作结束时,提取所述表格控件中的表项和各个子输入框控件中显示的字符,并记录至模板中;并读取所述模板并加载所述模板中记录的表项至所述表格控件,和加载所述模板中记录的字符至各个子输入框控件。
CN201610431324.XA 2016-06-16 2016-06-16 一种页面交互方法及装置 Active CN107515702B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610431324.XA CN107515702B (zh) 2016-06-16 2016-06-16 一种页面交互方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610431324.XA CN107515702B (zh) 2016-06-16 2016-06-16 一种页面交互方法及装置

Publications (2)

Publication Number Publication Date
CN107515702A true CN107515702A (zh) 2017-12-26
CN107515702B CN107515702B (zh) 2020-10-27

Family

ID=60719843

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610431324.XA Active CN107515702B (zh) 2016-06-16 2016-06-16 一种页面交互方法及装置

Country Status (1)

Country Link
CN (1) CN107515702B (zh)

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108664574A (zh) * 2018-04-27 2018-10-16 平安科技(深圳)有限公司 信息的输入方法、终端设备及介质
CN109614591A (zh) * 2018-11-19 2019-04-12 阿里巴巴集团控股有限公司 一种表格的交互展示方法、装置及电子设备
CN110442279A (zh) * 2019-07-22 2019-11-12 维沃移动通信有限公司 一种消息发送方法及移动终端
CN111258472A (zh) * 2020-01-14 2020-06-09 中国银行股份有限公司 页面编辑内容展示方法及装置
CN111401013A (zh) * 2018-12-27 2020-07-10 阿里巴巴集团控股有限公司 表单输入交互方法、表单处理方法、装置及电子设备
CN111832268A (zh) * 2020-06-30 2020-10-27 北京印象笔记科技有限公司 信息交互方法、可读存储介质和电子设备
CN112256522A (zh) * 2020-09-23 2021-01-22 北京达佳互联信息技术有限公司 组件信息获取方法、装置、电子设备及存储介质
CN112416486A (zh) * 2020-10-20 2021-02-26 北京达佳互联信息技术有限公司 信息引导方法、装置、终端及存储介质

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102385577A (zh) * 2010-08-27 2012-03-21 腾讯科技(深圳)有限公司 搜索方法和系统
CN102981847A (zh) * 2012-11-13 2013-03-20 北京奇虎科技有限公司 对页面文本框进行处理的浏览器及方法
CN102982149A (zh) * 2012-11-26 2013-03-20 北京奇虎科技有限公司 利用浏览器用户网络购物信息的浏览方法、装置及浏览器
CN103106078A (zh) * 2013-02-03 2013-05-15 于学斗 一种软件设计的新型界面布局
US20150046825A1 (en) * 2013-08-08 2015-02-12 Eric Qing Li Method and Apparatus for Improving One-handed Operation of a Large Smartphone or a Small Tablet Computer
CN104407853A (zh) * 2014-11-06 2015-03-11 国云科技股份有限公司 一种实现table多行同时编辑的方法

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102385577A (zh) * 2010-08-27 2012-03-21 腾讯科技(深圳)有限公司 搜索方法和系统
CN102981847A (zh) * 2012-11-13 2013-03-20 北京奇虎科技有限公司 对页面文本框进行处理的浏览器及方法
CN102982149A (zh) * 2012-11-26 2013-03-20 北京奇虎科技有限公司 利用浏览器用户网络购物信息的浏览方法、装置及浏览器
CN103106078A (zh) * 2013-02-03 2013-05-15 于学斗 一种软件设计的新型界面布局
US20150046825A1 (en) * 2013-08-08 2015-02-12 Eric Qing Li Method and Apparatus for Improving One-handed Operation of a Large Smartphone or a Small Tablet Computer
CN104407853A (zh) * 2014-11-06 2015-03-11 国云科技股份有限公司 一种实现table多行同时编辑的方法

Cited By (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108664574B (zh) * 2018-04-27 2023-08-18 平安科技(深圳)有限公司 信息的输入方法、终端设备及介质
CN108664574A (zh) * 2018-04-27 2018-10-16 平安科技(深圳)有限公司 信息的输入方法、终端设备及介质
CN109614591A (zh) * 2018-11-19 2019-04-12 阿里巴巴集团控股有限公司 一种表格的交互展示方法、装置及电子设备
CN109614591B (zh) * 2018-11-19 2023-11-14 创新先进技术有限公司 一种表格的交互展示方法、装置及电子设备
CN111401013A (zh) * 2018-12-27 2020-07-10 阿里巴巴集团控股有限公司 表单输入交互方法、表单处理方法、装置及电子设备
CN111401013B (zh) * 2018-12-27 2024-04-16 阿里巴巴集团控股有限公司 表单输入交互方法、表单处理方法、装置及电子设备
CN110442279A (zh) * 2019-07-22 2019-11-12 维沃移动通信有限公司 一种消息发送方法及移动终端
US11895069B2 (en) 2019-07-22 2024-02-06 Vivo Mobile Communication Co., Ltd. Message sending method and mobile terminal
CN110442279B (zh) * 2019-07-22 2021-05-28 维沃移动通信有限公司 一种消息发送方法及移动终端
CN111258472A (zh) * 2020-01-14 2020-06-09 中国银行股份有限公司 页面编辑内容展示方法及装置
CN111832268A (zh) * 2020-06-30 2020-10-27 北京印象笔记科技有限公司 信息交互方法、可读存储介质和电子设备
CN112256522A (zh) * 2020-09-23 2021-01-22 北京达佳互联信息技术有限公司 组件信息获取方法、装置、电子设备及存储介质
CN112416486A (zh) * 2020-10-20 2021-02-26 北京达佳互联信息技术有限公司 信息引导方法、装置、终端及存储介质

Also Published As

Publication number Publication date
CN107515702B (zh) 2020-10-27

Similar Documents

Publication Publication Date Title
CN107515702A (zh) 一种页面交互方法及装置
CN103105995B (zh) 显示方法和电子设备
CN104102419B (zh) 页面显示方法、装置和终端设备
CN106406966A (zh) 一种应用程序的预加载方法及移动终端
EP3504619B1 (en) Apparatus and method for managing notification
CN103279203B (zh) 一种按键复用的方法及多功能按键
CN109933760A (zh) 表单生成方法、装置、计算机设备及计算机可读存储介质
CN105468275A (zh) 对展示对象进行操作的方法及装置
CN104965843A (zh) 一种获取评论信息的方法及装置
CN103902575B (zh) 一种图片信息加载方法及相关装置
CN102932694B (zh) 智能网络电视界面显示方法和装置
CN106325687A (zh) 一种调用程序的方法及终端
CN110221753A (zh) 应用程序下载分类方法及终端设备
CN110502163A (zh) 终端设备的控制方法及终端设备
CN110333918A (zh) 一种管理寄宿程序的方法与设备
CN107209628A (zh) 自适应用户界面窗格对象
CN102236501A (zh) 一种基于移动终端的快捷方式
CN107172235A (zh) 一种终端
CN106250109A (zh) 一种桌面应用程序显示方法、装置以及移动终端
CN107258072A (zh) 聊天软件的对话内容管理方法和系统及记录介质
CN104636406A (zh) 一种根据用户行为推送信息的方法和装置
CN110069188A (zh) 标识显示方法及终端设备
CN107436948A (zh) 文件搜索方法、装置及终端
CN107547748A (zh) 一种图片管理方法、终端及计算机可读存储介质
CN110309444A (zh) 一种页面展示方法、装置、介质及服务器

Legal Events

Date Code Title Description
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
CB02 Change of applicant information

Address after: 210000, 1-5 story, Jinshan building, 8 Shanxi Road, Nanjing, Jiangsu.

Applicant after: SUNING GROUP Co.,Ltd.

Address before: 210042 Nanjing Province, Xuanwu District, Jiangsu Suning Avenue, Suning headquarters, No. 1

Applicant before: SUNING COMMERCE GROUP Co.,Ltd.

CB02 Change of applicant information
GR01 Patent grant
GR01 Patent grant