1、个人收集整理 勿做商业用途第7章 bbs论坛和留言板的制作本章内容:主要介绍动态站点的创建、数据库的建立和连接、ASP访问数据库、bbs论坛和留言本的制作。7。1 创建动态站点公告板系统bbs(Bulletin Board System)是指用户可以在此发布和查看留言,管理员可以通过后台管理系统,对留言进行整理和编辑。本章以登录页面、留言页面以及显示页面为例,介绍公告板系统中各个页面与数据库的连接、对数据库的访问以及对留言信息的显示等等。【例7-1】建立动态站点。 步骤一:在Macromedia Dreamweaver MX 2004中,执行菜单命令“站点”“新建站点”,打开“基本”选项卡,在
2、“您打算为您的站点起什么名字?”下的文本框中输入动态站点的名称,如图7-2所示。图7-2 为动态站点命名步骤二:单击“下一步”按钮。选择“是,我想选择服务器技术”选项,选中下拉菜单中的“ASP JavaScript”,如图73所示。图7-3 设置服务器步骤三:单击“下一步”按钮,选中单选按钮项“在本地进行编辑和测试”,选择站点文件的存储路径,如E:zzpsite,如图7-4所示。图7-4 设置站点的物理路径步骤四:单击“下一步”按钮,弹出如图7-5所示的对话框,单击“测试URL(T)”按钮,得到测试结果界面,如图7-6所示.图75 测试动态站点图76 动态站点测试结果 7.2 ASP访问数据库
3、 ASP应用程序不能直接操作数据库,必须通过数据库连接驱动程序(ODBC)或嵌入式数据库(OLE DB)提供程序来连接访问数据库。Macromedia Dreamweaver MX 2004提供了数据库访问功能,通过一些简单设置,可以简单、快速地完成数据库的连接访问。下面以“公告板系统bbs”站点myweb的登录页面login。asp、留言页面index。asp和显示页面disp.asp为例,介绍动态页面ASP与数据库之间的连接方法,通过留言页面将信息提交到数据库,再数据库信息通过浏览页面显示出来。 7.2.1 数据库的建立本文以Access 2003为例,介绍公告板系统bbs网站所需数据库及
4、表格的创建过程。【例72】建立公告板系统bbs网站所需的数据库bbs.mdb及两个数据表member和bbs。步骤一:建立公告板系统bbs数据库bbs。mdb及两个数据表member和bbs. n 打开Access 数据库软件,新建数据库文件bbs.mdb,弹出图77所示的窗口,双击“使用设计器创建表”,创建一个用户登录网站的信息表member。图77 新建数据库bbs.mdbn 按照图78所示,为表member建立两个字段user和password,分别存储用户登录的“用户名和“密码”。图7-8 建立表member中的字段n 设置表member中两个字段user和password的属性,将“
5、允许空字符串设为“否”,将“必填字段”设为“是”,将字段user设为“主键”。n 执行菜单命令“文件”|“保存”,在弹出的窗口中为表命名为member。n 创建数据表bbs,用于存储留言者“编号”、“姓名”、“性别、“标题、“留言内容”和“联系方式”等等。对应的字段分别是:id、name、sex、title、content以及tel。具体设置情况如图79所示.图79 建立表bbs中的字段步骤二:为表member添加记录数据.n 返回到bbs。mdb创建表窗口,此时窗口中已经增加了member和bbs两个表项,如图7-10所示。n 双击member表项,弹出如图711所示的界面,在其中添加两条记
6、录。图710 创建表窗口图711 为表bbs添加记录7。2.2 数据库的连接以Macromedia Dreamweaver M X 2004提供了数据库访问功能,介绍公告板系统站点中登录页面(login。asp)、留言页面(index。asp)与显示页面(disp。asp)与数据库bbs.mdb的连接过程.【例7-3】 建立“公告板系统bbs站点与数据库bbs.mdb的连接 。步骤一:创建指向数据库bbs.mdb的ODBC数据源(数据库与数据源连接).n 单击“开始”“控制面板 - “管理工具” - “数据源ODBC,打开“ODBC数据源管理器”对话框,如图712所示。图7-12 ODBC数据
7、源管理器n 单击“系统DSN选项卡,单击“添加”按钮,弹出“创建新数据源”对话框,如图713所示,选择“Microsoft Access Driver(。mdb)”或“Driver do Microsoft Access(.mdb)”,单击“完成”按钮。图7-13 创建新数据源n 弹出如图7-14所示的“ODBC Microsoft Access安装”对话框。在“数据源名”文本框中输入“bbs_odbc”,单击“选择按钮,打开如图7-15所示“选择数据库对话框,选择要连接的数据库bbs。mdb,单击“确定”按钮,完成ODBC数据源的设置.图714 ODBC Microsoft Access安装
8、图7-15 选择数据库步骤二:在Macromedia Dreamweaver MX 2004中,建立登录页面login。asp与ODBC数据源bbs_odbc的链接.n 打开登录页面login。asp,执行“窗口”|“数据库菜单命令,打开“数据库面板”。单击按钮,在弹出的下拉菜单中选择“数据源名称”选项,弹出“数据源名称(DSN)”窗口,如图716所示。n 在“连接名称”文本框中输入“bbs_member”,连接到数据库bbs。mdb的member表,在“数据源名称”下拉列表中选择前面已经创建的数据源“bbs_odbc,其它项使用默认选项,单击“确定按钮,完成连接过程。单击“测试”按钮可以测试
9、连接是否成功。图716 数据源名称(DSN)n 数据库连接成功以后,“数据库面板中增加了一个数据库项bbs_member,该项包含了相关的表和视图,对表的操作可以在该项目中直接进行,同时站点下增加了Connections目录,如图717所示。 图7-17 数据库连接成功7。2.3 数据库的访问ADO(ActiveX Data Objects)是一组访问数据库的专用模块,在服务器端执行,通过ADO可以实现动态服务器页面ASP对数据库的访问。在Macromedia Dreamweaver M X 2004开发环境中,开发人员只需做适当设置,就可以实现如“用户身份验证”、“将信息提交到数据库”以及“
10、显示数据库中信息”等功能。【例7-4】 为登录网页login。asp实现用户身份的验证功能。 步骤一:验证登录页面login。asp中输入的“用户名和“密码与数据库bbs。mdb中数据表member中某条记录的字段user和字段password值是否相等,如果相等,转向留言页面index。asp,如果不等,则显示登录失败信息,重新登录。n 执行“窗口”“服务器行为”菜单命令,打开“服务器行为面板。n 单击按钮,选择“用户身份验证”菜单下的子菜单“登录用户”,弹出“登录用户对话框,如图718所示。图7-18 登录用户“登录用户”对话框中,“从表单获取输入”部分选择登录页面login.asp中的两
11、个文本域“用户名字段和“密码字段”,分别是:user、password。“使用连接验证”、“表格、“用户名列及“密码列”的选择如图7-18所示。如果登录成功,转到留言页面index.asp,如果登录失败,转到登录失败页面error。asp,并给出提示信息。图7-19 登录页面图7-20 登录测试步骤二:测试登录页面login.asp。n 打开浏览器,在地址栏中输入地址:http:/localhost/myweb/login。asp,可以打开登录页面,如图7-19所示。在登录页面的“用户名”和“密码文本框中输入信息,如果正确,转到如图721所示的公告板留言页面。图721 留言页面【例75】 将留
12、言页面index。asp中输入的信息提交到数据库bbs.mdb中的bbs数据表中。步骤一:n 在Macromedia Dreamweaver MX 2004中建立留言页面index.asp与ODBC数据源bbs_odbc之间的连接。n 打开留言页面index。asp,执行“窗口”“数据库”菜单命令,打开“数据库面板”。n 单击按钮,在弹出的下拉菜单中选择“数据源名称”选项,在弹出的“数据源名称(DSN)”窗口的“连接名称”文本框中输入bbs_bbs(连接到数据库bbs.mdb中的数据表bbs)。在“数据源名称”下拉列表中选择在ODBC中创建的数据源bbs_odbc,其它项使用默认值。n 单击“
13、测试”按钮,测试连接是否成功,单击“确定按钮完成连接过程。图7-22 测试连接步骤二:为表单添加服务器行为。n 执行“窗口|“服务器行为”菜单命令,打开“服务器行为”面板。n 用光标选中状态栏中的formform1,单击“服务器行为”面板中的按钮,选择“插入记录”行为,在弹出的“插入记录”对话框中,设置“连接”、“插入到表格”、“插入后,转到”、“获取值自”以及“表单元素”中的各项的值。具体设置如图723所示。图723 插入记录步骤三:测试留言页面index。asp.n 在浏览器地址栏输入地址:http:/localhost/myweb/index.asp,将打开如图720所示的留言页面。在该
14、页面中填写完信息,单击“发表按钮,页面中输入的信息将提交到数据表bbs中. 【例7-6】 在显示页面disp。asp中显示数据表bbs中存储的全部留言信息。 步骤一:n 在Macromedia Dreamweaver MX 2004中,建立显示页面disp。asp与ODBC数据源bbs_odbc之间的连接(连接到数据库bbs.mdb的数据表bbs)。步骤二:在显示页面disp.asp中绑定满足检索条件的记录集。n 执行菜单命令“窗口”|“绑定,弹出“绑定”面板。单击按钮,选择“记录集(查询)”子菜单项,弹出“记录集对话框,如图724所示.n 单击“简单按钮,按照图7-25记录集对话框进行设置。
15、n 单击“确定”按钮,“绑定”面板和“服务器行为”面板都增加了记录集Recordset1。图724 记录集对话框高级界面图725 记录集对话框简单界面步骤三:将显示页面disp.asp中的表单对象绑定到记录集。n 将“绑定”面板记录集Recordset1下的记录id用鼠标拖动到“设计”窗口“编号id”字段下方的单元格中,拖动完毕,单元格中出现“Recordset1。id.n 采用上述方法,将记录集Recordset1中其它选项分别拖动到“设计”面板中相应的单元格中,如图7-26所示的“设计窗口。n 选中表格中第一条记录所在的行,在“服务器行为”面板中,单击按钮,选择“重复区域行为,弹出“重复区域对话框,如图7-27所示。“记录集”选项选择Recordset1,“显示”选项选择“所有记录”。图7-26 设计窗口图727 重复区域对话框步骤四:测试显示页面。在浏览器地址栏中输入地址:http:/localhost/myweb/disp.asp,数据库bbs。mdb中数据表bbs中的全部记录显示出来,测试结果如图7-28所示。图728 显示页面测试第七章 练习题上机操作题:1。 如何安装、配置IIS服务器?2。 如何创建虚拟目录?3。 如何实现活动服务器页面与数据库的连接?4。 如何实现登录用户身份验证?5. 如何实现向数据库中提交表单信息?