CN111258472A

CN111258472A - 页面编辑内容展示方法及装置

Info

Publication number: CN111258472A
Application number: CN202010036485.5A
Authority: CN
Inventors: 雷昊
Original assignee: Bank of China Ltd
Current assignee: Bank of China Ltd
Priority date: 2020-01-14
Filing date: 2020-01-14
Publication date: 2020-06-09

Abstract

本申请公开了一种页面编辑内容展示方法及装置，该方法包括：接收用户对于第二输入框的触发请求；在当前页面的设定位置显示所述页面内容的第二输入框；接收用户在所述第二输入框中输入的内容，所述内容关联显示在所述第一输入框中；其中，所述第二输入框与第一输入框相关联，第一输入框为未显示第二输入框之前，当前页面中用于输入所述页面内容的输入框，所述第二输入框中可展示的字符数量大于等于页面内容允许输入的最大字符数量。本申请可以解决现有技术中滑动滚动条或触发弹出框查看未展示内容等方式操作较为繁琐的问题。

Description

页面编辑内容展示方法及装置

技术领域

本申请涉及终端技术领域，尤其涉及一种页面编辑内容展示方法及装置。

背景技术

本部分旨在为权利要求书中陈述的本发明实施例提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。

传统页面内容编辑方法多为在页面中平铺可编辑数据项，当遇到数据项编辑内容较多且页面展示空间有限时，存在已编辑内容展示不全，看不到内容全貌的问题。通常情况下，用于查看显示不全的内容的方法包括滑动滚动条来查看未显示的信息，或者触发弹出框，在弹出框中查看已编辑的完整内容。但是，不论是滑动滚动条的方式还是触发弹出框的方式查看未展示内容的方式，操作都较为繁琐。

发明内容

本申请实施例提供一种页面编辑内容展示方法，用以解决现有技术中滑动滚动条或触发弹出框查看未展示内容等方式操作较为繁琐的问题，该方法包括：

接收用户对于第二输入框的触发请求；在当前页面的设定位置显示所述页面内容的第二输入框；接收用户在所述第二输入框中输入的内容，所述内容关联显示在所述第一输入框中；其中，所述第二输入框与第一输入框相关联，第一输入框为未显示第二输入框之前，当前页面中用于输入所述页面内容的输入框，所述第二输入框中可展示的字符数量大于等于页面内容允许输入的最大字符数量。

本申请实施例还提供一种页面编辑内容展示装置，用以解决现有技术中滑动滚动条或触发弹出框查看未展示内容等方式操作较为繁琐的问题，该装置包括：

接收模块，用于接收用户对于第二输入框的触发请求；显示模块，用于在当前页面的设定位置显示所述页面内容的第二输入框；所述显示模块，还用于当所述接收模块接收用户在所述第二输入框中输入的内容后，将所述内容关联显示在所述第一输入框中；其中，所述第二输入框与第一输入框相关联，第一输入框为未显示第二输入框之前，当前页面中用于输入所述页面内容的输入框，所述第二输入框中可展示的字符数量大于等于页面内容允许输入的最大字符数量。

本申请实施例中，除了页面中正常显示的第一输入框之外，还可以显示第二输入框，第二输入框中可展示的字符数量大于等于页面内容允许输入的最大字符数量，这样即使第一输入框中的内容展示不完整，用户也可以在第二输入框中查看输入的完整内容。本申请中，当触发显示第二输入框后，无需执行其他操作，第二输入框即显示用户输入的完整内容，解决了现有技术中滑动滚动条或触发弹出框查看未展示内容等方式操作较为繁琐的问题，方便了用户的查看。

附图说明

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

图1为本申请实施例中一种页面编辑内容展示方法的流程图；

图2为本申请实施例中一种当前页面的示意图；

图3为本申请实施例中另一种当前页面的示意图；

图4(a)为本申请实施例中另一种当前页面的示意图；

图4(b)为本申请实施例中另一种当前页面的示意图；

图5为本申请实施例中另一种当前页面的示意图；

图6为本申请实施例中的一种页面编辑内容展示装置的结构示意图。

具体实施方式

为使本申请实施例的目的、技术方案和优点更加清楚明白，下面结合附图对本申请实施例做进一步详细说明。在此，本申请的示意性实施例及其说明用于解释本申请，但并不作为对本申请的限定。

本申请实施例提供了一种页面编辑内容展示方法，如图1所示，该方法包括步骤101至步骤103：

步骤101、接收用户对于第二输入框的触发请求。

其中，第二输入框与第一输入框相关联，第一输入框为未显示第二输入框之前，当前页面中用于输入页面内容的输入框，第二输入框中可展示的字符数量大于等于页面内容允许输入的最大字符数量。

在本申请实施例中，用户可以通过设置在当前页面中的显示第二输入框的按钮来触发显示第二输入框，这样用户可以依据自身需求来确定是否需要在当前页面中显示第二输入框。示例性的，如图2所示，当前页面中包含“收款人账号”、“收款人户名”、“收款人开户行”和“付款金额”等待输入项名称，以及其对应的第一输入框，当用户点击显示第二输入框的按钮“+添加交易信息”时，即可显示如图3所示的第二输入框，第二输入框可容纳的字符数量大于等于页面内容允许输入的最大字符数量，因此，当用户向第二输入框中输入内容时，第二输入框可完整的显示用户输入的内容。

当用户点击按钮显示第二输入框后，触发显示第二输入框的按钮可以相应变为收起第二输入框的按钮，如图3所示，当点击“+添加交易信息”按钮后后，“+添加交易信息”按钮变成“-收起添加页面”，用户可以点击该按钮来隐藏第二输入框及第二输入框对应的待输入项名称。

考虑到显示第二输入框的按钮、收起第二输入框的按钮不是必要的按钮，在本申请实施例的一种实现方式中，为了区分该按钮和页面中的其他必要内容，可以设置显示第二输入框的按钮和收起第二输入框的按钮的字体、字体大小或字体颜色有别于其他必要内容，如图2和3所示，“+添加交易信息”按钮和“-收起添加页面”按钮的字体小于“收款人账号”等必要内容的字体大小；或者，还可以设置不同于其他必要内容的颜色的按钮背景颜色，通过颜色的不同来区分不同页面中的不同内容。上述仅示例性的举出了几种区分方式，对于可设置的具体区分方式，在此不做限定。

需要说明的是，显示第二输入框的按钮和收起第二输入框的按钮的位置及按钮内容(即图3中所示的“+添加交易信息”和“-收起添加页面”)可以由页面的开发者来设置，对于其具***置和按钮内容，在此不做限定。

在本申请实施例的另一种实现方式中，考虑到用户可能不熟悉当前页面中每个按钮的作用，可以设置当用户点击第一输入框时，将该点击操作作为第二输入框的触发请求，也就意味着，当用户点击第一输入框，想要向第一输入框中输入内容时，自动触发显示第二输入框，这样也节省了点击显示第二输入框的按钮的操作，更加简便。

步骤102、在当前页面的设定位置显示页面内容的第二输入框。

其中，设定位置可以为当前页面的中未显示内容的空闲区域，例如，如图2所示，当前页面的下方部分未显示任何内容，可以将该部分空闲区域作为设定位置来显示第二输入框。

考虑到不同页面中显示页面内容的多少不同，有些显示内容多的页面中可能不存在足以容纳第二输入框的空闲区域，则页面的开发者可以预设页面中的某个位置仅用来显示第二输入框，该位置不用来显示页面本身的内容，这样，不论该页面中内容多或者少，都存在空闲区域。

或者，设定位置还可以为当前页面显示隐藏页面后隐藏页面中的位置。示例性的，如图4(a)和图4(b)所示，当接收到用户对于第二输入框的触发请求后，如图4(a)所示，当前页面中的隐藏页面，或称为折叠页面打开，显示出第二输入框，如图4(b)所示；当接收到用户收起第二输入框的请求后，第二输入框所在的页面恢复隐藏。结合图2、图3、图4(a)和图4(b)，当用户点击“+添加交易信息”按钮后，第二输入框所在的隐藏页面显示；当用户点击“-收起添加页面”按钮后，第二输入框所在的隐藏页面恢复隐藏。

弹出的第二输入框可以仅仅为输入框，而不包含如图3所示的“收款人账号”和“收款人户名”等待输入项名称。当待输入项为1个时，用户不会将内容输入到错误的待输入项对应的第二输入框中，但是，考虑到当待输入项为多个时，用户可能将内容输入到不对应的第二输入框中，为了避免这种情况，可以在显示第二输入框时，同时将显示第二输入框对应的待输入项名称，从而避免用户出错。

或者，如果每个待输入项对应的第二输入框单独触发时，比如当用户点击第一输入框作为第二输入框的触发请求时，可以只显示用户点击的第一输入框对应的第二输入框，这样用户就可以明确当前输入的第二输入框对应的待输入项名称，输入时就不会出现错误。例如，当用户点击图2中的“收款人户名”对应的第一输入框时，仅“收款人户名”对应的第二输入框出现。

步骤103、接收用户在第二输入框中输入的内容，内容关联显示在第一输入框中。

具体的，内容可以同步显示在第一输入框中，即，当用户向第二输入框中输入内容时，随着用户的输入，输入的内容就自动显示在第一输入框中。相应的，当用户修改第二输入框中的内容时，第一输入框中也同步该修改的内容。

或者，当用户触发内容同步按钮后，内容显示在第一输入框中。示例性的，如图3所示，图3中第二输入框下方显示有“同步”按钮，当用户点击该“同步”按钮后，第二输入框中的内容自动关联到其对应的第一输入框中，如，第二输入框中的“收款人账号”自动同步到“收款人账号”对应的第一输入框中。

在本申请一种可能的实现方式中，用户可能忘记点击内容同步按钮，直接点击了收起第二输入框的按钮，在这种情况下，可以设置弹出框来提示用户是否将当前第二输入款中的内容同步至第一输入框中，以避免用户因忘记同步两个输入框中的内容而导致的内容错漏、遗失。

在本申请实施例的另一种实现方式中，用户还可以在第一输入框中输入内容，当接收到用户在第一输入框中输入的内容之后，内容关联显示在第二输入框中。用户可以通过查看第二输入框中的内容来确定自身输入了哪些内容，方便了第一输入框中完整内容的展示。

考虑到用户可能会对输入的内容进行修改后删除，当第二输入框和第一输入框中的内容同步，且第二输入框收起后，页面中可以出现修改/删除当前内容的选项，如图5所示，当用户点击修改时，填写了与第一输入框中相同内容的第二输入框显示，用户可以在完整显示所有内容的第二输入框中修改所需内容，与现有技术中，修改不能完整显示的第一输入框中内容相比，本申请实施例可以查看完整内容并准确、快速的确定所需修改的内容的所在位置，节省用户修改时所需耗费的时间。

本申请实施例中还提供了一种页面编辑内容展示装置，如图6所示，该装置600包括接收模块601、显示模块602。

接收模块601，用于接收用户对于第二输入框的触发请求。

显示模块602，用于在当前页面的设定位置显示页面内容的第二输入框。

显示模块602，还用于当接收模块601接收用户在第二输入框中输入的内容后，将内容关联显示在第一输入框中。

在本申请实施例的一种实现方式中，显示模块602，还用于当接收模块601接收用户在第一输入框中输入的内容后，将内容关联显示在第二输入框中。

在本申请实施例的一种实现方式中，设定位置，包括：当前页面的中未显示内容的空闲区域；或者，当前页面显示隐藏页面后隐藏页面中的位置。

在本申请实施例的一种实现方式中，显示模块602，用于：

内容同步显示在第一输入框中；或者，

当用户触发内容同步按钮后，内容显示在第一输入框中。

本申请实例还提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现步骤101至步骤103及其各种实现方式所述的任一方法。

本申请实例还提供了一种计算机可读存储介质，计算机可读存储介质存储有执行步骤101至步骤103及其各种实现方式所述的任一方法的计算机程序。

本领域内的技术人员应明白，本申请的实施例可提供为方法、***、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

以上所述的具体实施例，对本申请的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本申请的具体实施例而已，并不用于限定本申请的保护范围，凡在本申请的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims

1.一种页面编辑内容展示方法，其特征在于，所述方法包括：

接收用户对于第二输入框的触发请求；

在当前页面的设定位置显示所述页面内容的第二输入框；

接收用户在所述第二输入框中输入的内容，所述内容关联显示在第一输入框中；

其中，所述第二输入框与第一输入框相关联，第一输入框为未显示第二输入框之前，当前页面中用于输入所述页面内容的输入框，所述第二输入框中可展示的字符数量大于等于页面内容允许输入的最大字符数量。

2.根据权利要求1所述的方法，其特征在于，在当前页面的设定位置显示所述页面内容的第二输入框之后，所述方法还包括：

接收用户在所述第一输入框中输入的内容，所述内容关联显示在所述第二输入框中。

3.根据权利要求1所述的方法，其特征在于，所述设定位置，包括：当前页面的中未显示内容的空闲区域；或者，当前页面显示隐藏页面后隐藏页面中的位置。

4.根据权利要求1或3所述的方法，其特征在于，所述内容关联显示在所述第一输入框中，包括：

所述内容同步显示在所述第一输入框中；或者，

当用户触发内容同步按钮后，所述内容显示在所述第一输入框中。

5.一种页面编辑内容展示装置，其特征在于，所述装置包括：

接收模块，用于接收用户对于第二输入框的触发请求；

显示模块，用于在当前页面的设定位置显示所述页面内容的第二输入框；

所述显示模块，还用于当所述接收模块接收用户在所述第二输入框中输入的内容后，将所述内容关联显示在第一输入框中；

6.根据权利要求5所述的装置，其特征在于，

所述显示模块，还用于当所述接收模块接收用户在所述第一输入框中输入的内容后，将所述内容关联显示在所述第二输入框中。

7.根据权利要求5所述的装置，其特征在于，所述设定位置，包括：当前页面的中未显示内容的空闲区域；或者，当前页面显示隐藏页面后隐藏页面中的位置。

8.根据权利要求5或7所述的装置，其特征在于，所述显示模块，用于：

所述内容同步显示在所述第一输入框中；或者，

9.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现权利要求1至4任一所述方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有执行权利要求1至4任一所述方法的计算机程序。