Dreamweaver MX 2004设计留言本实战(3)

2008-02-23 06:11:18来源:互联网 阅读 ()

新老客户大回馈,云服务器低至5折

  按Ctrl F9展开服务器行为面板,看那四项中的前三项前是否有勾号,假如没有就是相应项在定义站点是没配置好,重做"DW的站点定义"那一步,然后开始创建记录集,有三种方法:


  1)在服务器行为面板上单击" "号
  2)在插入菜单上"Insert>>Application Objects>>Recordset"
  3)在Application工具组里单击第一个图标:



  因为我们还没连接过数据库,所以现在还需要定义连接数据库字符串。在弹出的Recordset对话框中单击如图45所标的"Define..."按钮,再单击"Connections for Site 'guestbook'"对话框中的"New"按钮,在出现的下拉选项中选"Custom Connection String"

  现在是最关键的一步,在"Custom Connection String"对话框中填写自定义字符串:

  Connection name一项填:conn
  Connection string一项填(注意要带双引号):"Provider=Microsoft.Jet.OLEDB.4.0;Data   Source="&Server.MapPath("/guestbook/data.mdb")
  再选中"Using driver on testing server"


  之后一路点"OK"或"Done",回到图44所示的"Recordset"对话框,填写如下:


  Name(记录集名称):rs
  Connection(连接):conn
  Table(表):main
  Columns(字段):先选中"Selected"再按住Shift或Ctrl选择除ID以外的任何字段
  Sort(排序):选择以"Data"字段内容的"Descending"(倒序)方式排序


  确定后出现一个提示窗口,大概意思是"记录集已添加到该页,在绑定面板中能够访问该记录集的各字段",选中"Don't show me again"后按"OK"


  我们把头像地址跟数据库中的数据关联想来,也就是绑定ICON字段的数据到图片地址:


  1)选中那个头像图片,单击属性面板中如图48所示的图标
  2)在弹出的"Select Image Source"对话框中的"Select file name from"项选"Data sources"转换到从数据源选择图片源模式(图49)
  3)先把URL那一栏的内容剪切,然后单击ICON字段,再把刚才的内容粘贴回来,修改成如图50所示

  这样就完成了头像的绑定,自己对照一下绑定前后图片的路径。是不是开始觉得有点意思了?OK,不要停,继续绑定Name字段到头像下面的"访客昵称":


  1)选中"访客昵称"四字后按Ctrl F10展开Bindings(绑定)面板
  2)从中选择Name字段后单击下面的"Insert"按钮(图51)
  3)这时在Name字段右方出现格式化的倒三角形,点击之后选择"Encode - Server.HTMLEncode"

 


  同理把Name字段绑定到"访客发表于2003-9-27 4:04:49"中的"访客"上、Date字段绑定到"访客发表于2003-9-27 4:04:49"中的时间日期上、Content绑定到"留言内容“、Reply绑定到"回复内容",在"回复内容"后软回车再绑定RDate字段:


  仔细看看,好象更有"主页"、"信箱"和"QQ"未绑定数据。按照我们的计划,这三组文字应该都是带链接的,而链接地址跟访客输入的相关资料绑定,其实这个跟绑定头像的方法有点相似:


  1)选中"主页",并单击属性面板中的"Browse for File"按钮,在弹出的"Select File"对话框中作如图54的配置后点"OK",最后回到属性面板中把Target的值选为"_blank",以在新窗口中打开访客主页
  2)同理缩写"信箱"的链接,稍有不同的是信箱的链接前面需要加上"mailto:",如图55
  3)做"QQ"的链接又跟前面的稍有不同,因为我们查看QQ用户的资料地址是http://search.tencent.com/cgi-bin/friend/user_show_info?ln=******,所以我们要做的是把星号换成"QQ"字段的数据,如图56

  现在任何的数据都绑定完了,但是不要高兴得太早,这样的留言板永远只会显示一条留言记录,所以我们还需要设定重复域和翻页

  1)光标定位到头像所在单元格内,然后点选表格二中的<tr>,如图57所示
  2)按Ctrl F9展开服务器行为面板,点击" ”按钮,在出现的下拉菜单中选择"Repeat Region",或在"Application"工具组中点左起第四个图标,然后弹出"Repeat Region"对话框,这里都用默认配置,所以直接点“OK”
  3)选中表格二,然后应用服务器行为"Show Region If Recordset Is Not Empty",如图58


  这是为了在数据库没有记录时不会出错的,相信在图58中大家也注意到了第一项的"Show Region If Recordset Is Empty",这个能够配置当数据库无记录时显示的内容。

数据记录多了之后肯定不能都让他们在一页里显示,所以我们还需要给显示留言加上翻页功能。选择"首页",按"Ctrl F9"展开服务器行为面板,单击上面的" "号,在下拉菜单中选择"Recordset Paging>>Move To First Recordset"(图59),同理给"上页"、"下页"和"尾页"加上翻页功能,分别对应的服务器行为为"Move To Previous Recordset"、"Move To Next Recordset"和"Move To Last Recordset",顺便说一下,这些服务器行为也能够在"Application"工具组里找到,而且更有一个直接插入"Recordset Navigation Bar"(导航栏),能够自己试试看跟我们刚才所做的有什么区别。最后记住也给导航条应用"Show Region If Recordset Is Not Empty"命令,没有记录的话翻页就用不着了。

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇: Dreamweaver MX 2004设计留言本实战(4)

下一篇: Dreamweaver教程:Meta标签详解