开发工具Dreamweaver的站点建立课件.ppt

《开发工具Dreamweaver的站点建立课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第10章论坛内容导读本章讲解论坛(BBS)的制作。本论坛的功能比较简单，没有设置用户的注册、登录，因为各种注册和登录的制作基本相同，在其他章节已经有所介绍，本章就省略了此功能。本论坛实现了管理员登录和管理员账号的管理、帖子的管理、发表主题、浏览主题、回复主题、按主题进行搜索功能。本章详细讲解了论坛的系统分析和总体设计，各个模块的制作方法，使用Dreamweaver作为开发工具，采用ASP和Access技术来实现。重点提示BBS系统的模块设计Dreamweaver中数据库表和字段的灵活使用帖子主题的发表、回复与管理210

2、.1系统分析与总体设计论坛出现的时间较早，一般是作为大型网站的一个模块存在，发展至今，论坛的功能越来越丰富，出现了很多大型的论坛网站。本章介绍的论坛是典型的论坛，包括常见的功能，例如发表并显示帖子、回复并显示回复信息，管理模块包括注册和登录模块，帖子管理模块。在使用Dreamweaver进行论坛模块的设计之前，我们的首要工作是对论坛做系统的规划，规划的工作包括论坛功能模块的确定、各网页的布局、数据库的设计。310.1.1功能介绍本章是要实现一个典型的论坛的基本功能，实际上更接近于前者。它在规模上比较小，但是具有论坛的基

3、本功能。论坛系统的基本功能包括注册与登录模块、帖子的发表与显示、论坛的管理模块，本章省略了用户的注册与登录。(1)发表帖子(2)显示帖子(3)论坛管理410.1.2总体布局本章论坛系统的总体布局如图10.1所示。510.1.3数据库结构及实现(1)创建数据库启动Access，新建空数据库文件，命名为forum.mdb。(2)passadmin数据表创建一个新表，命名为passadmin，该数据表存储系统管理员信息，包括管理员的登录名和密码。其设计视图如图10.2所示。(3)postMain数据表创建新表，命名为post

4、Main，它的设计视图如图10.3所示。610.1.3数据库结构及实现(4)postRe数据表创建新表，命名为postRe，其设计视图如图10.4所示。710.2模块设计根据上一节的规划，我们采用Dreamweaver作为开发工具，使用ASP，结合Access技术实现所有的功能模块。本节将详细讲解各模块的设计制作过程，读者跟随操练就能够很容易实现。810.2.1首页(index.asp)设计本论坛的首页为index.asp，它的浏览效果如图10.5所示。910.2.1首页(index.asp)设计下面详细讲解本页面的制

5、作过程。(1)该站点需要使用到数据库forum中的表postMain，在Dreamweaver的【应用程序】面板下的【数据库】选项卡中，单击加号(+)，选择【数据源名称(DSN)】命令，如图10.6所示。(2)在Dreamweaver中，使用表格和预先设计好的图片等素材，设计主页的框架和显示效果，如图10.12所示。1010.2.1首页(index.asp)设计(3)绑定记录集。单击“插入”工具栏中的“数据”选项卡，选择记录集按钮，设置记录集Recordset1的相关选项，如图10.13所示。(4)绑定数据。将记录集R

6、ecordset1中的main_important字段绑定到标签，代码为：>设计情况如图10.14的A区所示。1110.2.1首页(index.asp)设计(5)设置重复区域。(6)如果论坛中还没有发表的帖子，应该显示没有帖子的提示信息，此时记录集Recordset1中没有记录。选中“暂时没有帖子！”文本，在“插入”工具栏中选择“数据”选项卡，选择“如果记录集为空则显示”命令，在弹出的对话

7、框中选择【记录集】为Recordset1，如图10.17所示。(7)添加导航条。将鼠标放置在重复区域的右下方的表格中，在“插入”工具栏中选择“数据”选项卡，单击“记录集导航条”工具按钮，在弹出的【记录集导航条】对话框中选择记录集“Recordset1”，设置【显示方式】为“文本”，如图10.18所示。(8)添加超链接。1210.2.2发表帖子(add.asp)在主页上的图片“发表帖子”所链接的是发表帖子的页面add.asp，该页面的显示效果如图10.20所示。1310.2.2发表帖子(add.asp)设计过程如下。(1

8、)在Dreamweaver中，使用表格和预先设计好的图片等素材，设计发表帖子的框架和显示效果，如图10.21所示。(2)插入记录。选择“插入”工具栏中的“数据”选项卡，单击“插入记录”，在【插入记录】对话框中选中【连接】为“connection”，【插入到表格】为“postMain”表，设置插入后转到“index.asp”，从页面