CN101980193A - 一种动态页面修改的实现方法、装置和系统 - Google Patents

Abstract

本发明公开了一种动态页面修改的实现方法、装置和系统，所述方法包括：步骤1：用户在当前显示的动态页面中选择要修改的一个单元格；步骤2：隐藏所述单元格中的内容，并在所述单元格中显示输入框；步骤3：获取用户在所述输入框中输入的数据；步骤4：将用户输入的数据发送到服务器端进行保存。本发明利用现有动态页面技术，设计一种用户修改记录的便捷处理方式，简化了用户的界面操作，让用户与服务端交互的过程变得简单明了，提高了工作效率。

Description

一种动态页面修改的实现方法、装置和系统

技术领域

本发明涉及页面修改技术，尤其涉及一种动态页面修改的实现方法、装置和系统。

背景技术

在常用的动态页面技术中，页面主要是用来展现数据，同时，有时也会通过页面来修改数据。要修改一条记录的某个字段，需要用户先点击修改页面的链接，进入下一级修改编辑页面，此时才能进行修改记录的操作，在成功修改记录后再返回到当前的列表页面。

因为页面显示的数据来源于服务器端，所以，每修改一条记录，都要由页面提交到服务器端，这样才能实现真正的修改。但是，每修改一条记录，都要花费几个动作，显然这样的修改实现方式是比较烦琐的，特别是当数据比较大时，修改起来更是非常不便。

发明内容

本发明的目的是提供一种实现简便的动态页面修改的实现方法、装置和系统。

为达到上述目的，本发明采用如下技术方案：

一种动态页面修改的实现方法，包括：

步骤1：用户在当前显示的动态页面中选择要修改的一个单元格；

步骤2：隐藏所述单元格中的内容，并在所述单元格中显示输入框；

步骤3：获取用户在所述输入框中输入的数据；

步骤4：将用户输入的数据发送到服务器端进行保存。

进一步地，所述步骤1中用户通过鼠标双击来选择要修改的单元格。

进一步地，所述步骤2中所显示的输入框的默认值为所述单元格中的内容。

进一步地，所述步骤3中当用户按下回车键确认输入完成之后再获取用户输入的数据。

进一步地，所述方法还包括：

步骤5：服务器端保存数据成功后，返回保存数据成功信息；

步骤6：根据所述保存数据成功信息，所述动态页面中的光标自动跳到下一条记录，隐藏所述输入框，并在光标当前所在的单元格中显示新的输入框；

步骤7：获取用户在所述新的输入框中输入的数据；

步骤8：将用户在所述新的输入框中输入的数据发送到服务器端进行保存。

一种客户端，包括：

选择模块，用于使用户在当前显示的动态页面中选择要修改的一个单元格；

第一隐藏及显示模块，用于隐藏所述单元格中的内容，并在所述单元格中显示输入框；

第一获取模块，用于获取用户在所述输入框中输入的数据；

第一发送模块，用于将用户输入的数据发送到服务器端进行保存。

进一步地，所述选择模块中用户通过鼠标双击来选择要修改的单元格。

进一步地，所述第一隐藏及显示模块中所显示的输入框的默认值为所述单元格中的内容。

进一步地，所述第一获取模块，进一步用于当用户按下回车键确认输入完成之后再获取用户输入的数据。

进一步地，所述客户端，还包括：

光标跳转模块，用于根据服务器端发送来的保存数据成功信息，将动态页面中的光标自动跳到下一条记录，隐藏所述输入框，并在光标当前所在的单元格中显示新的输入框；

第二获取模块，用于获取用户在所述新的输入框中输入的数据；

第二发送模块，用于将用户在所述新的输入框中输入的数据发送到服务器端进行保存。

一种系统，包括客户端和服务器端，其中，

所述种客户端包括：

选择模块，用于使用户在当前显示的动态页面中选择要修改的一个单元格；

第一隐藏及显示模块，用于隐藏所述单元格中的内容，并在所述单元格中显示输入框；

第一获取模块，用于获取用户在所述输入框中输入的数据；

第一发送模块，用于将用户输入的数据发送到服务器端进行保存；

所述服务器端包括：

接收模块，用于接收客户端发送的对动态页面进行修改的数据；

保存模块，用于保存所接收到的数据。

本发明提供的动态页面修改的实现方法、装置和系统，利用现有动态页面技术，设计一种用户修改记录的便捷处理方式，简化了用户的界面操作，让用户与服务端交互的过程变得简单明了，提高了工作效率。

附图说明

图1为本发明的动态页面修改的实现方法一个实施例的流程示意图；

图2为本发明的动态页面修改的实现方法另一实施例的流程示意图；

图3为本发明的动态页面修改的实现方法再一实施例的流程示意图；

图4为本发明的动态页面修改的实现装置的结构示意图；

图5为本发明的动态页面修改的实现系统的结构示意图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，下面结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。

如图1所示，本发明提供一种动态页面修改的实现方法，包括：

步骤1：用户在当前显示的动态页面中选择要修改的一个单元格；

本发明的方法应用于具有客户端和服务器端的系统，该系统在客户端以动态页面的形式将数据展示给用户。本步骤1即是用户在客户端当前显示的动态页面中选择要修改的一个单元格。

步骤2：隐藏所述单元格中的内容，并在所述单元格中显示输入框；

为了提供一种用户修改记录的便捷处理方式，与现有技术中用户修改页面的处理方式不同，本发明中不弹出下一级修改编辑页面，而是在步骤2中直接在当前页面上进行修改，具体地，先隐藏要修改的单元格中的内容，再在该单元格中显示出一个输出框，以供用户输入修改后的值。

步骤3：获取用户在所述输入框中输入的数据；

步骤4：将用户输入的数据发送到服务器端进行保存。

上述步骤3和4获取了用户修改后的数据，并将该数据传送到服务器端进行保存，从而实现了动态页面的修改。

本发明的动态页面修改的实现方法，利用现有动态页面技术，设计一种用户修改记录的便捷处理方式，简化了用户的界面操作，让用户与服务端交互的过程变得简单明了，提高了工作效率。

上述步骤1中，为了方便用户选择单元格，优选设定为用户通过鼠标双击来选择要修改的单元格。本领域技术人员应当理解，还可以设定为通过其它方式来选择要修改的单元格，例如，鼠标单击、按下键盘上预先设置的快捷键，或是点击页面上的修改按钮等等。

上述步骤2中，所显示的输入框的默认值优选为所述单元格中的内容，这样便于用户在该值的基础上进行修改。当然，该默认值还可以设置为空，或是设置为该单元格对应的字段的通常值等等。

上述步骤3中，当用户按下回车键确认输入完成之后再获取用户输入的数据。当然，还可以采用其它方式确认用户已经输入完成，例如用户按下其它快捷键(如ctrl+enter键或F1键)，或者用户点击页面上的输入完成按钮等等。

如图2所示，为了简便地实现页面的连续修改，本发明的方法还可以包括：

步骤5：服务器端保存数据成功后，返回保存数据成功信息；

步骤6：根据所述保存数据成功信息，所述动态页面中的光标自动跳到下一条记录，隐藏所述输入框，并在光标当前所在的单元格中显示新的输入框；

步骤7：获取用户在所述新的输入框中输入的数据；

步骤8：将用户在所述新的输入框中输入的数据发送到服务器端进行保存。

由于用户修改数据时，往往会按先后顺序修改多条记录，这样，经过本发明的上述步骤6之后，就省去了用户重新选择要修改的单元格的步骤，更加便利了用户的对页面的连续修改，提高了工作效率。

图3为根据本发明的方法的一个详细实施例的流程示意图，其中，用户在客户端打开修改页面后，通过鼠标双击来选择要修改的单元格，此时页面记录下当前修改记录的ID(序列)号，然后客户端隐藏该单元格的内容，并在该单元格内显示一个输入框；用户通过该输入框录入修改数据，并按回车键确认输入完成，之后客户端将用户的修改数据和对应的修改ID号提交给服务器端(优选采用ajax(Asynchronous JavaScript and XML，异步JavaScript和XML)技术)；服务器端接收到修改请求后，更新数据库中对应的ID号的记录，在数据库更新后，数据库会返回更新状态(例如：1表示成功，0表示失败)；随后，服务器端将该数据的更新状态返回到客户端，如果服务器端修改数据保存成功，则客户端会隐藏所述单元格内的输入框，并显示刚刚修改后的数据，然后判断是否存在下一条可以修改的记录，如果是，则客户端的光标自动跳到下一条记录，同时页面记录下一条修改记录的ID号，对下一条记录的修改开始，其过程重复上一条记录的修改过程。

与上述的动态页面修改的实现方法相对应，本发明还提供一种客户端和系统，其中：

如图4所示，本发明的客户端包括：

选择模块401，用于使用户在当前显示的动态页面中选择要修改的一个单元格；

第一隐藏及显示模块402，用于隐藏所述单元格中的内容，并在所述单元格中显示输入框；

第一获取模块403，用于获取用户在所述输入框中输入的数据；

第一发送模块404，用于将用户输入的数据发送到服务器端进行保存。

优选地，所述选择模块中用户通过鼠标双击来选择要修改的单元格。

优选地，所述第一隐藏及显示模块402中所显示的输入框的默认值为所述单元格中的内容。

优选地，所述第一获取模块403，进一步用于当用户按下回车键确认输入完成之后再获取用户输入的数据。

优选地，所述客户端还包括：

光标跳转模块，用于根据服务器端发送来的保存数据成功信息，将动态页面中的光标自动跳到下一条记录，隐藏所述输入框，并在光标当前所在的单元格中显示新的输入框；

第二获取模块，用于获取用户在所述新的输入框中输入的数据；

第二发送模块，用于将用户在所述新的输入框中输入的数据发送到服务器端进行保存。

如图5所示，本发明的系统，包括客户端40和服务器端50，其中，所述种客户端40包括：

选择模块401，用于使用户在当前显示的动态页面中选择要修改的一个单元格；

第一隐藏及显示模块402，用于隐藏所述单元格中的内容，并在所述单元格中显示输入框；

第一获取模块403，用于获取用户在所述输入框中输入的数据；

第一发送模块404，用于将用户输入的数据发送到服务器端进行保存；

所述服务器端50包括：

接收模块501，用于接收客户端发送的对动态页面进行修改的数据；

保存模块502，用于保存所接收到的数据。

本发明的客户端和系统，利用现有动态页面技术，设计一种用户修改记录的便捷处理方式，简化了用户的界面操作，让用户与服务端交互的过程变得简单明了，提高了工作效率。

以上所述仅为本发明的较佳实施例，并非用来限定本发明的实施范围；如果不脱离本发明的精神和范围，对本发明进行修改或者等同替换，均应涵盖在本发明权利要求的保护范围当中。

Claims (10)

1.一种动态页面修改的实现方法，其特征在于，包括：

步骤1：用户在当前显示的动态页面中选择要修改的一个单元格；

步骤2：隐藏所述单元格中的内容，并在所述单元格中显示输入框；

步骤3：获取用户在所述输入框中输入的数据；

步骤4：将用户输入的数据发送到服务器端进行保存。

2.根据权利要求1所述的方法，其特征在于，所述步骤1中用户通过鼠标双击来选择要修改的单元格。

3.根据权利要求1所述的方法，其特征在于，所述步骤2中所显示的输入框的默认值为所述单元格中的内容。

4.根据权利要求1所述的方法，其特征在于，所述步骤3中当用户按下回车键确认输入完成之后再获取用户输入的数据。

5.根据权利要求1至4中任一权利要求所述的方法，其特征在于，还包括：

步骤5：服务器端保存数据成功后，返回保存数据成功信息；

步骤6：根据所述保存数据成功信息，所述动态页面中的光标自动跳到下一条记录，隐藏所述输入框，并在光标当前所在的单元格中显示新的输入框；

步骤7：获取用户在所述新的输入框中输入的数据；

步骤8：将用户在所述新的输入框中输入的数据发送到服务器端进行保存。

6.一种客户端，其特征在于，包括：

选择模块，用于使用户在当前显示的动态页面中选择要修改的一个单元格；

第一隐藏及显示模块，用于隐藏所述单元格中的内容，并在所述单元格中显示输入框；

第一获取模块，用于获取用户在所述输入框中输入的数据；

第一发送模块，用于将用户输入的数据发送到服务器端进行保存。

7.根据权利要求6所述的客户端，其特征在于，所述选择模块中用户通过鼠标双击来选择要修改的单元格；所述第一获取模块，进一步用于当用户按下回车键确认输入完成之后再获取用户输入的数据。

8.根据权利要求6所述的客户端，其特征在于，所述第一隐藏及显示模块中所显示的输入框的默认值为所述单元格中的内容。

9.根据权利要求6至8中任一权利要求所述的客户端，其特征在于，还包括：

光标跳转模块，用于根据服务器端发送来的保存数据成功信息，将动态页面中的光标自动跳到下一条记录，隐藏所述输入框，并在光标当前所在的单元格中显示新的输入框；

第二获取模块，用于获取用户在所述新的输入框中输入的数据；

第二发送模块，用于将用户在所述新的输入框中输入的数据发送到服务器端进行保存。

10.一种系统，包括客户端和服务器端，其特征在于，

所述种客户端包括：

选择模块，用于使用户在当前显示的动态页面中选择要修改的一个单元格；

第一隐藏及显示模块，用于隐藏所述单元格中的内容，并在所述单元格中显示输入框；

第一获取模块，用于获取用户在所述输入框中输入的数据；

第一发送模块，用于将用户输入的数据发送到服务器端进行保存；

所述服务器端包括：

接收模块，用于接收客户端发送的对动态页面进行修改的数据；

保存模块，用于保存所接收到的数据。

Images