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

　　按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