|
|
|
| 第10课 初体验留言板主页面的动态效果 |
| www.study51.com |
| 【字体：大 中 小】【打印】【关闭】 |
|
|
上一课我们创建了数据库和留言板站点的连接，这样就有了进一步创建动态页面的基础。但现在数据库中的数据还不能直接应用到页面中，因为要将数据库用作动态网页的内容源时，必须首先创建一个要在其中存储检索数据的记录集。本次课就主要讲解记录集的创建方法以及如何将记录集中数据绑定到动态页面中，最后再通过服务器行为的定义让大家初次体验一下留言板主页面的动态效果。
一、在绑定面板中定义记录集
1、在Dreamweaver MX中打开留言板站点主页面（main.asp）。
2、打开绑定面板，单击  按钮，在弹出的下拉菜单中选择“记录集（查询）”命令，如图1所示。
图1 绑定面板—定义记录集
3、在弹出的记录集定义对话框中，定义记录集名称、选择数据库连接名、选择数据库中的表、选择表中的字段（域）、定义记录排序的方法等，如图2所示。
图2 定义记录集
4、按照前面的步骤操作完成以后，在绑定面板就会出现新定义的记录集，单击它前面的+号，可以展开记录集，如图3所示。
图3 绑定面板—创建完成的记录集
二、将记录集中数据绑定到表格域
1、对留言板主页面（main.asp）中的表格重新编辑，删除单元格中的一些文字，结果如图4所示。
图4 主页面中显示留言信息的表格
2、将记录集中的数据域（字段）绑定到表格相应的单元格中。
打开绑定面板，展开记录集。用鼠标将记录集中的y_name字段拖放到页面表格的左上角中，用同样的方法将其它数据域（字段）拖动到相应的单元格中，如图5所示。
图5 将记录集中的数据绑定到单元格
3、通过上面的步骤，我们已经将记录集中的字段（也就是数据库中数据）绑定到页面中的单元格中。这样，这些单元格中的内容实际上就是动态文本内容了。先做个实验：
①现在我们就在ACCESS2000中对留言板数据库中的用户信息表（yonghu）编辑记录。单击这里查看如何在ACCESS2000中编辑记录
②在浏览器中打开main.asp页面观察页面效果。（http://localhost/liuyanban/main.asp或者http://127.0.0.1/liuyanban/main.asp）
虽然我们在留言板数据库的用户信息表中添加了多个记录，但是在浏览器中打开的main.asp页面中显示的总是一个记录的绑定内容。那么怎么让页面中同时显示多个留言记录呢？下边就解决这个问题。
三、在main.asp页面中添加服务器行为——重复区域
1、在main.asp页面中选中图5所示的整个表格，我们要把它创建成可以重复显示的区域。
2、打开服务器行为面板，单击 按钮，在弹出的下拉菜单中选择执行其中的“重复区域”命令，接着会弹出一个重复区域设置对话框，如图6所示。我们设置一个页面中同时显示3条留言记录。
图6 重复区域设置
3、设置完成以后，main.asp页面中所选中的表格（重复区域）变成灰暗显示，并且在表格的左上角位置出现“重复”两字，如图7所示是局部的显示效果。目前，服务器行为面板的内容如图8所示。
图7 页面中重复区域（局部）
图8 服务器行为面板
4、现在再在浏览器中观察一下main.asp的页面效果吧，在ACCESS2000中给用户表多添加几个记录试试。
现在你体会到Dreamweaver MX的服务器行为的功能的强大了吧。呵~不忙，先别高兴，才刚开了个头……
四、向main.asp再添加一个服务器行为——显示区域
main.asp页面中的表格（如图5）是显示用户的留言记录，当留言板数据库的用户表中没有一个记录时（也就是没有一个用户留言时），这个表格我们是不想让它显示出来的（显示个空表干什么？）。但是现在的情况是，你把用户表中的记录全部删除清空，main.asp页面照样会显示一个空表格。：（（（（怎么办？下边通过再添加一个服务器行为——显示区域来解决这个问题：
1、在main.asp页面中选中图5所示的整个表格。
2、打开服务器行为面板，单击 按钮，在弹出的下拉菜单中选择执行其中的“显示区域/如果记录不为空则显示区域”命令，如图9。
图9 服务器行为—显示区域
3、如图9执行以后，会弹出一个设置显示区域的对话框，在其中选择绑定的记录集，确定。
4、这时，main.asp页面中的选中表格的左上角会出现一个新的服务器行为 。
经过上面的操作以后，当没有一个用户留言（用户表中记录为空）时，main.asp页面中就不会显示如图5所示的空表格。
好了，这次课就到这里了，本课我们学习了如何用连接好的数据库创建记录集，然后再将记录集中的数据域绑定到页面中。另外还学习了两个服务器行为，初次体会了Dreamweaver MX在动态网页创建上的强大功能，收获不小吧？但别忘了独立思考、举一反三啊。 |
|
|
| 【字体：大 中 小】【打印】【关闭】 |
|
|
|
