第15课 初体验留言板主页面的动态效果
www.study51.com 【字体:大 中 小】【打印】【关闭】
上节课我们制作了管理员登陆页面login.asp和管理主页面main_guest.asp,这节课我们继续来做编辑,回复,删除3个管理页面。
一、编辑用户留言(更新记录)页面的创建:
1、新建文件edit.asp编辑页面,首先在插入面板添加一个表单,在表单内添加表格与表单域,布局见图1。
图1 单元格与表单域
2、在绑定面板里单击“+”按钮选择记录集,打开记录集对话框,记录集对话框设置见图2。
图2 记录集设置
3、选中姓名对应的文本字段,在属性面板里改名为name,然后点击按钮,打开动态数据对话框,为姓名文本字段添加动态数据,选取记录集中的y_name字段,动态数据对话框设置见图3。
图3 添加动态数据
4、OICQ、E-MAIL、个人主页、留言内容动态数据绑定的方法与姓名绑定的方法相同,按照上面的方法一一对应绑定即可。
5、选中单选按钮女,在属性面板里为它改名为sex选定值为女;再选中单选按钮男,在属性面板为它改名为sex选定值为男,然后再点击动态按钮,打开动态单选按钮对话框,在动态单选按钮对话框中单击,打开动态数据对话框,选取记录集中的y_xingbie字段,见图4。
图4 设置单选按钮
因为男女单选按钮的名称均为sex,所以只绑定一次就可以了,全部绑定到相应的表单域如图5。
图5 动态数据绑定完成
6、添加限制访问页行为:打开服务器行为面板,单击“+”按钮选择用户身份验证下的限制对页面的访问,打开限制对页的访问对话框,限制对页的访问对话框设置,见图6。
图6 限制对页的访问对话框
7、页面的数据更新,打开服务器行为面板,单击“+”按钮选择更新记录,打开更新记录对话框,更新设置见图7。
图7 更新记录对话框设置
编辑留言实际上就是更新数据库中的内容,编辑留言页面我们就做完了。
二、管理员回复功能页面的创建:
1、创建huifu.asp回复页面,首先插入表单,在表单内添加表格与表单域,布局见图8。
图8 管理员回复页
2、绑定记录集:在绑定面板单击“+”按钮,选择添加记录集,绑定记录集方法同编辑页面第2节。
3、添加动态数据:姓名、EMAIL、留言内容、回复内容添加动态数据的方法同编辑页面第3节。
4、添加限制访问页行为:限制访问页行为添加方法同编辑页面的第6节。
5、页面的数据更新:更新记录方法同编辑页面的第7节。
三、删除用户留言(删除记录)页面的创建:
1、创建delete.asp删除页面,首先插入表单,在表单内添加单元格与表单域,布局见图9。
图9 删除留言表单与布局表格
2、绑定记录集:在绑定面板单击“+”按钮,选择添加记录集,绑定记录集方法同编辑页面第2节。
3、添加动态数据:姓名、留言内容添加动态数据的方法同编辑页面第3节。
4、添加限制访问页行为:限制访问页行为添加方法同编辑页面的第6节。
5、页面的服务器行为:打开服务器行为面板,单击“+”选择删除记录,打开删除记录对话框,删除记录对话框设置见图10。
图10 删除记录对话框
四、管理页面添加服务器行为:实现跳转到详细信息页(main_guest.asp)
1、打开main_guest.asp管理主页面,选中“编辑”这两个文字,打开服务器行为面板,单击“+”选择转到详细信息页,打开转到详细信息页对话框,详细信息页选择edit.asp,转到详细信息页对话框设置见图11。
图11 编辑转到详细信息页对话框
传递URL参数为y_id,它是mdb数据库里我们定义的ID字段类型是自动编号,自动编号在数据库里是不会重复的,将来我们要编辑留言板中的某条留言的时候,这条留言信息的ID号就传递给了edit.asp页面,edit.asp页面就会显示这条留言的信息让我编辑了。
2、分别选中“回复”和“删除”文字,依次打开服务器行为面板,单击“ + ”选择转到详细信息页,打开转到详细信息页的对话框,
“回复”的详细信息页选择huifu.asp ;“删除”的详细信息页选择delete.asp。转到详细信息页对话框设置见图12。
图12 回复和删除转到详细信息页对话框
留言板管理部分的页面全部做完了,整个留言板系统全部做好了,用DreamweaverMX开发的这个留言板系统,结合了前,后台设计环境,采用了ASP VBScript服务器端脚本技术,功能丰富,充满个性,尤其是不用你编写一句程序代码就能实现动态交互功能,收获不小吧:)