#第七章bbs论坛和留言本的制作

1、第7章bbs论坛和留言板的制作本章内容:ASP访问数据库、bbs论坛和留言本主要介绍动态站点的创建、数据库的建立和连接、的制作。§7.1创建动态站点公告板系统bbs(BulletinBoardSystem)是指用户可以在此发布和查看留言，管理员可以通过后台管理系统，对留言进行整理和编辑。本章以登录页面、留言页面以及显示页面为例,介绍公告板系统中各个页面与数据库的连接、对数据库的访问以及对留言信息的显示等等。【例7-1】建立动态站点。步骤一：在MacromediaDreamweaverMX2004中，执行菜单命令"站点”|“新建站点”，打开“基本”选项卡，在“您打算为您的站点

2、起什么名字？”下的文本框中输入动态站点的名称，如图7-2所示。图7-2为动态站点命名步骤二：单击“下一步”按钮。选择“是，我想选择服务器技术”选项，选中下拉菜单中的“ASPJavaScript”，如图7-3所示。的拈也定文为图7-3设置服务器步骤三：单击“下一步”按钮，选中单选按钮项“在本地进行编辑和测试”，选择站点文件的存储路径，如E:zzpsite，如图7-4所示。图7-4设置站点的物理路径URL(T)”按钮,URL(T)”按钮,步骤四：单击“下一步”按钮，弹出如图7-5所示的对话框，单击“测试得到测试结果界面，如图7-6所示。图7-5测试动态站点图7-6动态站点测试结果§7.2

3、ASP访问数据库ASP应用程序不能直接操作数据库，必须通过数据库连接驱动程序（ODBC）或嵌入式数据库（OLEDB）提供程序来连接访问数据库。MacromediaDreamweaverMX2004提供了数据库访问功能，通过一些简单设置，可以简单、快速地完成数据库的连接访问。下面以“公告板系统bbs”站点myweb的登录页面login.asp、留言页面index.asp和显示页面disp.asp为例，介绍动态页面ASP与数据库之间的连接方法，通过留言页面将信息提交到数据库，再数据库信息通过浏览页面显示出来。数据库的建立本文以Access2003为例，介绍公告板系统bbs网站所需数据库及表格的创建

4、过程。【例7-2】建立公告板系统bbs网站所需的数据库bbs.mdb及两个数据表member和bbs。步骤一：建立公告板系统bbs数据库bbs.mdb及两个数据表member和bbs。打开Access数据库软件，新建数据库文件bbs.mdb，弹出图7-7所示的窗口，双击“使用设计器创建表”，创建一个用户登录网站的信息表member。Ilfbbs:数据库（Access2000文科搭式）图7-7新建数据库bbs.mdb按照图7-8所示，为表member建立两个字段user和password,分别存储用户登录的“用户名”和“密码”。图7-8建立表member中的字段设置表member中两个字段use

5、r和password的属性，将"允许空字符串”设为“否”，将“必填字段”设为“是”，将字段user设为“主键”。执行菜单命令“文件”|“保存”，在弹出的窗口中为表命名为member。创建数据表bbs，用于存储留言者“编号”、“姓名”、“性别”、“标题”、“留言内容”和“联系方式”等等。对应的字段分别是：id、name、sex、title、content以及tel。具体设置情况如图7-9所示。号祚一nan*s«-xtillaeentatil罚=内善联聚方式规段店式嶷?|能图7-9建立表bbs中的字段步骤二：为表member添加记录数据。返回到bbs.mdb创建表窗口，此时窗口

6、中已经增加了member和bbs两个表项，女口图7-10所示。双击member表项，弹出如图7-11所示的界面，在其中添加两条记录。bbsESfc据布UiCEesa2flUUAffttst)|J|口区一唱打开观址硬计I新逢加丨為丨九：匚=從用设计盟赳建哀槎用宵导何凰表SaJftAEJJS创洼走bbs從用设计盟赳建哀槎用宵导何凰表SaJftAEJJS创洼走bbs创包创-J3图7-10创建表窗口BeBber:表Zfn|X图7-11为表bbs添加记录userpasswordA.123456zxh654321*IV记录：EEf2叵)叵冋722数据库的连接以MacromediaDreamweaverMX

7、2004提供了数据库访问功能，介绍公告板系统站点中登录页面(login.asp)、留言页面(index.asp)与显示页面(disp.asp)与数据库bbs.mdb的连接过程。【例7-3】建立"公告板系统bbs”站点与数据库bbs.mdb的连接。步骤一：创建指向数据库bbs.mdb的ODBC数据源(数据库与数据源连接)单击“开始”-单击“开始”-“控制面板”“管理工具”“数据源ODBC”，打开“ODBC数据源管理器”对话框，如图7-12所示。图7-12ODBC数据源管理器单击“系统DSN”选项卡，单击“添加”按钮，弹出“创建新数据源”对话框，如图7-13所示，选择“Microsoft

8、AccessDriver(*.mdb)”或“DriverdoMicrosoftAccess(*.mdb)”，单击“完成”按钮。SrPtrrfrilicritrftdlnEi(*.41*)BriberdoWbcr-osoftExctl(v.uls)BfivftrdjoHicrosciftfir4.dax(.dh】DfLVAtrput曲lflLCtr«£oft¥iEnalFoxProNi.-eroi«Ct蛀EMIk贰亍(tndh-)Hi<TQi*f<Acc«fs-Trejb-wndt)"licroscftBriber他dhfJ

9、NicrosoftdButVFFUfWqf(.dbf)4-UJ.Tl<>图7-13创建新数据源弹出如图7-14所示的“ODBCMicrosoftAccess安装”对话框。在“数据源名”文本框中输入“bbs_odbc”，单击“选择”按钮，打开如图7-15所示“选择数据库”对话框，选择要连接的数据库bbs.mdb，单击“确定”按钮，完成ODBC数据源的设置。图7-14ODBCMicrosoftAccess安装图7-15选择数据库步骤二：在MacromediaDreamweaverMX2004中，建立登录页面login.asp与ODBC数据源bbs_odbc的链接。打开登录页面login

10、.asp，执行“窗口”|“数据库”菜单命令，打开“数据库面板”。单击按钮土，在弹出的下拉菜单中选择“数据源名称”选项，弹出“数据源名称(DSN)”窗口，如图7-16所示。在“连接名称”文本框中输入“bbs_member”，连接到数据库bbs.mdb的member表，在“数据源名称”下拉列表中选择前面已经创建的数据源“bbs_odbc”，其它项使用默认选项，单击“确定”按钮，完成连接过程。单击“测试”按钮可以测试连接是否成功。图7-16数据源名称(DSN)数据库连接成功以后，“数据库”面板中增加了一个数据库项bbs_member,该项包含了相关的表和视图，对表的操作可以在该项目中直接进行，同时站

11、点下增加了Connections目录，如图7-17所示。bbs_inemb8r1+1决表田£视團由黏预存过程图7-17数据库连接成功723数据库的访问ADO(ActiveXDataObjects)是一组访问数据库的专用模块，在服务器端执行，通过ADO可以实现动态服务器页面ASP对数据库的访问。在MacromediaDreamweaverMX2004开发环境中，开发人员只需做适当设置，就可以实现如“用户身份验证”、“将信息提交到数据库”以及“显示数据库中信息”等功能。【例7-4】为登录网页login.asp实现用户身份的验证功能。步骤一：验证登录页面login.asp中输入的“用户名”

12、和“密码”与数据库bbs.mdb中数据表member中某条记录的字段user和字段password值是否相等，如果相等，转向留言页面index.asp，如果不等，则显示登录失败信息，重新登录。执行“窗口”|“服务器行为”菜单命令，打开“服务器行为”面板。单击按钮+.,选择“用户身份验证”菜单下的子菜单“登录用户”，弹出“登录用户”对话框，如图7-18所示。SJfl户功f?到indtz.su转刮苗?啦（如黑踊在址I杲Jf录失Gf转到arrw.kip基于也下或甩顽I可.O用PW勰码O用尸各密码耐问蠢别图7-18登录用户“登录用户”对话框中，“从表单获取输入”部分选择登录页面login.asp中的两

13、个文本域“用户名字段”和"密码字段”，分别是：user、password。“使用连接验证”、“表格”、“用户名列”及“密码列”的选择如图7-18所示。如果登录成功，转到留言页面index.asp，如果登录失败，转到登录失败页面error.asp,并给出提示信息。图7-19登录页面图7-20登录测试步骤二：测试登录页面login.asp。打开浏览器，在地址栏中输入地址：，可以打开登录页面，如图7-19所示。在登录页面的“用户名”和“密码”文本框中输入信息，如果正确，转到如图7-21所示的公告板留言页面。图7-21留言页面【例7-5】将留言页面index.asp中输入的信息提交到数据库b

14、bs.mdb中的bbs数据表中。步骤一：在MacromediaDreamweaverMX2004中建立留言页面index.asp与ODBC数据源bbs_odbc之间的连接。打开留言页面index.asp，执行"窗口”|"数据库”菜单命令，打开"数据库面板”。单击按钮土，在弹出的下拉菜单中选择“数据源名称”选项，在弹出的“数据源名称(DSN)”窗口的“连接名称”文本框中输入bbs_bbs(连接到数据库bbs.mdb中的数据表bbs)。在“数据源名称”下拉列表中选择在ODBC中创建的数据源bbs_odbc，其它项使用默认值。单击“测试”按钮，测试连接是否成功，单击“确

15、定”按钮完成连接过程。图7-22测试连接步骤二：为表单添加服务器行为。执行“窗口”|“服务器行为”菜单命令，打开“服务器行为”面板。用光标选中状态栏中的<form#form1>，单击“服务器行为”面板中的按钮+，选择“插入记录”行为，在弹出的“插入记录”对话框中，设置“连接”、“插入到表格”、“插入后，转到”、“获取值自”以及“表单元素”中的各项的值。具体设置如图7-23所示。图7-23插入记录步骤三：测试留言页面index.asp。在浏览器地址栏输入地址：，将打开如图7-20所示的留言页面。在该页面中填写完信息，单击“发表”按钮，页面中输入的信息将提交到数据表bbs中。【例7-6

16、】在显示页面disp.asp中显示数据表bbs中存储的全部留言信息。步骤一：在MacromediaDreamweaverMX2004中，建立显示页面disp.asp与ODBC数据源bbs_odbc之间的连接（连接到数据库bbs.mdb的数据表bbs）。步骤二：在显示页面disp.asp中绑定满足检索条件的记录集。执行菜单命令“窗口”|“绑定”，弹出“绑定”面板。单击按钮+，选择“记录集（查询）”子菜单项，弹出“记录集”对话框，如图7-24所示。单击“简单”按钮，按照图7-25记录集”对话框进行设置。单击“确定”按钮，“绑定”面板和“服务器行为”面板都增加了记录集Recordset1。图7-24

17、记录集对话框高级界面图7-25记录集对话框简单界面步骤三：将显示页面disp.asp中的表单对象绑定到记录集。将"绑定”面板记录集Recordsetl下的记录id用鼠标拖动到"设计”窗口"编号id”字段下方的单元格中，拖动完毕，单元格中出现"Recordsetl.id”。采用上述方法，将记录集Recordsetl中其它选项分别拖动到"设计”面板中相应的单元格中，如图7-26所示的“设计”窗口。选中表格中第一条记录所在的行，在“服务器行为”面板中，单击按钮+,选择“重复区域”行为，弹出“重复区域”对话框，如图7-27所示。“记录集”选项选择Recordsetl，“显示”选项选择“所有记录”。氫漲習窘信息jfi号诃由呂苦仙I書标I帝方式I雷内Iff丨i砧IlF匚口工I,ns«llkmfoiriiruth:匕逗厂卜底“旦匚日环亡戈htitle；|1尺匕匚口工寸2；厅|：I,图7-26设计窗口图7-27重复区域对话框步骤四：测试显示页面。在浏览器地址栏中输入地址：，数据库bbs.mdb