当前位置: 主页 > 平面设计 > 第七章:显示留言列表页面的制作

第七章:显示留言列表页面的制作

  • 2022-02-03
  • 来源/作者: adobe-dreamweaver.cn    / adobe-dr…    
  • 9 次浏览

程将教大家如何在Dreamweaver CS3中制作显示留言的主页面。里面会涉及到,记录集的建立、根据条件域显示、数据分页等多个知识点。
知识重点:学会如何建立记录集和数据分页以及显示数据
相关知识:记录集

在制作显示留言的主页面之前,我们先来看看我们必须在这个页面上实现什么功能。首先我们在Dreamweaver CS3中打开“index.asp”文件。如下图:

从上图中我们可以看到在Dreamweaver CS3我们必须实现这样几个功能:

A:首先我们必须统计留言的记录条数

B:当留言数据库中没有任何留言的时候我们要显示 "留言本中目前还没有任何留言记录",当有记录的时候我们就要隐藏这个提示。

C:留言的内容,其中包括了无留言的时候不显示。也包括重复循环显示记录。

D:数据分页显示。

了解了我们需要实现什么功能后,我们就开始来实现这些功能。

1.首先我们在Dreamweaver CS3中打开绑定窗口,选择记录集(查询)。 如下图:

2.在记录集设置面板中设置好记录集名称,选择连接和你的数据表,犹豫我们想要让最新的留言显示在最前面,所以我们要将排序ID设置为降序。如下图:

3.记录集建立成功后我们先不去理会它,我们先将"留言本中目前还没有任何留言记录"的提示的显示条件设置好。我们选中提示所在的DIV标签,在服务器行为面板中选中显示区域-如果记录集为空则显示区域,应用于刚才我们建立的记录集。如下图

4.接下来我们就来利用Dreamweaver CS3的记录集对页面上的数据进行绑定。我们在绑定面板中打开记录集,并且看到字段名称,我们将相应的记录集字段拖放插入到留言显示的相应区域。如下图

插入完成后的效果如下:

5.绑定好数据之后,我们也像上一步设置无留言提示的条件显示一样来设置一下有留言则显示留言绑定的区域。如下图

6.绑定好记录集字段,我们需要让页面显示多条留言,也就是重复循环显示。我们就需要用到重复区域行为。我们选中DL标签,在服务器行为面板中选择重复区域应用于该DL标签。如下图

在设置面板中,设置每页显示5条记录。如下图

这样我们就设置好了重复循环显示记录。

7.接下来我们要制作统计留言记录的功能。如下图所示,我们选择好各自的记录指针拖放插入到页面顶部相应位置。

拖放后的效果如下

这样我们就制作好了留言数据统计的功能。

8.接下来我们要制作记录集分页功能。我们选中页面中的文字首页,在数据工具条中,选中移至第一条记录。如下图

依次类推再制作好其他上下页的翻页应用。如下图

应用后到此我们的显示留言的主页就制作完成了。效果如下

大家如果不太能看懂上面的步骤,可以下载"index.asp"的源代码到你的页面中,然后再慢慢看这些代码在Dreamweaver CS3分别是哪些功能的代码。