依照昨天的计划,在“我的资料”页面列表下方添加了一个“编辑资料”按钮,并用jquery对其创建一个click事件,点击按钮后,显示的“我的资料”页面将变成一张可编辑的表单,用与用户能够编辑自己的资料。

photo1355492723865

 
  如何将显示的表格变成可编辑的表单呢?最初想到的是对原先的表格嵌套表单标签以及修改内部的一些标签。这样实现比较繁杂,因为编辑完成提交之后需要显示最初的表格样式并且将里面的数据替换为最新修改过的。很容易就能想到直接在主页中创建一块新的div并设置隐藏,将原先的表格代码复制进去,修改部分代码使之变成一个可编辑表单。
  点击编辑按钮后显示可编辑表单,那么如何让原本的表格内容依旧显示在编辑表单里呢?点击编辑的时候查一次数据库?查询数据库是比较耗费服务器资源的操作,之前点击个人信息时已经查了一次数据库并且所得的数据恰好是表单内容所需要的。所以,在获取自己信息并把数据插入“个人信息”表格时,同时将数据插入表单中就行了。等到点击“编辑资料”按钮时所做的仅仅是将早已建好的已经获得了具体数据的表单显示出来。基本完美解决了“在“我的资料”页面增加一个“编辑”按钮,点击此按钮后基本信息的页面中的数据处于可编辑状态”这昨天写的句话。
photo1355492723684
  明天的任务:点击编辑资料表单中的提交按钮时,向后台发送表单数据,并插入数据库中。之后在页面显示更新后的资料信息。这步明天的时间可能会有一些紧张,尽力做吧,周日给谢老师看进度。