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