CN104793859A - 一种应用界面的布局方法及装置 - Google Patents

Abstract

本公开是关于一种应用界面的布局方法及装置，该方法包括：接收应用界面内的目标图片栏上的预设操作指令；利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。本公开可以使工作人员在输入简单的预设操作指令后，即时的看到应用界面的目标图片栏的目标图片修改后的效果，而且根据预设操作指令自动的对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理，所以在应用界面上目标图片栏与目标图片的对应关系和数据库内的目标图片栏的标识与目标图片的标识的对应关系保持一致，从而降低工作人员维护应用界面的操作难度，进而提高了工作效率。

Description

一种应用界面的布局方法及装置

技术领域

本发明涉及通信技术领域，更具体的说，涉及应用界面的布局方法及装置。

背景技术

随着智能设备的普及，能够运行在智能设备上的应用程序的数量也越来越多。这些应用程序能够满足用户在不同方面的需求，例如，阅读、购物、娱乐和社交等需求。

目前，很多应用程序被开发好以后，均带有大量的图片，以向用户更好的展示需要说明的内容。在服务商的工作人员维护应用程序的时候，经常需要在服务器上维护应用程序的应用界面的图片栏中的图片，以保证该应用程序的内容被更新。

工作人员在服务器上维护应用程序的应用界面的图片栏中的图片时，需要向服务器输入预先设定好的目标程序代码。在服务器接收到工作人员输入的目标程序代码以后，服务器会按照该目标程序代码的命令来对应用程序的应用界面的图片栏中的图片进行相应的操作。

虽然上述相关技术能够实现维护应用程序的应用界面内图片栏中的图片的功能，但是每次工作人员维护应用程序的应用界面内图片栏中的图片时，工作人员都需要手动的向服务器输入目标程序代码，这样增加了工作人员的操作难度，进而降低了维护应用程序的应用界面内图片栏中的图片的效率。

发明内容

为克服相关技术中存在的问题，本公开提供一种应用界面的布局方法及装置，以降低工作人员维护应用界面的图片栏内的图片的操作难度。

根据本公开实施例的第一方面，提供一种应用界面的布局方法，包括：

接收应用界面内的目标图片栏上的预设操作指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同；

利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。

可选的，在预设操作指令为图片删除指令时，利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理的步骤包括：

根据图片删除指令删除目标图片栏内的目标图片；

根据图片删除指令删除数据库中目标图片栏的标识与目标图片的标识的对应关系。

可选的，在预设操作指令为图片更新指令时，利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理的步骤包括：

根据图片更新指令在目标图片栏上将目标图片替换为用户输入的指定图片；

根据图片更新指令在数据库中删除目标图片栏的标识与目标图片的标识的对应关系，建立目标图片栏的标识与指定图片的标识的对应关系。

可选的，在预设操作指令为将目标图片栏内的目标图片移动至指定图片栏内的图片移动指令时，利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理的步骤包括：

根据图片移动指令将目标图片栏内的目标图片移动至指定图片栏内；

根据图片移动指令在数据库中删除目标图片栏的标识与目标图片的标识的对应关系，建立指定图片栏的标识与目标图片的标识的对应关系。

可选的，在利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理的步骤之前，方法还包括：

接收用户在目标图片栏上输入的图片添加指令；

根据图片添加指令在目标图片栏内添加用户输入的目标图片；

根据图片添加指令在数据库中建立目标图片栏的标识与目标图片的标识的对应关系。

可选的，方法还包括：

在应用界面内的目标图片栏中的目标图片接收到点击指令时，显示页面地址输入框；

在页面地址输入框内接收到用户输入的目标页面地址时，将目标图片的标识与目标页面地址的对应关系存储至数据库中。

可选的，方法还包括：

在应用界面内接收到回滚指令时，根据应用界面上一次接收到的预设操作指令将应用界面恢复至执行预设操作指令前的目标应用界面；

将数据库恢复至执行预设操作指令前的目标数据库。

根据本公开实施例的第二方面，提供一种应用界面的布局装置，包括：

第一接收模块，用于接收应用界面内的目标图片栏上的预设操作指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同；

处理模块，用于利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。

可选的，处理模块包括：

第一删除子模块，用于根据图片删除指令删除目标图片栏内的目标图片；

第二删除子模块，用于根据图片删除指令删除数据库中目标图片栏的标识与目标图片的标识的对应关系。

可选的，处理模块包括：

替换子模块，用于根据图片更新指令在目标图片栏上将目标图片替换为用户输入的指定图片；

第一更新子模块，用于根据图片更新指令在数据库中删除目标图片栏的标识与目标图片的标识的对应关系，建立目标图片栏的标识与指定图片的标识的对应关系。

可选的，处理模块包括：

移动子模块，用于根据图片移动指令将目标图片栏内的目标图片移动至指定图片栏内；

第二更新子模块，用于根据图片移动指令在数据库中删除目标图片栏的标识与目标图片的标识的对应关系，建立指定图片栏的标识与目标图片的标识的对应关系。

可选的，装置还包括：

第二接收模块，用于接收用户在目标图片栏上输入的图片添加指令；

添加模块，用于根据图片添加指令在目标图片栏内添加用户输入的目标图片；

建立模块，用于根据图片添加指令在数据库中建立目标图片栏的标识与目标图片的标识的对应关系。

可选的，装置还包括：

显示模块，用于在应用界面内的目标图片栏中的目标图片接收到点击指令时，显示页面地址输入框；

存储模块，用于在页面地址输入框内接收到用户输入的目标页面地址时，将目标图片的标识与目标页面地址的对应关系存储至数据库中。

可选的，装置还包括：

界面恢复模块，用于在应用界面内接收到回滚指令时，根据应用界面上一次接收到的预设操作指令将应用界面恢复至执行预设操作指令前的目标应用界面；

数据库恢复模块，用于将数据库恢复至执行预设操作指令前的目标数据库。

根据本公开实施例的第三方面，提供一种应用界面的布局装置，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，处理器被配置为：

接收应用界面内的目标图片栏上的预设操作指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同；

利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。

本公开的实施例提供的技术方案可以包括以下有益效果：本公开提供的方案在接收到工作人员向应用界面内的目标图片栏上输入的预设操作指令时，可以利用该预设操作指令分别对目标图片栏内的目标图片和数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。这样可以使工作人员在输入简单的预设操作指令之后，能够即时的看到应用界面的目标图片栏的目标图片修改后的效果，而且还会根据预设操作指令自动的对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理，所以在应用界面上目标图片栏与目标图片的对应关系和数据库内的目标图片栏的标识与目标图片的标识的对应关系保持一致。因此，本公开可以降低工作人员维护应用界面的图片栏内的图片操作难度，进而提高了工作人员的工作效率。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本发明的实施例，并与说明书一起用于解释本发明的原理。

图1是根据一示例性实施例示出的一种应用界面的布局方法的流程图。

图2所示的为运行在服务器上应用程序A的应用界面的示意图。

图3是根据一示例性实施例示出的另一种应用界面的布局方法的流程图。

图4是根据一示例性实施例示出的又一种应用界面的布局方法的流程图。

图5是根据一示例性实施例示出的又一种应用界面的布局方法的流程图。

图6是根据一示例性实施例示出的又一种应用界面的布局方法的流程图。

图7所示的为服务器的应用界面的示意图。

图8所示的为图片输入框的示意图。

图9所示的为服务器的应用界面的示意图。

图10所示的为服务器的应用界面的示意图。

图11所示的为移动终端的应用界面的示意图。

图12是根据一示例性实施例示出的又一种应用界面的布局方法的流程图。

图13是根据一示例性实施例示出的又一种应用界面的布局方法的流程图。

图14是根据一示例性实施例示出的一种应用界面的布局装置的示意图。

图15是根据一示例性实施例示出的另一种应用界面的布局装置的示意图。

图16是根据一示例性实施例示出的又一种应用界面的布局装置的示意图。

图17是根据一示例性实施例示出的又一种应用界面的布局装置的示意图。

图18是根据一示例性实施例示出的又一种应用界面的布局装置的示意图。

图19是根据一示例性实施例示出的又一种应用界面的布局装置的示意图。

图20是根据一示例性实施例示出的又一种应用界面的布局装置的示意图。

图21是根据一示例性实施例示出的一种应用界面的布局装置的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本发明相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本发明的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种应用界面的布局方法的流程图，如图1所示，图1所示的应用界面的布局方法，可以用于服务器中。本公开提供的应用界面的布局方法可以降低工作人员维护应用界面的图片栏上的图片的操作难度，从而提高了向应用程序添加图片的工作效率。该方法包括以下步骤。

在步骤S11中，接收应用界面内的目标图片栏上的预设操作指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同。

其中，本公开提供的方法可以应用于服务器内，服务器可以为台式电脑或笔记本电脑等具有显示屏幕的设备。终端可以为平板电脑或智能手机等具有显示屏幕的设备。

在工作人员想要修改应用程序的应用界面内的目标图片栏时，工作人员可以通过输入设备向服务器的应用程序的应用界面内的目标图片栏输入预设操作指令，以使服务器可以按照该预设操作指令来执行任务。其中，预设操作指令的种类有很多，如图片删除指令、图片更新指令和图片移动指令等。工作人员可以通过鼠标或键盘等输入设备来输入各种预设操作指令。

例如，工作人员可以在服务器显示的应用界面的目标图片栏上点击鼠标右键，此时，应用界面上会显示出功能菜单，功能菜单上显示着删除图片、更新图片或移动图片等功能按键，每个功能按键对应着不同的功能指令，删除图片的功能按键对应图片删除指令，更新图片的功能按键对应图片更新指令，移动图片的功能按键对应图片移动指令。如果工作人员想要删除目标图片栏上的目标图片，那么工作人员可以在应用界面的功能菜单上点击删除图片的功能按键，服务器便会确定出与删除图片的功能按键对应的图片删除指令，并根据该图片删除指令对应用界面和数据库进行相应的处理。

本公开提及的应用程序可以为阅读类应用程序、购物类应用程序、娱乐类应用程序、社交类应用程序或电子商城类应用程序。不管是哪一类应用程序，应用程序都具有后台管理界面，工作人员可以在应用程序的应用界面上输入预设操作指令，以使应用程序能够实现该预设操作指令对应的功能。通常情况下，应用界面上会设置有图片栏，图片栏内可以设置图片，图片栏用于显示图片。

本公开提及的应用界面指的是在服务器上运行应用程序时显示出的后台管理界面。在服务器上运行某一个应用程序的时候，服务器的显示设备会显示出该应用程序的后台管理界面，该后台管理界面即为上文提到的应用界面，后面将后台管理界面统一用应用界面来称呼。工作人员可以在服务器上显示出的应用界面上直接对目标图片栏内的目标图片进行处理或修改。在工作人员对服务器上运行的应用程序的应用界面处理或修改后，终端在运行该应用程序时显示出的显示界面会与应用界面相同。

在开发人员将应用程序开发好以后，运营商的工作人员便会在服务器上维护该应用程序。工作人员在服务器上维护该应用程序的过程中，需要在服务器上打开该应用程序，并在应用程序的应用界面上执行各种维护工作，例如，工作人员可以在应用程序的应用界面的图片栏上执行删除图片、更新图片和交换图片等操作。工作人员在服务器上完成对应用程序的应用界面的各种维护工作之后，用户便可以在移动终端上打开该应用程序，此时，移动终端便会显示出该应用程序更新后的应用界面。

例如，请参见图2所示，图2所示的为运行在服务器上应用程序A的应用界面的示意图，在图2中，服务器的显示器1显示出电子商城的应用界面2，应用界面2上设置有多个图片栏3，每个图片栏3内均可以添加图片4。其中，在该电子商城的应用界面2上设置的图片栏3共有两行，每行四个，第一行第一列的图片栏3内设置的图片4为智能手环，第一行第二列的图片栏3内设置的图片4为智能电视。如果移动终端打开应用程序A，那么移动终端显示出的显示界面与图2中的应用界面2相同。

在步骤S12中，利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。

其中，在应用界面上的目标图片栏内预先设置有目标图片，而且在服务器的数据库内预先存储有目标图片栏的标识与目标图片的标识的对应关系。在服务器接收到工作人员在应用界面内的目标图片栏上输入的预设操作指令之后，服务器需要根据该预设操作指令对应用界面上预先设置在目标图片栏内的目标图片进行处理，并且还需要根据该预设操作指令对服务器的数据库内预先存储的目标图片栏的标识与目标图片的标识的对应关系进行处理。

另外，不同的预设操作指令对应着不同的处理方式，下面会通过其他实施例来介绍每种预设操作指令对应的处理方式。

在图1所示的实施例中，本公开提供的方案在接收到工作人员向应用界面内的目标图片栏上输入的预设操作指令时，可以利用该预设操作指令分别对目标图片栏内的目标图片和数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。这样可以使工作人员在输入简单的预设操作指令之后，能够即时的看到应用界面的目标图片栏的目标图片修改后的效果，而且还会根据预设操作指令自动的对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理，所以在应用界面上目标图片栏与目标图片的对应关系和数据库内的目标图片栏的标识与目标图片的标识的对应关系保持一致。因此，本公开可以降低工作人员维护应用界面的图片栏内的图片操作难度，进而提高了工作人员的工作效率。

图3是根据一示例性实施例示出的另一种应用界面的布局方法的流程图，如图3所示，图3所示的应用界面的布局方法，可以用于服务器中。图3为基于图1的一个可选的实施例，在图3所示的实施例中，与图1所示的实施例相同的部分可以参见图1所示的实施例中介绍和解释。图3所示的方法包括以下步骤。

在步骤S21中，接收应用界面内的目标图片栏上的图片删除指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同。

其中，在应用界面上的目标图片栏内预先设置有目标图片，而且在服务器的数据库内预先存储有目标图片栏的标识与目标图片的标识的对应关系。

在服务器接收到工作人员在应用界面内的目标图片栏上输入的图片删除指令之后，服务器需要根据该图片删除指令对应用界面上预先设置在目标图片栏内的目标图片进行删除，并且还需要根据该图片删除指令删除服务器的数据库内预先存储的目标图片栏的标识与目标图片的标识的对应关系。

在步骤S22中，根据图片删除指令删除目标图片栏内的目标图片。

其中，图片删除指令可以为工作人员利用输入设备向服务器发送的点击指令，输入设备可以为鼠标；当然，图片删除指令也可以为工作人员直接利用手指向服务器的触摸屏幕输入的点击指令。在应用界面内的目标图片栏上接收到工作人员输入的图片删除指令时，服务器便会删除目标图片栏内的目标图片。

例如，假设服务器的输入设备为鼠标，在工作人员通过鼠标指针在应用程序的应用界面内的目标图片栏上点击右键时，在应用程序的应用界面上会显示出控制菜单，该控制菜单内包括增加选项、删除选项、更新选项和放弃选项等功能选项。在工作人员通过鼠标指针在控制菜单上点击删除选项时，服务器便接收到了图片删除指令；然后，服务器便会根据该图片删除指令删除目标图片栏内的目标图片。

在步骤S23中，根据图片删除指令删除数据库中目标图片栏的标识与目标图片的标识的对应关系。

其中，服务器删除应用程序的应用界面的目标图片栏内的目标图片，仅为形式上的删除，在服务器的数据库内，目标图片栏的标识与目标图片的标识的对应关系并没有被删除。如果服务器仅删除目标图片栏内的目标图片，而不删除数据库内的目标图片栏的标识与目标图片的标识的对应关系，那么在移动终端打开该应用程序时，移动终端会根据服务器的数据库内的图片栏的标识与图片的标识的对应关系来重构应用程序的显示界面，所以运行在移动终端的应用程序的显示界面上的目标图片栏内仍然具有目标图片。因此，为了保证彻底的删除目标图片栏内的目标图片，需要删除数据库中的目标图片栏的标识与目标图片的标识的对应关系。

图4是根据一示例性实施例示出的又一种应用界面的布局方法的流程图，如图4所示，图4所示的应用界面的布局方法，可以用于服务器中。图4为基于图1的一个可选的实施例，在图4所示的实施例中，与图1所示的实施例相同的部分可以参见图1所示的实施例中介绍和解释。图4所示的方法包括以下步骤。

在步骤S31中，接收应用界面内的目标图片栏上的图片更新指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同。

其中，在应用界面上的目标图片栏内预先设置有目标图片，而且在服务器的数据库内预先存储有目标图片栏的标识与目标图片的标识的对应关系。

在服务器接收到工作人员在应用界面内的目标图片栏上输入的图片更新指令之后，服务器需要根据该图片更新指令将应用界面上预先设置在目标图片栏内的目标图片替换为用户输入的指定图片，并且还需要根据该图片更新指令删除服务器的数据库内预先存储的目标图片栏的标识与目标图片的标识的对应关系，建立目标图片栏的标识与指定图片的标识的对应关系。

在步骤S32中，根据图片更新指令在目标图片栏上将目标图片替换为用户输入的指定图片。

其中，图片更新指令可以为工作人员利用输入设备向服务器发送的点击指令，输入设备可以为鼠标；当然，图片更新指令也可以为工作人员直接利用手指向服务器的触摸屏幕输入的点击指令。在应用界面内的目标图片栏上接收到工作人员输入的图片更新指令时，服务器便会显示出具有至少一幅图片的图片输入框，以便于用户在图片输入框内选择需要更新的图片。

例如，假设服务器的输入设备为鼠标，在工作人员通过鼠标指针在应用程序的应用界面内的目标图片栏上点击右键时，在应用程序的应用界面上会显示出控制菜单，该控制菜单内包括增加选项、删除选项、更新选项和放弃选项等功能选项。在工作人员通过鼠标指针在控制菜单上点击更新选项时，服务器便会显示出具有至少一幅图片的图片输入框。

在服务器的显示屏幕显示出具有至少一幅图片的图片输入框之后，工作人员便可以在图片输入框内选择需要更新的图片。在服务器的显示屏幕显示的图片输入框接收到工作人员输入的选择指定图片的点击指令时，服务器便会删除目标图片栏内的目标图片，并将选择的指定图片添加至目标图片栏内。

在步骤S33中，根据图片更新指令在数据库中删除目标图片栏的标识与目标图片的标识的对应关系，建立目标图片栏的标识与指定图片的标识的对应关系。

其中，为了保证彻底的删除目标图片栏内的目标图片，以及将指定图片添加至目标图片栏内，需要删除数据库中的目标图片栏的标识与目标图片的标识的对应关系，并且将目标图片栏的标识与指定图片的标识的对应关系存储至数据库中。

图5是根据一示例性实施例示出的又一种应用界面的布局方法的流程图，如图5所示，图5所示的应用界面的布局方法，可以用于服务器中。图5为基于图1的一个可选的实施例，在图5所示的实施例中，与图1所示的实施例相同的部分可以参见图1所示的实施例中介绍和解释。图5所示的方法包括以下步骤。

在步骤S41中，接收应用界面内的目标图片栏上的图片移动指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同。

其中，在应用界面上的目标图片栏内预先设置有目标图片，而且在服务器的数据库内预先存储有目标图片栏的标识与目标图片的标识的对应关系。

在服务器接收到工作人员在应用界面内的目标图片栏上输入的图片移动指令之后，服务器需要根据该图片移动指令将应用界面上预先设置在目标图片栏内的目标图片移动至指定图片栏内，并且还需要根据图片移动指令在数据库中删除目标图片栏的标识与目标图片的标识的对应关系，建立指定图片栏的标识与目标图片的标识的对应关系。

在步骤S42中，根据图片移动指令将目标图片栏内的目标图片移动至指定图片栏内。

其中，图片移动指令可以为工作人员利用输入设备向服务器发送的，输入设备可以为鼠标；当然，图片移动指令也可以为工作人员直接利用手指向服务器的触摸屏幕输入的。

对于指定图片栏内没有任何图片的情况，在应用界面内接收到工作人员输入的将目标图片栏内的目标图片移动至指定图片栏内的图片移动指令时，服务器便会将目标图片栏内的目标图片移动至指定图片栏内。

例如，假设应用界面内的目标图片栏内预先设置有目标图片，应用界面内的指定图片栏内未设置有任何图片，而且服务器的输入设备为鼠标。在工作人员通过鼠标指针长按左键点击目标图片栏的目标图片并将鼠标指针移动至指定图片栏内时，目标图片栏内的目标图片便会移动至指定图片栏内。此时，目标图片栏内没有任何图片，指定图片栏内设置有目标图片，从而实现了将目标图片栏内的目标图片移动至指定图片栏内的效果。

对于指定图片栏内预先设置有指定图片的情况，在应用界面内接收到工作人员输入的将目标图片栏内的目标图片移动至指定图片栏内的图片移动指令时，服务器便会将目标图片栏内的目标图片移动至指定图片栏内，并将指定图片栏内的指定图片移动至目标图片栏内，以实现目标图片与指定图片之间的交换操作。

例如，假设应用界面内的目标图片栏内预先设置有目标图片，应用界面内的指定图片栏内设置有指定图片，而且服务器的输入设备为鼠标。在工作人员通过鼠标指针长按左键点击目标图片栏的目标图片并将鼠标指针移动至指定图片栏内的指定图片上时，目标图片栏内的目标图片便会移动至指定图片栏内，且指定图片栏内的指定图片便会移动至目标图片栏内。此时，目标图片栏设置有指定图片，指定图片栏内设置有目标图片，从而实现了将目标图片栏内的目标图片与指定图片栏的指定图片互换的效果。

在步骤S43中，根据图片移动指令在数据库中删除目标图片栏的标识与目标图片的标识的对应关系，建立指定图片栏的标识与目标图片的标识的对应关系。

其中，对于指定图片栏内没有任何图片的情况，为了保证目标图片栏内的目标图片真正的被移动到指定图片栏内，服务器需要在数据库中删除目标图片栏的标识与目标图片的标识的对应关系，并且建立目标图片栏的标识与指定图片的标识的对应关系。

另外，对于指定图片栏内预先设置有指定图片的情况，为了保证目标图片栏内的目标图片与指定图片栏内的指定图片彻底被交换，服务器需要在数据库中删除目标图片栏的标识与目标图片的标识的对应关系和指定图片栏的标识与指定图片的标识的对应关系，并且建立目标图片栏的标识与指定图片的标识的对应关系和指定图片栏的标识与目标图片的标识的对应关系。

图6是根据一示例性实施例示出的又一种应用界面的布局方法的流程图，如图6所示，图6所示的应用界面的布局方法，可以用于服务器中。图6为基于图1的一个可选的实施例，在图6所示的实施例中，与图1所示的实施例相同的部分可以参见图1所示的实施例中介绍和解释。图6所示的方法包括以下步骤。

在步骤S51中，接收用户在目标图片栏上输入的图片添加指令。

其中，在目标图片栏内没有任何图片的情况下，服务器可以接收工作人员在目标图片栏上输入的图片添加指令。在服务器接收到工作人员在目标图片栏上输入的图片添加指令时，服务器的显示设备会显示出具有至少一幅图片的图片输入框，以等待工作人员在图片输入框内选择合适的图片。另外，图片添加指令可以为工作人员利用输入设备向服务器发送的点击指令，也可以为工作人员直接利用手指向服务器的触摸屏幕输入的点击指令。

例如，请参见图7、图8和图9所示，图7和图9所示的均为服务器的应用界面的示意图，图8所示的为图片输入框的示意图。在图7中，服务器的显示器1显示出电子商城的应用界面2，应用界面2上设置有多个图片栏3，每个图片栏3内均可以添加图片4，在工作人员通过鼠标指针6在应用程序的应用界面2内的目标图片栏311上点击右键时，在应用程序的应用界面2上会显示出控制菜单5，该控制菜单5内包括增加选项、删除选项、更新选项和放弃选项等功能选项，在工作人员通过鼠标指针6在控制菜单5上点击增加选项时，服务器的显示器1便会显示出如图8所示的图片输入框。图8所示的图片输入框内包括两幅图片，第一行第一列的图片为路由器，第一行第二列的图片为机箱，在工作人员通过鼠标指针6在路由器的图片上输入点击指令时，服务器便会将该路由器的图片添加至目标图片栏311中。图9所示的即为将路由器的图片添加至目标图片栏311中的示意图。

在步骤S52中，根据图片添加指令在目标图片栏内添加用户输入的目标图片。

其中，上述内容已经提到，在图片输入框内接收到工作人员通过输入设备输入的选择目标图片的点击指令时，服务器便会将目标图片添加至目标图片栏内。输入设备可以为鼠标等设备。当然，如果服务器的显示屏幕为触摸屏幕，那么工作人员也可以通过手指向触摸屏幕内的图片输入框输入选择目标图片的点击指令。

在步骤S53中，根据图片添加指令在数据库中建立目标图片栏的标识与目标图片的标识的对应关系。

其中，在服务器将目标图片添加至目标图片栏内之后，服务器还需要获取目标图片栏的标识和目标图片的标识，以便于将目标图片栏的标识与目标图片的标识的对应关系存储至数据库中。

另外，在服务器将目标图片栏的标识与目标图片的标识的对应关系存储至数据库中之后，如果服务器接收到移动终端发送的访问应用程序的请求时，服务器便会将应用程序的应用界面的文件、所有设置在应用界面的图片栏中的图片和应用界面的图片栏的标识与图片的标识的对应关系一起发送给移动终端。移动终端在接收到服务器发送的应用程序的应用界面的文件、所有设置在应用界面的图片栏中的图片和应用界面的图片栏的标识与图片的标识的对应关系之后，移动终端便需要根据应用界面的图片栏的标识与图片的标识的对应关系，将接收到的所有设置在应用界面的图片栏中的图片添加至应用界面的图片栏中，此时，移动终端的显示屏幕显示出的应用程序的显示界面就会与服务器的显示屏幕显示出的应用程序的应用界面相同。

下面通过一个小例子来说明在目标图片栏内添加目标图片的过程，请参见图10和图11所示。图10所示的为服务器的应用界面的示意图，图11所示的为移动终端的应用界面的示意图。

请参见图10所示，服务器的显示器1显示出电子商城的应用界面2，应用界面2上设置有多个图片栏3，每个图片栏3内均可以添加图片4。其中，在该电子商城的应用界面2上设置的图片栏3共有两行，每行四个，第一行第一列的图片栏3内设置的图片4为机箱。而且，在服务器的数据库内存储有应用界面2的图片栏3的标识与图片4的标识的对应关系，其中，第一行第一列的图片栏3的标识为TPL1，第一行第一列的图片栏3内图片4的标识为JX，服务器的数据库内存储有TPL1与JX的对应关系。在服务器接收到移动终端发送的访问电子商城的应用界面2的请求时，服务器便会将电子商城的应用界面2的文件、设置在图片栏3中机箱的图片4和应用界面2的图片栏3的标识TPL1与机箱的图片4的标识JX的对应关系一起发送给移动终端。

请参见图11所示，在移动终端接收到服务器发送的文件、图片和信息等数据后，移动终端便会根据应用界面的图片栏的标识TPL1与机箱的图片的标识JX的对应关系，确定到机箱的图片，并将机箱的图片添加到标识为TPL1的应用界面的图片栏中，从而使图11所示的移动终端的应用界面与图10所示的服务器的应用界面完全相同。

在步骤S54中，接收应用界面内的目标图片栏上的预设操作指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同。

在步骤S55中，利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。

在图6所示的实施例中，在应用界面内的目标图片栏上接收到工作人员输入的图片添加指令时，会显示出供工作人员选择的图片输入框，这样便可以将工作人员在图片输入框内选择目标图片添加至目标图片栏中；并且，将目标图片栏的标识与目标图片的标识的对应关系存储至数据库中，从而实现应用界面与数据库的同步更新。因此，本公开提供的方案仅需要工作人员在目标图片栏和图片输入框上输入点击指令，便可以在目标图片栏内实现添加目标图片的操作，所以本公开可以降低工作人员向应用程序添加目标图片的操作难度，进而提高了工作效率。

图12是根据一示例性实施例示出的又一种应用界面的布局方法的流程图，如图12所示，图12所示的应用界面的布局方法，可以用于服务器中。图12为基于图1的一个可选的实施例，在图12所示的实施例中，与图1所示的实施例相同的部分可以参见图1所示的实施例中介绍和解释。图12所示的方法包括以下步骤。

在步骤S61中，接收应用界面内的目标图片栏上的预设操作指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同。

在步骤S62中，利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。

在步骤S63中，在应用界面内的目标图片栏中的目标图片接收到点击指令时，显示页面地址输入框。

其中，服务器已经预先将目标图片栏的标识与目标图片的标识的对应关系存储至数据库中。如果工作人员想要为目标图片栏中的目标图片设置页面跳转功能，那么工作人员需要向应用界面内的目标图片栏中的目标图片输入点击指令。另外，点击指令可以为工作人员利用输入设备向服务器发送的，输入设备可以为鼠标；当然，点击指令也可以为工作人员直接利用手指向服务器的触摸屏幕输入的。在应用界面内的目标图片栏中的目标图片接收到工作人员输入的点击指令时，服务器便会显示页面地址输入框，以便于工作人员向页面地址输入框内输入目标页面地址。

例如，假设服务器的输入设备为鼠标，在工作人员通过鼠标指针左键点击目标图片栏中的目标图片时，服务器的显示屏幕便会显示出页面地址输入框，以等待工作人员向页面地址输入框内输入目标页面地址。

在步骤S64中，在页面地址输入框内接收到用户输入的目标页面地址时，将目标图片的标识与目标页面地址的对应关系存储至数据库中。

其中，在服务器的显示屏幕显示出页面地址输入框之后，工作人员便可以在该页面地址输入框内输入目标页面地址。在页面地址输入框内接收到工作人员输入的目标页面地址时，将目标图片的标识与目标页面地址的对应关系存储至数据库中。在服务器将目标图片的标识与目标页面地址的对应关系存储至数据库中之后，在移动终端访问服务器内的应用程序的应用界面时，如果移动终端接收到普通用户输入的点击目标图片的点击指令，那么移动终端便会查询与目标图片的标识对应的目标页面地址，并跳转到目标页面地址对应的页面。

图13是根据一示例性实施例示出的又一种应用界面的布局方法的流程图，如图13所示，图13所示的应用界面的布局方法，可以用于服务器中。图13为基于图1的一个可选的实施例，在图13所示的实施例中，与图1所示的实施例相同的部分可以参见图1所示的实施例中介绍和解释。图13所示的方法包括以下步骤。

在步骤S71中，接收应用界面内的目标图片栏上的预设操作指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同。

在步骤S72中，利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。

在步骤S73中，在应用界面内接收到回滚指令时，根据应用界面上一次接收到的预设操作指令将应用界面恢复至执行预设操作指令前的目标应用界面。

其中，在服务器将目标图片栏的标识与目标图片的标识的对应关系存储至数据库中之后，如果工作人员想要使应用界面和数据库恢复到服务器接收到上一次的预设操作指令之前的状态，那么工作人员需要向应用界面内输入回滚指令。另外，回滚指令可以为工作人员利用输入设备向服务器发送的点击指令，输入设备可以为鼠标；当然，回滚指令也可以为工作人员直接利用手指向服务器的触摸屏幕输入的点击指令。在应用界面内接收到工作人员输入的回滚指令时，服务器便会确定应用界面上一次接收到的预设操作指令。

例如，假设服务器的输入设备为鼠标，在工作人员通过鼠标指针在应用程序的应用界面内的目标图片栏上点击右键时，在应用程序的应用界面上会显示出控制菜单，该控制菜单内包括增加选项、删除选项、更新选项和放弃选项等功能选项。在工作人员通过鼠标指针在控制菜单上点击放弃选项时，服务器便会确定应用界面上一次接收到的操作指令。

在服务器确定出应用界面上一次接收到的操作指令之后，服务器便可以执行该操作指令的反向操作，以使应用界面恢复至执行操作指令前的目标应用界面，并将数据库恢复至执行预设操作指令前的目标数据库，从而实现了使应用界面和数据库恢复至上一次操作指令之前的状态。

在步骤S74中，将数据库恢复至执行预设操作指令前的目标数据库。

图14是根据一示例性实施例示出的一种应用界面的布局装置的示意图。本公开提供的应用界面的布局装置可以降低工作人员维护应用界面的图片栏内的图片的操作难度。参照图14，该装置包括第一接收模块11和处理模块12。其中：

第一接收模块11，用于接收应用界面内的目标图片栏上的预设操作指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同；

处理模块12，用于利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。

图15是根据一示例性实施例示出的另一种应用界面的布局装置的示意图。本公开提供的应用界面的布局装置可以降低工作人员维护应用界面的图片栏内的图片的操作难度。参照图15，该装置包括第一接收模块21和处理模块22，处理模块22包括第一删除子模块221和第二删除子模块222。其中：

第一接收模块11，用于接收应用界面内的目标图片栏上的预设操作指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同；

处理模块22，用于利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。

第一删除子模块221，用于根据图片删除指令删除目标图片栏内的目标图片；

第二删除子模块222，用于根据图片删除指令删除数据库中目标图片栏的标识与目标图片的标识的对应关系。

图16是根据一示例性实施例示出的又一种应用界面的布局装置的示意图。本公开提供的应用界面的布局装置可以降低工作人员维护应用界面的图片栏内的图片的操作难度。参照图16，该装置包括第一接收模块31和处理模块32，处理模块32包括替换子模块321和第一更新子模块322。其中：

第一接收模块31，用于接收应用界面内的目标图片栏上的预设操作指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同；

处理模块32，用于利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。

替换子模块321，用于根据图片更新指令在目标图片栏上将目标图片替换为用户输入的指定图片。

第一更新子模块322，用于根据图片更新指令在数据库中删除目标图片栏的标识与目标图片的标识的对应关系，建立目标图片栏的标识与指定图片的标识的对应关系。

图17是根据一示例性实施例示出的又一种应用界面的布局装置的示意图。本公开提供的应用界面的布局装置可以降低工作人员维护应用界面的图片栏内的图片的操作难度。参照图17，该装置包括第一接收模块41和处理模块42，处理模块42包括移动子模块421和第二更新子模块422。其中：

第一接收模块41，用于接收应用界面内的目标图片栏上的预设操作指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同；

处理模块42，用于利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。

移动子模块421，用于根据图片移动指令将目标图片栏内的目标图片移动至指定图片栏内。

第二更新子模块422，用于根据图片移动指令在数据库中删除目标图片栏的标识与目标图片的标识的对应关系，建立指定图片栏的标识与目标图片的标识的对应关系。

图18是根据一示例性实施例示出的又一种应用界面的布局装置的示意图。本公开提供的应用界面的布局装置可以降低工作人员维护应用界面的图片栏内的图片的操作难度。参照图18，该装置包括第二接收模块51、添加模块52、建立模块53、第一接收模块54和处理模块55。其中：

第二接收模块51，用于接收用户在目标图片栏上输入的图片添加指令；

添加模块52，用于根据图片添加指令在目标图片栏内添加用户输入的目标图片。

建立模块53，用于根据图片添加指令在数据库中建立目标图片栏的标识与目标图片的标识的对应关系。

第一接收模块54，用于接收应用界面内的目标图片栏上的预设操作指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同；

处理模块55，用于利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。

图19是根据一示例性实施例示出的又一种应用界面的布局装置的示意图。本公开提供的应用界面的布局装置可以降低工作人员维护应用界面的图片栏内的图片的操作难度。参照图19，该装置包括第一接收模块61、处理模块62、显示模块63和存储模块64。其中：

第一接收模块61，用于接收应用界面内的目标图片栏上的预设操作指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同；

处理模块62，用于利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。

显示模块63，用于在应用界面内的目标图片栏中的目标图片接收到点击指令时，显示页面地址输入框；

存储模块64，用于在页面地址输入框内接收到用户输入的目标页面地址时，将目标图片的标识与目标页面地址的对应关系存储至数据库中。

图20是根据一示例性实施例示出的又一种应用界面的布局装置的示意图。本公开提供的应用界面的布局装置可以降低工作人员维护应用界面的图片栏内的图片的操作难度。参照图20，该装置包括第一接收模块71、处理模块72、界面恢复模块73和数据库恢复模块74。其中：

第一接收模块71，用于接收应用界面内的目标图片栏上的预设操作指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同；

处理模块72，用于利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。

界面恢复模块73，用于在应用界面内接收到回滚指令时，根据应用界面上一次接收到的预设操作指令将应用界面恢复至执行预设操作指令前的目标应用界面；

数据库恢复模块74，用于将数据库恢复至执行预设操作指令前的目标数据库。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

图21是根据一示例性实施例示出的一种应用界面的布局装置800的框图。例如，装置800可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图21，装置800可以包括以下一个或多个组件：处理组件802，存储器804，电源组件806，多媒体组件808，音频组件810，输入/输出(I/O)的接口812，传感器组件814，以及通信组件816。

处理组件802通常控制装置800的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件802可以包括一个或多个模块，便于处理组件802和其他组件之间的交互。例如，处理组件802可以包括多媒体模块，以方便多媒体组件808和处理组件802之间的交互。

存储器804被配置为存储各种类型的数据以支持在装置800的操作。这些数据的示例包括用于在装置800上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件806为装置800的各种组件提供电力。电源组件806可以包括电源管理系统，一个或多个电源，及其他与为装置800生成、管理和分配电力相关联的组件。

多媒体组件808包括在装置800和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件808包括一个前置摄像头和/或后置摄像头。当装置800处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件810被配置为输出和/或输入音频信号。例如，音频组件810包括一个麦克风(MIC)，当装置800处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中，音频组件810还包括一个扬声器，用于输出音频信号。

I/O接口812为处理组件802和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件814包括一个或多个传感器，用于为装置800提供各个方面的状态评估。例如，传感器组件814可以检测到装置800的打开/关闭状态，组件的相对定位，例如组件为装置800的显示器和小键盘，传感器组件814还可以检测装置800或装置800一个组件的位置改变，用户与装置800接触的存在或不存在，装置800方位或加速/减速和装置800的温度变化。传感器组件814可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件814还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件816被配置为便于装置800和其他设备之间有线或无线方式的通信。装置800可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，通信组件816还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器804，上述指令可由装置800的处理器820执行以完成上述方法。例如，非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

一种非临时性计算机可读存储介质，当存储介质中的指令由移动终端的处理器执行时，使得移动终端能够执行一种应用界面的布局方法，方法包括：接收应用界面内的目标图片栏上的预设操作指令，应用界面为服务器的后台管理界面，后台管理界面的图像显示效果与终端侧的显示界面相同；利用预设操作指令对目标图片栏内的目标图片进行处理，并利用预设操作指令对数据库内的目标图片栏的标识与目标图片的标识的对应关系进行处理。

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本发明的其它实施方案。本申请旨在涵盖本发明的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本发明的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本发明的真正范围和精神由下面的权利要求指出。

应当理解的是，本发明并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本发明的范围仅由所附的权利要求来限制。

Claims (15)

1.一种应用界面的布局方法，其特征在于，包括：

接收应用界面内的目标图片栏上的预设操作指令，所述应用界面为服务器的后台管理界面，所述后台管理界面的图像显示效果与终端侧的显示界面相同；

利用所述预设操作指令对所述目标图片栏内的目标图片进行处理，并利用所述预设操作指令对数据库内的所述目标图片栏的标识与所述目标图片的标识的对应关系进行处理。

2.根据权利要求1所述的应用界面的布局方法，其特征在于，在所述预设操作指令为图片删除指令时，所述利用所述预设操作指令对所述目标图片栏内的目标图片进行处理，并利用所述预设操作指令对数据库内的所述目标图片栏的标识与所述目标图片的标识的对应关系进行处理的步骤包括：

根据所述图片删除指令删除所述目标图片栏内的所述目标图片；

根据所述图片删除指令删除所述数据库中所述目标图片栏的标识与所述目标图片的标识的对应关系。

3.根据权利要求1所述的应用界面的布局方法，其特征在于，在所述预设操作指令为图片更新指令时，所述利用所述预设操作指令对所述目标图片栏内的目标图片进行处理，并利用所述预设操作指令对数据库内的所述目标图片栏的标识与所述目标图片的标识的对应关系进行处理的步骤包括：

根据所述图片更新指令在所述目标图片栏上将所述目标图片替换为用户输入的指定图片；

根据所述图片更新指令在所述数据库中删除所述目标图片栏的标识与所述目标图片的标识的对应关系，建立所述目标图片栏的标识与所述指定图片的标识的对应关系。

4.根据权利要求1所述的应用界面的布局方法，其特征在于，在所述预设操作指令为将所述目标图片栏内的目标图片移动至指定图片栏内的图片移动指令时，所述利用所述预设操作指令对所述目标图片栏内的目标图片进行处理，并利用所述预设操作指令对数据库内的所述目标图片栏的标识与所述目标图片的标识的对应关系进行处理的步骤包括：

根据所述图片移动指令将所述目标图片栏内的所述目标图片移动至所述指定图片栏内；

根据所述图片移动指令在所述数据库中删除所述目标图片栏的标识与所述目标图片的标识的对应关系，建立所述指定图片栏的标识与所述目标图片的标识的对应关系。

5.根据权利要求1所述的应用界面的布局方法，其特征在于，在所述利用所述预设操作指令对所述目标图片栏内的目标图片进行处理，并利用所述预设操作指令对数据库内的所述目标图片栏的标识与所述目标图片的标识的对应关系进行处理的步骤之前，所述方法还包括：

接收用户在所述目标图片栏上输入的图片添加指令；

根据所述图片添加指令在所述目标图片栏内添加用户输入的所述目标图片；

根据所述图片添加指令在所述数据库中建立所述目标图片栏的标识与所述目标图片的标识的对应关系。

6.根据权利要求1所述的应用界面的布局方法，其特征在于，所述方法还包括：

在所述应用界面内的所述目标图片栏中的所述目标图片接收到点击指令时，显示页面地址输入框；

在所述页面地址输入框内接收到用户输入的目标页面地址时，将所述目标图片的标识与所述目标页面地址的对应关系存储至所述数据库中。

7.根据权利要求1所述的应用界面的布局方法，其特征在于，所述方法还包括：

在所述应用界面内接收到回滚指令时，根据所述应用界面上一次接收到的预设操作指令将所述应用界面恢复至执行所述预设操作指令前的目标应用界面；

将所述数据库恢复至执行所述预设操作指令前的目标数据库。

8.一种应用界面的布局装置，其特征在于，包括：

第一接收模块，用于接收应用界面内的目标图片栏上的预设操作指令，所述应用界面为服务器的后台管理界面，所述后台管理界面的图像显示效果与终端侧的显示界面相同；

处理模块，用于利用所述预设操作指令对所述目标图片栏内的目标图片进行处理，并利用所述预设操作指令对数据库内的所述目标图片栏的标识与所述目标图片的标识的对应关系进行处理。

9.根据权利要求8所述的应用界面的布局装置，其特征在于，所述处理模块包括：

第一删除子模块，用于根据所述图片删除指令删除所述目标图片栏内的所述目标图片；

第二删除子模块，用于根据所述图片删除指令删除所述数据库中所述目标图片栏的标识与所述目标图片的标识的对应关系。

10.根据权利要求8所述的应用界面的布局装置，其特征在于，所述处理模块包括：

替换子模块，用于根据所述图片更新指令在所述目标图片栏上将所述目标图片替换为用户输入的指定图片；

第一更新子模块，用于根据所述图片更新指令在所述数据库中删除所述目标图片栏的标识与所述目标图片的标识的对应关系，建立所述目标图片栏的标识与所述指定图片的标识的对应关系。

11.根据权利要求8所述的应用界面的布局装置，其特征在于，所述处理模块包括：

移动子模块，用于根据所述图片移动指令将所述目标图片栏内的所述目标图片移动至指定图片栏内；

第二更新子模块，用于根据所述图片移动指令在所述数据库中删除所述目标图片栏的标识与所述目标图片的标识的对应关系，建立所述指定图片栏的标识与所述目标图片的标识的对应关系。

12.根据权利要求8所述的应用界面的布局装置，其特征在于，所述装置还包括：

第二接收模块，用于接收用户在所述目标图片栏上输入的图片添加指令；

添加模块，用于根据所述图片添加指令在所述目标图片栏内添加用户输入的所述目标图片；

建立模块，用于根据所述图片添加指令在所述数据库中建立所述目标图片栏的标识与所述目标图片的标识的对应关系。

13.根据权利要求8所述的应用界面的布局装置，其特征在于，所述装置还包括：

显示模块，用于在所述应用界面内的所述目标图片栏中的目标图片接收到点击指令时，显示页面地址输入框；

存储模块，用于在所述页面地址输入框内接收到用户输入的目标页面地址时，将所述目标图片的标识与所述目标页面地址的对应关系存储至所述数据库中。

14.根据权利要求8所述的应用界面的布局装置，其特征在于，所述装置还包括：

界面恢复模块，用于在所述应用界面内接收到回滚指令时，根据所述应用界面上一次接收到的预设操作指令将所述应用界面恢复至执行所述预设操作指令前的目标应用界面；

数据库恢复模块，用于将所述数据库恢复至执行所述预设操作指令前的目标数据库。

15.一种应用界面的布局装置，其特征在于，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

接收应用界面内的目标图片栏上的预设操作指令，所述应用界面为服务器的后台管理界面，所述后台管理界面的图像显示效果与终端侧的显示界面相同；

利用所述预设操作指令对所述目标图片栏内的目标图片进行处理，并利用所述预设操作指令对数据库内的所述目标图片栏的标识与所述目标图片的标识的对应关系进行处理。