一种动态页面修改的实现方法、装置和系统制造方法及图纸

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

【技术实现步骤摘要】

本专利技术涉及页面修改技术,尤其涉及一种动态页面修改的实现方法、装置和系统
技术介绍
在常用的动态页面技术中,页面主要是用来展现数据,同时,有时也会通过页面来 修改数据。要修改一条记录的某个字段,需要用户先点击修改页面的链接,进入下一级修改 编辑页面,此时才能进行修改记录的操作,在成功修改记录后再返回到当前的列表页面。因为页面显示的数据来源于服务器端,所以,每修改一条记录,都要由页面提交到 服务器端,这样才能实现真正的修改。但是,每修改一条记录,都要花费几个动作,显然这样 的修改实现方式是比较烦琐的,特别是当数据比较大时,修改起来更是非常不便。
技术实现思路
本专利技术的目的是提供一种实现简便的动态页面修改的实现方法、装置和系统。为达到上述目的,本专利技术采用如下技术方案一种动态页面修改的实现方法,包括步骤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:用户在当前显示的动态页面中选择要修改的一个单元格;  步骤2:隐藏所述单元格中的内容,并在所述单元格中显示输入框;  步骤3:获取用户在所述输入框中输入的数据;  步骤4:将用户输入的数据发送到服务器端进行保存。

【技术特征摘要】
一种动态页面修改的实现方法,其特征在于,包括步骤1用户在当前显示的动态页面中选择要修改的一个单元格;步骤2隐藏所述单元格中的内容,并在所述单元格中显示输入框;步骤3获取用户在所述输入框中输入的数据;步骤4将用户输入的数据发送到服务器端进行保存。2.根据权利要求1所述的方法,其特征在于,所述步骤1中用户通过鼠标双击来选择要 修改的单元格。3.根据权利要求1所述的方法,其特征在于,所述步骤2中所显示的输入框的默认值为 所述单元格中的内容。4.根据权利要求1所述的方法,其特征在于,所述步骤3中当用户按下回车键确认输入 完成之后再获取用户输入的数据。5.根据权利要求1至4中任一权利要求所述的方法,其特征在于,还包括 步骤5 服务器端保存数据成功后,返回保存数据成功信息;步骤6 根据所述保存数据成功信息,所述动态页面中的光标自动跳到下一条记录,隐 藏所述输入框,并在光标当前所在的单元格中显示新的输入框; 步骤7 获取用户在所述新的输入框中输入的数据; 步骤8 将用户在所述新的输入框中输入的数据发送到服务器端进行保存。6.一种客户端,其特征在于,包括选择模块,用于使用户在当前显示的动态页面中选择要修改的一个单元格; 第一隐藏及显示模块,用于隐藏所述单元格中的内容,并在所述单元格中显示输入框;第一获取模块,用于获取用户在所述输入框中输入的数据;...

【专利技术属性】
技术研发人员:鲁林
申请(专利权)人:深圳市五巨科技有限公司
类型:发明
国别省市:94[]

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1