信息公示板类网站的设计与实现论文.doc

《信息公示板类网站的设计与实现论文.doc》由会员分享，可在线阅读，更多相关《信息公示板类网站的设计与实现论文.doc（21页珍藏版）》请在三一文库上搜索。

1、大连理工大学网络教育学院毕业论文（设计）模板 网络教育学院本 科 生 毕 业 论 文（设 计） 题 目：信息公示板类网站的设计与实现学习中心： xxxx 层 次： 专科起点本科 专 业： 网络工程 年 级： xxxx 年 秋 季 学 号： xxxxxxxxxxxx 学 生： xxxxxx 指导教师： xxxxxx 完成日期： 2010年9 月 2日 4信息公示板类网站的设计与实现内容摘要信息公示板（BBS）是信息发布及网上交流的主要手段和方法，在网络迅速发展的今天起着越来越重要作要，本文通过静态网页的演示，讨论如何建立一个信息公示板类网站（BBS）所使用的技术和方法。介绍了建立一个BBS所要使

2、用的ASP技术(Active Server Page)、MS Access数据库技术、HTML及CSS技术以及网站模板的制作等等，并从几个不同的方面来对上述技术的实现方法进行了讨论。通过本文的写作与实现，学习到网站制作的相关技术知识，为工作和学习打下坚实的基础。关键词: BBS；ASP；MSSQL 目 录内容摘要I引 言11 概 述21.1 背景21.2 本文的主要内容及组织结构32 BBS类网站的结构与布局42.1 BBS类网站结构特点42.2 技术特点52.3 分类特点73 具体网站展示的设计93.1 创建站点93.2 制作首页框架93.3 模块设计103.3.1 制作网站TOP页面103

3、.3.2 制作导航栏目页面113.3.3 制作分类页面123.3.4 制作BBS查看页面133.4 本章小结144 浏览器测试网站展示155 结 论165 参考文献17引 言随着网络的飞速发展，兴起了网络热潮，互联网已成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网络上发布信息主要是通过网站来实现的，而用户检索的也是网站的信息。然而建立一个网站和维护需要专业的人员，维护成本高，与用户交流不方便，如何快捷、方便的发布信息而又不需要专业的知识，成为摆在网站设计者面前的一道问题。BBS的出现，解决了这个问题，只要在前期由专业人员将BBS网站架设好，后

4、期的使用完全不需要专业的知识，只要会上网就能使用，而且BBS交互式的特点更方便网站管理者与访问者的交流，已成为互联网上一种重要的信息发布与交流工具。1 概 述1.1 背景 BBS的英文全称是Bulletin Board System，翻译为中文就是“电子公告板”。BBS最早是用来公布股市价格等类信息的，当时BBS连文件传输的功能都没有，而且只能在苹果计算机上运行。早期的BBS与一般街头和校园内的公告板性质相同，只不过是通过电脑来传播或获得消息而已。随着网络的发展，BBS也得到了迅速的发展及普及，如今网络上遍布各种主题的BBS论坛，它已经成为人们生活中获取信息及交流的一种重要方式。1978年在美

5、国芝加哥开发出一套基于8080芯片的CBBS/Chicago(Computerized Bulletin Board System/Chicago)，此乃最早的一套BBS系统。之后随着苹果机的问世，开BBS发展数据发出基于苹果机的Bulletin Board System和大众信息系统（People Message System）2种BBS系统。1981年IBM个人计算机诞生时，并没有自己的BBS系统。直到1982年，Buss Lane 才用Basic语言为IBM个人计算机编写了一个原型程序。其后经过几番增修，终于在1983年通过Capital PC User Group（CPCUG）的Com

6、munication Special Interest Group会员的努力，改写出了个人计算机系统的BBS。经Thomas Mach整理后，终于完成了个人计算机的第1版BBS系统RBBS-PC。这套BBS系统的最大特色是其源程序全部公开，有利于日后的修改和维护，因此后来在开发其他的BBS系统时都以此为框架，所以RBBS-PC赢得了BBS鼻祖的美称。但在当时，如何实现站与站之间的联系问题并未解决。1984年美国的Tom Jonning开发了一套具有电子功能的电子公告板程序FIDO。由于该软件具有站际连线和自动互传信息的功能，所以站际间彼此可以在一个共同的预定时间传送电子邮件，使得BBS网络化有

7、了一线生机。BBS发展至今，目前世界上业余的BBS网络除了Fido Net（惠多网）以外，几个较具知名度的还有Egg Net、AlterNet和RBBS-Net等等。由于这些网络和Fido Net之间的信息交流不成问题，这就实现了所谓的跨网。 大约是从1991年开始，国内开始了第一个BBS站。经过长时间的发展，直到1995年，随着计算机及其外设的大幅降价，BBS才逐渐被人们所认识。1996年更是以惊人的速度发展起来。国内的BBS站，按其性质划分，可以分为2种：一种是商业BBS站，如新华龙讯网；另一种是业余BBS站，如天堂资讯站。由于使用商业BBS站要交纳一笔费用，而商业站所能提供的服务与业余站

8、相比，并没有什PHPwind么优势，所以其用户数量不多。多数业余BBS站的站长，基于个人关系，每天都互相交换电子邮件，渐渐地形成了一个全国性的电子邮件网络China Fido Net（中国惠多网）。于是，各地的用户都可以通过本地的业余BBS站与远在异地的网友互通信息。这种跨地域电子邮件交流正是商业站无法与业余站相抗衡的根本因素。由于业余BBS站拥有这种优势，所以使用者都更乐意加入。这里“业余”2字，并不是代表这种类型的BBS站的服务和技术水平是业余的，而是指这类BBS站的性质。一般BBS站都是由志愿者开发的。他们付出的不仅是金钱，更多的是精力。其目的是为了推动中国计算机网络的健康发展，提高广大

9、计算机用户的应用水平。现如今国内外最常用的三种动态网页语言是PHP（personal home page）、ASP（active server page）和JSP（java server page）。PHP可以在Windows、UNIX、Linux的web服务器上正常执行，支持IIS和Apache等一般的web服务器。微软开发的ASP功能强大，简单易学，但是只能在Windows系统下运行。UNIX下有Chili soft的组件来支持ASP，但是ASP本身功能有限，必须通过与com的群组合来扩充功能。JSP基于平台和服务器的互相独立，支持来自广泛的、专门的工具包，服务器组件和数据库产品由开发商提

10、供。这三种语言各有优缺点，根据BBS的用途不同，可以选择合适的语言来开发。1.2 本文的主要内容及组织结构本文研究的内容为BBS论坛基本功能的实现及演示，主要是静态页面展示及互相跳转这一块，而不是动态网站的具体实现，不需要连接具体的数据库。本文的组织结构：全文共分5章。第一章，主要是介绍本文的主要内容及基本结构 。第二章，介绍BBS网站的特点及网站布局。第三章，BBS网站的基本制作方法及演示 。第四章，BBS网站在浏览器中的测试。第五章，本文小结及展示。32 BBS类网站的结构与布局设计一个网站，首先要确定一个网站的框架，然后在这个框架的基础上添加各类元素，实现网站的各种功能。2.1 BBS类

11、网站结构特点BBS网站可分为框架式和非框架式两类，如下图为碧海青天BBS站网页截图，从图中我们可以看出，此网站为框架式结构图2.1 论坛类网站首页示例图从图2.1中我们可以看到，左侧为导航栏，为论坛的各级栏目列表，右侧为主框架，显示贴子列表及内容。点击左侧的栏目列表链接，在右侧框架中会出现相对应栏目的贴子列表。左侧的栏目列表可以隐藏，以增加浏览贴子内容的空间。这种结构的特点是可以将一个浏览器窗口划分为不同的区域，每个区域都可以显示不同的文档。如上图中左侧框架中链接目标会显示在右侧的档目中，而左侧框架中始终显示各级栏目列表，优点是方便在各个栏目间切换。第二种结构为非框架式结构,如下图中的新浪读书

12、论坛。图2.2 新浪读书论坛页面例图从图2.2中我们可以看到，整个论坛不再象框架式网页那样分为左右两部分，而是根据栏目的分类划分，统一显示在一个页面中，点击栏目链接，整个页面随之改变为该栏目帖子列表。2.2 技术特点1、 运行环境建立一个网站首先要架设运行环境，当前流行的平台有IIS和Apache，不同的平台支持不同的服务器脚本语言，IIS对ASP的支持比较好，而Apache则对PHP支持的比较好。在本文中，我们使用的平台是的WIN2003+IIS，编程语言使用ASP，数据库系统使用MSSQL。2、 ASP技术ASP是Active Server Page的缩写，即为“动态服务器页面”，可以和数

13、据库及其他程序进行交互，是一种简单的、方便的编程工具。ASP的网页扩展名为.ASP，现在常用于各种动态网站中，可以在运行中实时从数据库中读取信息，通过浏览器显示在用户面前。3、网站模板制作一个BBS，不仅需要编写服务器端脚本，还需要制作网站的模板，模板和后台脚本运行时产生的数据共同构成了一页面。制作模板需要制作者有一定的网页制作基础，能对Html、Css有一定的了解，并能熟练使用网页制作工具，如Dreamweaver（图2.3）。图2.3 Dreamweaver打开界面HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示语言是构成一个网页的基本语言，

14、通过HTML标记，我们可以在网页中说明文字、图形、动画、声音、表格、链接等各种网页元素，可以实现BBS中网页跳转，删除、修改、浏览等各种链接。CSS是样式表文件，可以控制网页的外观，通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离，使网站外观的维护变得简便宜行，可以使HTML文档更加简练，减少浏览器加载的时间。模板制作的好坏直接关系到一个网页是否漂亮，用户浏览的时候是否赏心悦目，所以要求制作者有一定的美术基础，有良好的审美观。在模板制作中我们需要使用许多图片元素对网页进行点缀，比如制作一个导航图标、一个BANNER等，制作这些图片的的主要工具有Photoshop或者Firewor

15、ks软件。图2.4 Photoshop打开界面2.3 分类特点1、BBS网站的基本组成模块BBS网站的可分为前台和后台两个部分，前台主要提供给用户和版主使用，后台是提供给管理员进行系统维护使用。网站可以设置用户浏览权限，可以设置是否允许游客浏览，但一般只允许注册用户才可发贴，为了加强管理，还可设置发贴审核机制。图2.5 网站的基本功能结构图2、网站的栏目分类一个BBS论坛可能有很多小栏目，为了便于浏览和管理，一般将具有相同属性的子栏目归入一个大栏目内，如图2.2的新浪读书论坛，将历史人文分为一大类，原创文学分为一大类，每一大类下又有若干小栏目。173 具体网站展示的设计 本章主要讲述了网站设计

16、思路和具体实现方法，并通过静态页面演示了BBS类网站的基本功能。3.1 创建站点通过Dream weaver CS3创建一个网站，名称为：BBS网站，网站所在目录为E：BBS网站，网站的URL不填，由于我们进行的是静态演示，不使用服务器技术，不连接远程服务器。设置如下图3.1图3.1 在Dreamweaver CS3中新建一个网站图3.1 Dream weaver CS3中创建站点在网站目录下建立html、images、flash三个子目录，做为HTML网页、图片、FLASH的保存目录。3.2 制作首页框架BBS网站的首页框架设计为上方固定、左侧嵌套的格式，这样上方可以放置网站的BANNER，

17、左侧为BBS网站的栏目导航，右下为栏目列表和BBS贴子内容查看显示区域。打开网页制作程序Dreamweaver,新建一个上方固定、左侧嵌套的框架集的文档，每一个框架使用默认名称。 图3.2 选择主页框架示例图3.3 模块设计网站首页的为框架式结构，共分为三个子框架（topframe、leftframe、rightframe），网页框架确定之后，可以开始制作网站的各个模块，本BBS网站中共有四个模块：1、网站TOP页面（topframe）；2、导航栏目页面（leftframe）；3、栏目列表页面（mainframe）；4、BBS查看页面（mainframe）。3.3.1 制作网站TOP页面网站的

18、TOP页面网站的最上部分，常常包含的网站的LOGO和一条横幅。在TOP框架区域插入一个表格（一行两列），表格的边框宽度（BORDER）设为0，分别在表格中插入LOGO和BANNER图像元素，并调整为合适的宽度和高度。图3.3 制作网站TOP页面3.3.2 制作导航栏目页面BBS网站的导航页为网站的重要部分，它包含网站所有栏目的列表，通过链接热点，可以到达网站的任意一个栏目。栏目列表设计要直观，分类清晰，使用户能够很方便的找到所要访问的内容。本次设计的网站导航页将显示在框架的左下部分（leftframe区域），栏目链接热点的目标页显示在右下部分，即mainframe区域。图3.4 导航栏目的演示

19、如图3.4，网页左下部分为栏目导航页，每一个栏目名称都是一个超链接，点击栏目名称链接，将在右下框架内显示该栏目列表页。在Dreamweaver中，我们插入一个四行一列的表格，在每一行中录入栏目名称，选定栏目名称，在下方的属性栏中设置文字链接的页面地址及的目标位。在图3.4中，“BBS栏目列表一”链接的是“list1.html”，页面显示位置为mainframe。查看网页源文件，我们发现这行代码为：BBS栏目一在代码中和是HTML语言的标记，它代表一个超链接，href的值是链接网页地址，target是链接页显示的目标，点击超链接可以跳转到相应的网页。在和之间即可以是文字，也可以是图片，许多的按钮

20、就是使用这个标记来实现的，比如下面这行代码：在BBS网站中，网站的导航栏目可以由程序动态生成，在本文中我们只做静态演示，讲述导航栏目的属性和所实现的功能。3.3.3 制作分类页面栏目列表页显示该栏目信息标题列表。图3.5 栏目列表页的制作及演示图3.5 栏目列表页演示在本文设计中，信息查看页在和标题列表页在同一框架窗口显示，即点击信息标题，列表页即跳转为该条信息所对应的具体内容。在Dreamweaver中，我们先插入一个四行二列的表格，表格框宽度为0。在每一行的第一列为标题，第二列为时间，然后选定标题，在下方的属性窗口中设置链接网页信置。列表页和导航一样，需要使用许多HTML标记，不仅有链接标

21、记，还用到了许多表格（TABLE）标签，表格是网页设计中一个很重要的元素，它不仅可以作为显示数据时的分类表格使用，还起到页面布局的重要功能。表格的重要属性有栏、列、宽、高、表格线等，可以在设计时根据不同的要求来改变这些属性。 标题一 标题二 上面这段代码即为一个一行两列的表格，表格边框宽度(border)为0。其中标记和定义一个表格， 元素定义表格行， 元素定义表格单元。3.3.4 制作BBS查看页面BBS查看页是BBS论坛的终级页面，它显示的是每条信息的具体内容。信息查看页面包含网页的标题、内容等主要部分。这个页面对于不同的用户显示不同的功能按钮，普通用户只能浏览，注册用户可以发表贴子和回复

22、，管理员可以对贴子进行修改、删除等操作。本例中，只是对页面作一个简单的演示，说明一个BBS查看页所具有模式和应具有的功能，具体的操作，如删除、修改、回复等需要进行后台服务器脚本的支持，不在本文的讨论范围。图3.6 BBS查看页面3.4 本章小结本章主要讲述了BBS网站制作的基本方法，使用静态页面演示了一个BBS网站制作过程和具有功能。架设一个BBS网站首先要设计好网站的结构，制作导航页、栏目列表页、BBS查看页面。在制作这些页面过程中，使用了HTML语言，HTML语言有许多标签，我们多次使用了链接标签和表格标签，这些标签构成了网页的布局和链接热点，可以使的用户可以在不同的页面之间跳转，实现网站

23、的基本功能。4 浏览器测试网站展示为了测试网站运行的是否正常，我们在浏览器中对网站进行了测试，此次测试使用的浏览器是IE7。经过测试，网页显示正常，页面之间的跳转正常，实现了网站的基本功能。图4.1 在浏览器测试导航页和列表页图4.2 浏览器测试BBS查看页5 结 论开发一个基本的基于Web的BBS网站，需要用过很多知识，要有网页动态语言的编程知识，要有数据库知识，要有网页制作知识，还要有一定的美术基础，这些都需要我们从工作和学习中不断吸取养分。这次毕业论文的写作，虽然只是通过静态网页来演示BBS网站的设计，但我从中学到了许多新的知识，而且通过这次毕业设计，培养了我在网站开发方面的能力，网页制

24、作能力也有了一定的提高。制作一个网站，即使是一个很简单的网站，也要按照工程的方法来开发，如果没有在制作前，进行系统分析，那么在制作过程中就会因为一些问题回头去修改已经写好的代码或做好的页面，就会出现许多重复性的工作。在设计开发网站过程中重复工作过多，会加大网站代码的复杂性,影响整个网站的性能，进而影响整个系统的质量。由于时间关系，本文设计的BBS网站还只是个雏形，要制作一个真正的BBS网站，要通过服务器端脚本实现网站的浏览、增加、删除、查找、修改、回复等，还有许多工作要做。回顾本文的写作过程，深有体会，网站的开发是相当辛苦的，但看到自已制作的页面在浏览器中显示出来的时候，喜悦的心情也是非常美妙的，同时，一个页面在不断的调整与修改中，不断变的漂亮，也是让人欣喜的。总之，感谢这次论文的写作，它让我学到了许多知识，也让我发现了自已知识的不足点，让我在以后的工作和学习中不断完善、充实。5 参考文献1 回相.BBS论坛J.网络与信息,2007,3:1012.2 刘海燕.BBS论坛系统J.计算机与网络,2008,6:2326.3 潘敏.国内外BBS论坛发展及管理比较研究J.思想理论教育导刊,2007,7:33354 黄斯伟 CSS网页样式设计 1999/518