面向对象方式编程前端页面（3）通用信息修改窗

　　最近事太多，很久没有更新了，让大家久等了。不闲扯了，进入主题，接着上一篇继续往下交流，今天，我们说一说信息修改。

　　一、网站信息修改流程

　　最常见的网站信息修改流程如下：在一个页面里进行，例如：editinfo.php，在页面内设计相应控件，然后在一个形如list.php的信息列表页面写上到editinfo.php的链接，例如：<a href="editinfo.php?id=3">修改信息</a>，这样需要修改信息时，点击相应链接将跳转至editinfo.php页面。然后我们可以在后台获取传递进来的url参数id的值，根据此值执行数据库查询操作，把相应记录的字段值赋给控件，即先执行页面初始化，把数据库中相应记录的值赋给控件，最后用户修改控件里的值，单击页面的“保存”按钮（可能会有其它名字），后台在“保存”按钮的事件处理函数内执行保存数据到数据库的操作（可以在editinfo.php页面内处理，也可以以ajax方式将控件的值传递给另外一个页面处理）。

　　好了，常见的网站信息修改流程介绍完了，下面我们思考一下，看可不可以将这个过程抽象为一个通用的过程，也就是说要修改的信息与页面无关。

　　二、功能抽象

　　我们要实现的功能是：用一个页面（实际实现时用的是<div>弹层模拟窗口）修改网站所有的信息，即，可以用同一个页面修改类型不同的数据项，例如：可以修改字符、修改图片等；可以用同一个页面修改数目不固定的数据