专利名称：一种动态页面修改的实现方法、装置和系统的制作方法
技术领域：
本发明涉及页面修改技术，尤其涉及一种动态页面修改的实现方法、装置和系统。
背景技术：
在常用的动态页面技术中，页面主要是用来展现数据，同时，有时也会通过页面来 修改数据。要修改一条记录的某个字段，需要用户先点击修改页面的链接，进入下一级修改 编辑页面，此时才能进行修改记录的操作，在成功修改记录后再返回到当前的列表页面。因为页面显示的数据来源于服务器端，所以，每修改一条记录，都要由页面提交到 服务器端，这样才能实现真正的修改。但是，每修改一条记录，都要花费几个动作，显然这样 的修改实现方式是比较烦琐的，特别是当数据比较大时，修改起来更是非常不便。
发明内容
本发明的目的是提供一种实现简便的动态页面修改的实现方法、装置和系统。为达到上述目的，本发明采用如下技术方案一种动态页面修改的实现方法，包括步骤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键或Fl键)，或者用户点击页面上的输入完成按钮等等。如图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，用于保存所接收到的数据。本发明的客户端和系统，利用现有动态页面技术，设计一种用户修改记录的便捷 处理方式，简化了用户的界面操作，让用户与服务端交互的过程变得简单明了，提高了工作 效率。以上所述仅为本发明的较佳实施例，并非用来限定本发明的实施范围；如果不脱 离本发明的精神和范围，对本发明进行修改或者等同替换，均应涵盖在本发明权利要求的 保护范围当中。
权利要求
一种动态页面修改的实现方法，其特征在于，包括步骤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.一种系统，包括客户端和服务器端，其特征在于， 所述种客户端包括选择模块，用于使用户在当前显示的动态页面中选择要修改的一个单元格； 第一隐藏及显示模块，用于隐藏所述单元格中的内容，并在所述单元格中显示输入框；第一获取模块，用于获取用户在所述输入框中输入的数据； 第一发送模块，用于将用户输入的数据发送到服务器端进行保存； 所述服务器端包括接收模块，用于接收客户端发送的对动态页面进行修改的数据； 保存模块，用于保存所接收到的数据。
全文摘要
本发明公开了一种动态页面修改的实现方法、装置和系统，所述方法包括步骤1用户在当前显示的动态页面中选择要修改的一个单元格；步骤2隐藏所述单元格中的内容，并在所述单元格中显示输入框；步骤3获取用户在所述输入框中输入的数据；步骤4将用户输入的数据发送到服务器端进行保存。本发明利用现有动态页面技术，设计一种用户修改记录的便捷处理方式，简化了用户的界面操作，让用户与服务端交互的过程变得简单明了，提高了工作效率。
文档编号G06F17/30GK101980193SQ20101051850
公开日2011年2月23日 申请日期2010年10月25日 优先权日2010年10月25日
发明者鲁林 申请人:深圳市五巨科技有限公司