首页
课程 首页 | 入门 | 硬件 | 软件 | 设计 | 开发 | 网络 | 小组 | 社区 | 加油站
 当前位置:首页=>课程=>Dreamweaver MX留言板实例教程=>第15课 初体验留言板主页面的动态效果
课程目录
 
第1课 DW MX工作环境简介及站点的建立
第2课 创建留言板动态站点及第一个页面
第3课 用表格布局留言板站点主页面
第4课 用CSS样式表设计留言板站点
第5课 创建留言板站点主页面导航元素
第6课 创建留言板站点主页面的其他元素和效果
第7课 用Fireworks MX画留言板站点页面
第8课 数据库基础和用Access2000创建留言板站点数据库
第9课 在Dreamweaver MX中创建数据库连接
第10课 初体验留言板主页面的动态效果
第11课 初体验留言板主页面的动态效果
第12课 初体验留言板主页面的动态效果
第13课 初体验留言板主页面的动态效果
第14课 初体验留言板主页面的动态效果
第15课 初体验留言板主页面的动态效果
 
第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服务器端脚本技术,功能丰富,充满个性,尤其是不用你编写一句程序代码就能实现动态交互功能,收获不小吧:)
【字体:  打印】【关闭
关于我们 | 广告服务 | 诚邀加盟 | 友情链接 | 网站地图 | 联系方式
Copyright ©1998-2005, All Rights Reserved.
版权所有 学习无忧网 51study.net
广告或空间合作,请QQ:70046085联系我