设计制作留言板系统

设计制作留言板系统

本章导读

留言板系统是网站上用户进行交流的方式之一，在INTERNET创建的初期，留言板系统作为一个重要的交流工具在网站收集用户意见方面起到了很重要的作用，随着INTERNET技术的发展，留言板系统已经有了更多的功能。本章主要学习留言板系统的制作过程。

技术要点：

熟悉留言板系统设计分析

掌握留言板系统数据表与数据库连接的创建

掌握留言板系统各个页面设计

系统设计分析

留言板系统作为一个非常重要的交流工具在收集用户意见方面起到了很大的作用。留言板系统页面结构比较简单，基本的留言板系统由留言列表页面、留言详细内容页面和发表留言页面组成。如下图所示是留言板系统页面结构图。

留言列表页面liebiao.asp，此页面显示留言的标题、作者和留言时间

等，单击留言标题便可以进入留言详细信息页。

留言详细信息页面xiangxi.asp，这个页面显示了留言的详细信息。发表留言页面fabiao.asp，在这个页面中可以发表留言内容，然后提交到后台数据库中。

1.配置IIS及建立站点

配置IIS

图表-1第一步

图表-2第2步

建立站点

2．创建数据表与数据库连接

2.1设计数据库

本章的留言板系统数据库gbook.mdb，它的字段名称、数据类型和说明如下表：

表的名字为：gbook

2.2创建数据库连接

在设计完数据库表之后，下面就创建数据库连接，具体操作步骤如下。（1）启动DREAMWEA VER CS3 ,打开要创建数据库连接的文档，执行“窗口”→“数据库”命令，打开“数据库”面板，在面板

中单击添加按钮，在弹出的菜单中选择“自定义连接字符串”

选项，如图所示。

（2）弹出“自定义连接字符串”对话框，在对话框的“连接名称”

文本框中输入gbook，“连接字符串”文本框中输入以下代码，如下图所示：注意复制后标点符号要修改成英文状态下的。“provider=Microsoft.jet.oledb.4.0;data

source=”&server.mappath(“/gbook.mdb”)

★提示★

设置时必须先关闭数据库，否则会出现“不能使用；文件已在使用中”的错误信息。

3 留言列表页面

留言列表页面效果如下图所示，主要利用创建记录集、显示区域、绑定字段、创建重复区域和转到详细页面服务器行为制作的。

3.1基本页面设计

下面设计基本页面，具体操作步骤如下：

（1）打开网面文档index.htm，将其另存为liebiao.asp

（2）将光标置于相应的位置，执行“插入记录”→“表格”命令，插入1行3列的表格，在“属性”面板中将“填充”设置为4，“对齐”设置为“居中对齐”，此表格记为表格1。

（3）将光标置于第１列单元格中，执行“插入记录”→“图像”命令，插入图像images/yy.gif。

（4）将光标置于表格１的右边，按回车键换行，插入１行１列的表格２，在“属性”面板中将“填充”设置为４，“对齐”设置为

“居中对齐”，

（5）将光标置于表格２中，输入相应的文字，

（6）选中文字“添加”，在“属性”面板的“链接”文本框中输入fabiao.asp，如图所示

８.３.２创建记录集

基本页面设计好后，然后在这个页面的基础上添加记录集，绑定动态

数据，以显示留言标题列表，具体操作步骤如下：

（１）执行“窗口”→“绑定”，在弹出的面板中单击添加按钮，选择“记录集（查询）”选项，按下图所示进行设置

（２）设置完成后，单击“确定”按钮

（３）选中表格２，执行“窗口”→“服务器行为”命令，在面板中单击添加按钮，在弹出的菜单中选择“显示区域”→“如果记录集为空则显示区域”，按下图设置对话框的属性。设置完

成后单击“确定”按钮。

（４）光标定位到表格1的第2个单元格，在“绑定”面板中展开记录集RS1，选中subject字段，单击右下角的“插入”按钮，绑定字段

（５）光标定位到表格1的第3个单元格，在“绑定”面板中展开记录集RS1，选中date字段，单击右下角的“插入”按钮，

８.３.３添加重复区域

使用“重复区域”行为可以循环显示留言列表信息，下面设置重复区域，具体操作步骤如下。

（１）选择表格１，执行“窗口”→“服务器行为”命令，打开“服务器行为”面板，在面板中单击添加按钮，选择“重复区

域”选项。如下图

（２）按下图设置弹出的“重复区域”对话框，设置完成后单击“确定”按钮。

８.３.４转到详细页面

使用“转到详细页面”可以对留言的标题添加链接，链接到留言内容的详细页面，具体操作步骤如下。

（１）选中占位符{Rs1.subject}，单击“服务器行为”面板中的添加按钮，选择“转到详细页面”选项。按下图设置对话框的各项属性。设置完成后单击“确定”按钮。

８.４留言详细信息页面

留言详细信息页面效果如图所示。显示留言的详细信息，主要利用创建记录集和绑定字段制作的。

８.４.１设计页面静态部分

下面设计页面的静态部分，具体操作步骤如下。

（１）打开网页文档index.asp，将其另存为xiangxi.asp

（２）将光标置于相应的位置，插入一个３行１列的表格，在“属性”面板中将填充设为４，对齐设为居中对齐

８.４.２创建记录集

（１）单击“绑定“面板中的添加按钮，在弹出的菜单中选择“记录

集（查询）”，按下图设置对话框的相关属性。设置完成后单击“确定”按钮。

（２）在“绑定”面板中展开记录集RS1，选中subject字段，按住鼠标左键不松移动到表格中的第一行单元格内，实现字段的绑定

（３）按上一步的方法分别将date和content字段绑定到相应的位置８.５发表留言页面

8.5.1布局