班级网站设计与实现-计算机毕业设计(论文)

目录TOC\o"1-2"\h\z\u引言 21.网站结构设计 32系统功能结构图 33系统E-R图设计 54数据库设计 75系统详细设计 85.1网站布局和格式 85.2注册和登录模块设计 95.3留言功能模块的设计 115.4资料修改功能模块的设计 125.5相片上传与浏览的设计 125.6相片的列表与显示 12总结 14参考文献 15班级网站设计引言伴随着网络的出现，网页逐渐融入人们的生活。快速及时的新闻浏览，五彩缤纷的网上信息，使网络与人们的生活息息相关，于是世界上又出现了第三媒体——Internet。它打破了地域限制，真正使信息得以共享，改变了人们的工作和生活方式。制作网页是企业和个人的宣传自己的重要手段，同时也是学习者获取学习信息的重要手段。尤其是在新闻信息领域，各种新闻信息的发布分秒变换，人们对新闻信息的需求有了更新，更高的要求，而网页由于本身所具有的信息量大，传递快速，没有时空限制等特点恰好满足这种要求。所以网页也逐渐成为一种新兴的信息发布资源。也正是由于网络实现网站的数据信息能够进行实时交互，保证网站数据的实时性。随着Internet的进一步发展,静态Web站点的开发与维护变得越来越困难,一方面信息的不断增加和变化,使站点维护人员不得不经常修改他们的网页,特别是基于数据库驱动的Web站点更是如此，随着Internet上信息量的增多和交互性的加强使HTML显得越来越难以胜任。另一方面静态网页由于不能与浏览者进行有效交互,使人们感到越来越乏味,而不愿意再一次地进入同一站点。所以开发动态网页或动态内容成了越来越多的站点所追求目标。所谓动态内容是由每一个用户按照自己的需求发出请求而特殊制作的Web网页。网络发展前景无限，及早与网络结合，与信息时代同步，与高科技汇合，定会给社会各行各业的发展注入新鲜的活力。站在网络时代的前夜，我们清晰地听到了网络时代的宣言：谁掌握了网络，谁就掌握了未来。正文内容：1.网站结构设计网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现班级的勃勃生气，网站布局应该以轻松、简洁的风格为主，同时使用一定的图形和多媒体元素，将整个网页分成四个部分（如图1）第一部分第二部分第三部分第四部分图1页面布局第一部分主要用来放置网站的标志图片；第二部分与第四部分主要用来放置一些功能链接；第三部分是主体部分，放置班级信息、留言、公告模块等。2系统功能结构图系统功能模块设计分为前台功能模块设计和后台功能模块设计。前台功能模块设计主要包括：用户注册、用户登陆、用户管理，班级管理、留言板。后台功能模块设计主要包括：前台首页、用户管理、用户管理。网站系统模块前台网站首页网站系统模块前台网站首页后台管理首页图1网站系统结构图前台模块前台模块用户登录班级留言班级足迹公告管理留言板成员地址班级相册退出更改资料留言添加相册删除相册修改留言删除留言图2前台功能模块结构图后台模块后台模块前台首页用户管理班级管理留言管理系统管理图3后台功能模块结构图网站的具体结构如图2所示，在首页上共有7个大的功能菜单，每个菜单链接一个功能页面，每个页面实现不同功能。图4充分利用ASP的强大功能，在网站中提供留言簿、公告栏等交流场所，为同学们展开信息交流提供方便。3系统E-R图设计登陆实体E-R图游客注册游客注册个人资料组成个人资料查询浏览登陆留言管理员管理管理留言存入后台信息相册图5登陆实体E-R图管理员信息实体E-R图管理员信息管理员信息密码权限地址名字图6管理员实体E-R图同学信息实体E-R图同学信息同学信息地址备注邮箱名字OICQ性别图7同学实体E-R图4、数据库设计数据库设计指的是在现在数据库管理系统上建立数据库的过程，它的主要内容是：在编写数据库应用程序之前，应该组织建立什么样的数据库，包括组织建立多少个数据库为适宜，每个数据库都有几个字段，每个库的主关键字和外部关键字以及各个表之间的关联，如何传递数据。在数据库的设计中，尽量充分地考虑到用户各个方面功能上的需求，以前数据库理论的主要规则。用户的需求具体体现在各种信息的提供、保存、更新和查询等方面，这就要求数据库结构能充分满足各种信息的输入和输出。所以搭建起后台数据库也就成为最基础、最首要做的工作。本站应用了功能强大的Access数据库。本网站采用的数据库是MicrosoftAccess，建立库文件，包含如下几个表文件：claim网站公告信息表Loginfo来访登陆时间信息表mssg留言信息表；photo图片内容说明信息表user成员地址信息表5系统详细设计5.1网站布局和格式首先要规划好网站的结构，对网站的网页大体布局有一个具体的轮廓。并且为网站的主页及二级页面确定一个共同的格式，包括整个页面的颜色，宽度，阴影，背景，字体的大小颜色这就需要我们制作一个超文本样式表.css文件，以供每个网页调用。为网站设计一个主页面使用DreameWeaverMX来制作。还要用到HTML语言、VBScript、JavaScript等。将前面说到的功能和内容以菜单的形式列出在主页上，级联菜单上是一些具体的功能和内容。当然，这个菜单是用JavaScript编制出来的一个函数，然后，在每一个菜单文件的代码中再调用这个函数，其它的菜单也可以用同样的代码来实现。同样，对于二级页面的设计以及其它页面的设计也是与主页相同。如果这些页面的主要部分与先前设计的主页主体部分风格和布局以及菜单都相同，那么我们就可以先建立一个空的含菜单的文件作为模板，以后每建立一个类似的页面，就可以调用此模板文件，在此基础上再进行修改、补充[8]。5.2注册和登录模块设计注册登录模块是系统的门户,在整个系统中占有重要的地位。它的主要功能是根据用户的录入信息进行身份识别,排除非法用户对本系统的使用,对合法用户则按照不同的级别分类处理，从而保证系统的运行安全，用户进入主页面后,要想法使用其他菜单的功能必须先进行注册,在将表单提交后,调用相应的程序进行处理。处理程序首先与数据库连接,查看是否存在同名和同密码的用户,若存在则显示提示信息,并重新返回注册表单,用户输入新的信息进行重新注册;若不存在同名且同密码的用户,则将注册信息写入数据库。如若用户已经注册,则可输入名称和密码进入,在此过程中验证名称和密码是否相符以及在登录过程中用户的请求是否被允许从而显示不同的提示页面。用户登录的流程图如图4所示。提交提交击点返回按钮是是进行注册表单的填写连接数据库并以用户名进行查寻填写登录的用户名和密码给出各种错误提示并返回登录框输入密码与数据库中的是否相同进入网站界面是否首次登录？图4图4流程图通过在表单输入“用户名”和“密码”后点击“登录”提交表单,激活后台登录程序。如果“用户名”和“密码”匹配就可以进入,反之显示错误提醒页面。若登录成功,登录程序会把登录用户的信息写进Cookies,供以后各项功能实现时使用。如果成功登录后将出现如图5的界面：图55.3留言功能模块的设计Web留言板类似于BBS,但BBS的版面过多,不同的留言放在不同的主题中,由于庞大的信息量影响到网页信息搜索的速度,不适合应用于小型网站。本文所设计的是用于一个班级同学之间进行信息交流的场所,规模小、设计简单的Web留言版就可以实现信息交流的功能,而且它小巧简单,因此更易于实现,在速度上比BBS也占优。系统功能分析:(1)登录,已经注册的用户可以在登录界面输入正确的用户名和密码,就能够直接进入到留言板页面,同时不相关的信息写到Cookies数据集里,供以后各项功能实现时使用;(2)注册,如果是新用户,想进入留言板就必须通过注册,得到批准成为合法用户而取得留言及其权限;(3)留言,已经取得合法权限的用户可以在留言板里进行留言,或查看留言。动态网页要处理很多信息,这些庞大的信息一般交给后台数据库去处理。而Web数据库应用系统则通过Internet平台连接数据库,取得数据集,对其进行添加、修改、查询、删除等操作。对数据库进行的各种操作,可以通过使用SQL语言来实现。本文设计的留言板是以Access2000作为后台数据库。以操作接口而论,具备方便、简易的特性,同时能完全利用Windows资源。ASP通过使用ADO所提供的对象及方法,能帮助用户建立各式各样,符合用户需求的Web数据库应用系统——OLEDB。OLEDB是连接数据库的新低层界面。它能处理任何类型的数据,无论它们的格式和保存方式是什么。程序开发者并不需要确切去了解其结构,只需要懂得如何利用它去连接数据库即可。在本留言板中,利用MicrosoftAccess2000建立了1个data.mdb数据库,而在其里面包含了2个表:user和mssg。整个留言板的所有信息交流都以这2个表为基础,所有数据的存取都通过对这2个表而进行操作。表user是用来存放注册用户的资料,表mssg是用来存放所有留言的信息。在完成数据库制作后,我们在对数据库进行存取前,必须要进行数据库的连接工作,进行数据库连接的方式有几种,其中1种是通过“控制面板”→“管理工具”→“数据源(ODBC)”来设置系统DSN。完成系统DSN设置后,就可以通过ADO对象对数据库进行存取操作了。浏览留言用户可以在该页面浏览全部的留言,这些留言都存放在表mssg里,页面MSGBOARD.ASP中的显示留言,可通过对表mssg操作而显示到页面上。随着留言的增多,如果在一个页面里留言全部的留言,可想而知是非常不方便的,因此本设计为留言板提供了分页显示功能。通过ASP提供的Recordset的AbsolutePage就可以轻松的对数量繁多的留言进行有条理的分页显示。5.3.2发布留言任何的注册用户登录后都拥有发布留言的权利,在留言主页面提供了用来发布留言的输入框,用户可以通过表单发表留言,并选择留言主题的标志,发布留言是通过程序MSGADD.ASP来实现的。发布留言程序先以登录后写进Cookies数据集合中的用户名作为发布者的姓名,如果Cookies是空的话,就转到提示要先登录的页面。确认后接受表单提交来的信息写进表mssg中。然后转回到MSGBOARD.ASP留言页面,而MSGBOARD.ASP中的显示留言程序根据更新后的表mssg而重新分页显示留言。5.4资料修改功能模块的设计用户在主页面上点击“修改资料”进入资料修改页面memberedit.ASP,通过这个功能模块来修改个人的注册信息,但用户名不能修改。修改之前用户必须要输入正确的密码。而修改密码的时候2次输入的密码要相同。修改资料功能是通过程序memberedit.ASP来实现,如果资料修改成功就转到提示修改成功的页面并修改表user的数据,如果不成功便转到相应提示错误的页面。5.5相片上传与浏览的设计用户还可以将自己喜欢的相片上传供其他用户浏览。用户在主页面上点击“班级相册”进入页面photo.ASP。相片的上传：由于ASP使用基于开放设计环境的ActiveＸ技术,本留言板即利用ActiveＸ组件ASPSmartUpload来实现相片上传功能。该组件在下载并安装后方可使用。相片的上传是通过文件upload.ASP的上传程序up来实现的,并将上传相片的所有信息都存放在表upload里,包括相片的名称、说明、上传时间、上传人姓名等。而且对于上传的相片的类型和大小都有所限制,只能上传jpg和gif类型的相片,而且相片大小不能超过300Ｋ。如果用户上传的相片不符合要求,程序便进行判断,并显示错误原因,5.6相片的列表与显示该功能是把所有相片的相关信息如相片的说明、上传时间、上传人姓名等通过列表的方式显示出来,由于相片的数量可能很多,因此在这里也使用了分页显示,并在每张相片的说明文字上添加链接,用户通过点击链接就可以激活photo.ASP中的程序,实现浏览相片功能。

总结通过这次毕业设计，我从中学到了许多新的知识，而且通过这次毕业设计，培养了我综合多门学科中的知识、迅速规划并开发出目标系统的能力，以及编程能力也有了很大的提高。另外也有许多心得体会，所谓系统开发如人生百味，酸甜苦辣皆有之。回顾这3个半月的系统开发工作，总结起来那就是，软件的开发是相当辛苦的，但成功以后的喜悦也是非常美妙的，而且我发现，其中你投入的心血越多，成功以后你所获得的快乐与充实感也更多更强。

参考文献1.肖金秀等.Dreamweaver网页实例大制作[Ｍ].北京:冶金工业出版社,2001.2.肖金秀等.ASP网络编程技术[Ｍ].北京:清华大学出版社,2001.3.张大斌.Web上基于ASP的数据库应用研究[J].计算机工程与科学,2001.4.沈文智.MicrosoftIIS网页技术[M].北京:人民邮电出版社,1998.5.谭浩强,网页制作技术[M].北京：清华大学出版社。2000.目录TOC\o"1-2"\h\z\u引言 21.网站结构设计 32系统功能结构图 33系统E-R图设计 54数据库设计 75系统详细设计 85.1网站布局和格式 85.2注册和登录模块设计 95.3留言功能模块的设计 115.4资料修改功能模块的设计 125.5相片上传与浏览的设计 125.6相片的列表与显示 12总结 14参考文献 15班级网站设计引言伴随着网络的出现，网页逐渐融入人们的生活。快速及时的新闻浏览，五彩缤纷的网上信息，使网络与人们的生活息息相关，于是世界上又出现了第三媒体——Internet。它打破了地域限制，真正使信息得以共享，改变了人们的工作和生活方式。制作网页是企业和个人的宣传自己的重要手段，同时也是学习者获取学习信息的重要手段。尤其是在新闻信息领域，各种新闻信息的发布分秒变换，人们对新闻信息的需求有了更新，更高的要求，而网页由于本身所具有的信息量大，传递快速，没有时空限制等特点恰好满足这种要求。所以网页也逐渐成为一种新兴的信息发布资源。也正是由于网络实现网站的数据信息能够进行实时交互，保证网站数据的实时性。随着Internet的进一步发展,静态Web站点的开发与维护变得越来越困难,一方面信息的不断增加和变化,使站点维护人员不得不经常修改他们的网页,特别是基于数据库驱动的Web站点更是如此，随着Internet上信息量的增多和交互性的加强使HTML显得越来越难以胜任。另一方面静态网页由于不能与浏览者进行有效交互,使人们感到越来越乏味,而不愿意再一次地进入同一站点。所以开发动态网页或动态内容成了越来越多的站点所追求目标。所谓动态内容是由每一个用户按照自己的需求发出请求而特殊制作的Web网页。网络发展前景无限，及早与网络结合，与信息时代同步，与高科技汇合，定会给社会各行各业的发展注入新鲜的活力。站在网络时代的前夜，我们清晰地听到了网络时代的宣言：谁掌握了网络，谁就掌握了未来。正文内容：1.网站结构设计网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现班级的勃勃生气，网站布局应该以轻松、简洁的风格为主，同时使用一定的图形和多媒体元素，将整个网页分成四个部分（如图1）第一部分第二部分第三部分第四部分图1页面布局第一部分主要用来放置网站的标志图片；第二部分与第四部分主要用来放置一些功能链接；第三部分是主体部分，放置班级信息、留言、公告模块等。2系统功能结构图系统功能模块设计分为前台功能模块设计和后台功能模块设计。前台功能模块设计主要包括：用户注册、用户登陆、用户管理，班级管理、留言板。后台功能模块设计主要包括：前台首页、用户管理、用户管理。网站系统模块前台网站首页网站系统模块前台网站首页后台管理首页图1网站系统结构图前台模块前台模块用户登录班级留言班级足迹公告管理留言板成员地址班级相册退出更改资料留言添加相册删除相册修改留言删除留言图2前台功能模块结构图后台模块后台模块前台首页用户管理班级管理留言管理系统管理图3后台功能模块结构图网站的具体结构如图2所示，在首页上共有7个大的功能菜单，每个菜单链接一个功能页面，每个页面实现不同功能。图4充分利用ASP的强大功能，在网站中提供留言簿、公告栏等交流场所，为同学们展开信息交流提供方便。3系统E-R图设计登陆实体E-R图游客注册游客注册个人资料组成个人资料查询浏览登陆留言管理员管理管理留言存入后台信息相册图5登陆实体E-R图管理员信息实体E-R图管理员信息管理员信息密码权限地址名字图6管理员实体E-R图同学信息实体E-R图同学信息同学信息地址备注邮箱名字OICQ性别图7同学实体E-R图4、数据库设计数据库设计指的是在现在数据库管理系统上建立数据库的过程，它的主要内容是：在编写数据库应用程序之前，应该组织建立什么样的数据库，包括组织建立多少个数据库为适宜，每个数据库都有几个字段，每个库的主关键字和外部关键字以及各个表之间的关联，如何传递数据。在数据库的设计中，尽量充分地考虑到用户各个方面功能上的需求，以前数据库理论的主要规则。用户的需求具体体现在各种信息的提供、保存、更新和查询等方面，这就要求数据库结构能充分满足各种信息的输入和输出。所以搭建起后台数据库也就成为最基础、最首要做的工作。本站应用了功能强大的Access数据库。本网站采用的数据库是MicrosoftAccess，建立库文件，包含如下几个表文件：claim网站公告信息表Loginfo来访登陆时间信息表mssg留言信息表；photo图片内容说明信息表user成员地址信息表5系统详细设计5.1网站布局和格式首先要规划好网站的结构，对网站的网页大体布局有一个具体的轮廓。并且为网站的主页及二级页面确定一个共同的格式，包括整个页面的颜色，宽度，阴影，背景，字体的大小颜色这就需要我们制作一个超文本样式表.css文件，以供每个网页调用。为网站设计一个主页面使用DreameWeaverMX来制作。还要用到HTML语言、VBScript、JavaScript等。将前面说到的功能和内容以菜单的形式列出在主页上，级联菜单上是一些具体的功能和内容。当然，这个菜单是用JavaScript编制出来的一个函数，然后，在每一个菜单文件的代码中再调用这个函数，其它的菜单也可以用同样的代码来实现。同样，对于二级页面的设计以及其它页面的设计也是与主页相同。如果这些页面的主要部分与先前设计的主页主体部分风格和布局以及菜单都相同，那么我们就可以先建立一个空的含菜单的文件作为模板，以后每建立一个类似的页面，就可以调用此模板文件，在此基础上再进行修改、补充[8]。5.2注册和登录模块设计注册登录模块是系统的门户,在整个系统中占有重要的地位。它的主要功能是根据用户的录入信息进行身份识别,排除非法用户对本系统的使用,对合法用户则按照不同的级别分类处理，从而保证系统的运行安全，用户进入主页面后,要想法使用其他菜单的功能必须先进行注册,在将表单提交后,调用相应的程序进行处理。处理程序首先与数据库连接,查看是否存在同名和同密码的用户,若存在则显示提示信息,并重新返回注册表单,用户输入新的信息进行重新注册;若不存在同名且同密码的用户,则将注册信息写入数据库。如若用户已经注册,则可输入名称和密码进入,在此过程中验证名称和密码是否相符以及在登录过程中用户的请求是否被允许从而显示不同的提示页面。用户登录的流程图如图4所示。提交提交击点返回按钮是是进行注册表单的填写连接数据库并以用户名进行查寻填写登录的用户名和密码给出各种错误提示并返回登录框输入密码与数据库中的是否相同进入网站界面是否首次登录？图4图4流程图通过在表单输入“用户名”和“密码”后点击“登录”提交表单,激活后台登录程序。如果“用户名”和“密码”匹配就可以进入,反之显示错误提醒页面。若登录成功,登录程序会把登录用户的信息写进Cookies,供以后各项功能实现时使用。如果成功登录后将出现如图5的界面：图55.3留言功能模块的设计Web留言板类似于BBS,但BBS的版面过多,不同的留言放在不同的主题中,由于庞大的信息量影响到网页信息搜索的速度,不适合应用于小型网站。本文所设计的是用于一个班级同学之间进行信息交流的场所,规模小、设计简单的Web留言版就可以实现信息交流的功能,而且它小巧简单,因此更易于实现,在速度上比BBS也占优。系统功能分析:(1)登录,已经注册的用户可以在登录界面输入正确的用户名和密码,就能够直接进入到留言板页面,同时不相关的信息写到Cookies数据集里,供以后各项功能实现时使用;(2)注册,如果是新用户,想进入留言板就必须通过注册,得到批准成为合法用户而取得留言及其权限;(3)留言,已经取得合法权限的用户可以在留言板里进行留言,或查看留言。动态网页要处理很多信息,这些庞大的信息一般交给后台数据库去处理。而Web数据库应用系统则通过Internet平台连接数据库,取得数据集,对其进行添加、修改、查询、删除等操作。对数据库进行的各种操作,可以通过使用SQL语言来实现。本文设计的留言板是以Access2000作为后台数据库。以操作接口而论,具备方便、简易的特性,同时能完全利用Windows资源。ASP通过使用ADO所提供的对象及方法,能帮助用户建立各式各样,符合用户需求的Web数据库应用系统——OLEDB。OLEDB是连接数据库的新低层界面。它能处理任何类型的数据,无论它们的格式和保存方式是什么。程序开发者并不需要确切去了解其结构,只需要懂得如何利用它去连接数据库即可。在本留言板中,利用MicrosoftAccess2000建立了1个data.mdb数据库,而在其里面包含了2个表:user和mssg。整个留言板的所有信息交流都以这2个表为基础,所有数据的存取都通过对这2个表而进行操作。表user是用来存放注册用户的资料,表mssg是用来存放所有留言的信息。在完成数据库制作后,我们在对数据库进行存取前,必须要进行数据库的连接工作,进行数据库连接的方式有几种,其中1种是通过“控制面板”→“管理工具”→“数据源(ODBC)”来设置系统DSN。完成系统DSN设置后,就可以通过ADO对象对数据库进行存取操作了。浏览留言用户可以在该页面浏览全部的留言,这些留言都存放在表mssg里,页面MSGBOARD.ASP中的显示留言,可通过对表mssg操作而显示到页面上。随着留言的增多,如果在一个页面里留言全部的留言,可想而知是非常不方便的,因此本设计为留言板提供了分页显示功能。通过ASP提供的Recordset的AbsolutePage就可以轻松的对数量繁多的留言进行有条理的分页显示。5.3.2任何的注册用户登录后都拥有发布留言的权利,在留言主页面提供了用来发布留言的输入框,用户可以通过表单发表留言,并选择留言主题的标志,发布留言是通过程序MSGADD.ASP来实现的。发布留言程序先以登录后写进Cookies数据集合中的用户名作为发布者的姓名,如果Cookies是空的话,就转到提示要先登录的页面。确认后接受表单提交来的信息写进表mssg中。然后转回到MSGBOARD.ASP留言页面,而MSGBOARD.ASP中的显示留言程序根据更新后的表mssg而重新分页显示留言。5.4资料修改功能模块的设计用户在主页面上点击“修改资料”进入资料修改页面memberedit.ASP,通过这个功能模块来修改个人的注册信息,但用户名不能修改。修改之前用户必须要输入正确的密码。而修改密码的时候2次输入的密码要相同。修改资料功能是通过程序memberedit.ASP来实现,如果资料修改成功就转到提示修改成功的页面并修改表user的数据,如果不成功便转到相应提示错误的页面。5.5相片上传与浏览的设计用户还可以将自己喜欢的相片上传供其他用户浏览。用户在主页面上点击“班级相册”进入页面photo.ASP。相片的上传：由于ASP使用基于开放设计环境的ActiveＸ技术,本留言板即利用ActiveＸ组件ASPSmartUpload来实现相片上传功能。该组件在下载并安装后方可使用。相片的上传是通过文件upload.ASP的上传程序up来实现的,并将上传相片的所有信息都存放在表upload里,包括相片的名称、说明、上传时间、上传人姓名等。而且对于上传的相片的类型和大小都有所限制,只能上传jpg和gif类型的相片,而且相片大小不能超过300Ｋ。如果用户上传的相片不符合要求,程序便进行判断,并显示错误原因,5.6相片的列表与显示该功能是把所有相片的相关信息如相片的说明、上传时间、上传人姓名等通过列表的方式显示出来,由于相片的数量可能很多,因此在这里也使用了分页显示,并在每张相片的说明文字上添加链接,用户通过点击链接就可以激活photo.ASP中的程序,实现浏览相片功能。

总结通过这次毕业设计，我从中学到了许多新的知识，而且通过这次毕业设计，培养了我综合多门学科中的知识、迅速规划并开发出目标系统的能力，以及编程能力也有了很大的提高。另外也有许多心得体会，所谓系统开发如人生百味，酸甜苦辣皆有之。回顾这3个半月的系统开发工作，总结起来那就是，软件的开发是相当辛苦的，但成功以后的喜悦也是非常美妙的，而且我发现，其中你投入的心血越多，成功以后你所获得的快乐与充实感也更多更强。

参考文献1.肖金秀等.Dreamweaver网页实例大制作[Ｍ].北京:冶金工业出版社,2001.2.肖金秀等.ASP网络编程技术[Ｍ].北京:清华大学出版社,2001.3.张大斌.Web上基于ASP的数据库应用研究[J].计算机工程与科学,2001.4.沈文智.MicrosoftIIS网页技术[M].北京:人民邮电出版社,1998.5.谭浩强,网页制作技术[M].北京：清华大学出版社。2000.目录TOC\o"1-2"\h\z\u引言 21.网站结构设计 32系统功能结构图 33系统E-R图设计 54数据库设计 75系统详细设计 85.1网站布局和格式 85.2注册和登录模块设计 95.3留言功能模块的设计 115.4资料修改功能模块的设计 125.5相片上传与浏览的设计 125.6相片的列表与显示 12总结 14参考文献 15班级网站设计引言伴随着网络的出现，网页逐渐融入人们的生活。快速及时的新闻浏览，五彩缤纷的网上信息，使网络与人们的生活息息相关，于是世界上又出现了第三媒体——Internet。它打破了地域限制，真正使信息得以共享，改变了人们的工作和生活方式。制作网页是企业和个人的宣传自己的重要手段，同时也是学习者获取学习信息的重要手段。尤其是在新闻信息领域，各种新闻信息的发布分秒变换，人们对新闻信息的需求有了更新，更高的要求，而网页由于本身所具有的信息量大，传递快速，没有时空限制等特点恰好满足这种要求。所以网页也逐渐成为一种新兴的信息发布资源。也正是由于网络实现网站的数据信息能够进行实时交互，保证网站数据的实时性。随着Internet的进一步发展,静态Web站点的开发与维护变得越来越困难,一方面信息的不断增加和变化,使站点维护人员不得不经常修改他们的网页,特别是基于数据库驱动的Web站点更是如此，随着Internet上信息量的增多和交互性的加强使HTML显得越来越难以胜任。另一方面静态网页由于不能与浏览者进行有效交互,使人们感到越来越乏味,而不愿意再一次地进入同一站点。所以开发动态网页或动态内容成了越来越多的站点所追求目标。所谓动态内容是由每一个用户按照自己的需求发出请求而特殊制作的Web网页。网络发展前景无限，及早与网络结合，与信息时代同步，与高科技汇合，定会给社会各行各业的发展注入新鲜的活力。站在网络时代的前夜，我们清晰地听到了网络时代的宣言：谁掌握了网络，谁就掌握了未来。正文内容：1.网站结构设计网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现班级的勃勃生气，网站布局应该以轻松、简洁的风格为主，同时使用一定的图形和多媒体元素，将整个网页分成四个部分（如图1）第一部分第二部分第三部分第四部分图1页面布局第一部分主要用来放置网站的标志图片；第二部分与第四部分主要用来放置一些功能链接；第三部分是主体部分，放置班级信息、留言、公告模块等。2系统功能结构图系统功能模块设计分为前台功能模块设计和后台功能模块设计。前台功能模块设计主要包括：用户注册、用户登陆、用户管理，班级管理、留言板。后台功能模块设计主要包括：前台首页、用户管理、用户管理。网站系统模块前台网站首页网站系统模块前台网站首页后台管理首页图1网站系统结构图前台模块前台模块用户登录班级留言班级足迹公告管理留言板成员地址班级相册退出更改资料留言添加相册删除相册修改留言删除留言图2前台功能模块结构图后台模块后台模块前台首页用户管理班级管理留言管理系统管理图3后台功能模块结构图网站的具体结构如图2所示，在首页上共有7个大的功能菜单，每个菜单链接一个功能页面，每个页面实现不同功能。图4充分利用ASP的强大功能，在网站中提供留言簿、公告栏等交流场所，为同学们展开信息交流提供方便。3系统E-R图设计登陆实体E-R图游客注册游客注册个人资料组成个人资料查询浏览登陆留言管理员管理管理留言存入后台信息相册图5登陆实体E-R图管理员信息实体E-R图管理员信息管理员信息密码权限地址名字图6管理员实体E-R图同学信息实体E-R图同学信息同学信息地址备注邮箱名字OICQ性别图7同学实体E-R图4、数据库设计数据库设计指的是在现在数据库管理系统上建立数据库的过程，它的主要内容是：在编写数据库应用程序之前，应该组织建立什么样的数据库，包括组织建立多少个数据库为适宜，每个数据库都有几个字段，每个库的主关键字和外部关键字以及各个表之间的关联，如何传递数据。在数据库的设计中，尽量充分地考虑到用户各个方面功能上的需求，以前数据库理论的主要规则。用户的需求具体体现在各种信息的提供、保存、更新和查询等方面，这就要求数据库结构能充分满足各种信息的输入和输出。所以搭建起后台数据库也就成为最基础、最首要做的工作。本站应用了功能强大的Access数据库。本网站采用的数据库是MicrosoftAccess，建立库文件，包含如下几个表文件：claim网站公告信息表Loginfo来访登陆时间信息表mssg留言信息表；photo图片内容说明信息表user成员地址信息表5系统详细设计5.1网站布局和格式首先要规划好网站的结构，对网站的网页大体布局有一个具体的轮廓。并且为网站的主页及二级页面确定一个共同的格式，包括整个页面的颜色，宽度，阴影，背景，字体的大小颜色这就需要我们制作一个超文本样式表.css文件，以供每个网页调用。为网站设计一个主页面使用DreameWeaverMX来制作。还要用到HTML语言、VBScript、JavaScript等。将前面说到的功能和内容以菜单的形式列出在主页上，级联菜单上是一些具体的功能和内容。当然，这个菜单是用JavaScript编制出来的一个函数，然后，在每一个菜单文件的代码中再调用这个函数，其它的菜单也可以用同样的代码来实现。同样，对于二级页面的设计以及其它页面的设计也是与主页相同。如果这些页面的主要部分与先前设计的主页主体部分风格和布局以及菜单都相同，那么我们就可以先建立一个空的含菜单的文件作为模板，以后每建立一个类似的页面，就可以调用此模板文件，在此基础上再进行修改、补充[8]。5.2注册和登录模块设计注册登录模块是系统的门户,在整个系统中占有重要的地位。它的主要功能是根据用户的录入信息进行身份识别,排除非法用户对本系统的使用,对合法用户则按照不同的级别分类处理，从而保证系统的运行安全，用户进入主页面后,要想法使用其他菜单的功能必须先进行注册,在将表单提交后,调用相应的程序进行处理。处理程序首先与数据库连接,查看是否存在同名和同密码的用户,若存在则显示提示信息,并重新返回注册表单,用户输入新的信息进行重新注册;若不存在同名且同密码的用户,则将注册信息写入数据库。如若用户已经注册,则可输入名称和密码进入,在此过程中验证名称和密码是否相符以及在登录过程中用户的请求是否被允许从而显示不同的提示页面。用户登录的流程图如图4所示。提交提交击点返回按钮是是进行注册表单的填写连接数据库并以用户名进行查寻填写登录的用户名和密码给出各种错误提示并返回登录框输入密码与数据库中的是否相同进入网站界面是否首次登录？图4图4流程图通过在表单输入“用户名”和“密码”后点击“登录”提交表单,激活后台登录程序。如果“用户名”和“密码”匹配就可以进入,反之显示错误提醒页面。若登录成功,登录程序会把登录用户的信息写进Cookies,供以后各项功能实现时使用。如果成功登录后将出现如图5的界面：图55.3留言功能模块的设计Web留言板类似于BBS,但BBS的版面过多,不同的留言放在不同的主题中,由于庞大的信息量影响到网页信息搜索的速度,不适合应用于小型网站。本文所设计的是用于一个班级同学之间进行信息交流的场所,规模小、设计简单的Web留言版就可以实现信息交流的功能,而且它小巧简单,因此更易于实现,在速度上比BBS也占优。系统功能分析:(1)登录,已经注册的用户可以在登录界面输入正确的用户名和密码,就能够直接进入到留言板页面,同时不相关的信息写到Cookies数据集里,供以后各项功能实现时使用;(2)注册,如果是新用户,想进入留言板就必须通过注册,得到批准成为合法用户而取得留言及其权限;(3)留言,已经取得合法权限的用户可以在留言板里进行留言,或查看留言。动态网页要处理很多信息,这些庞大的信息一般交给后台数据库去处理。而Web数据库应用系统则通过Internet平台连接数据库,取得数据集,对其进行添加、修改、查询、删除等操作。对数据库进行的各种操作,可以通过使用SQL语言来实现。本文设计的留言板是以Access2000作为后台数据库。以操作接口而论,具备方便、简易的特性,同时能完全利用Windows资源。ASP通过使用ADO所提供的对象及方法,能帮助用户建立各式各样,符合用户需求的Web数据库应用系统——OLEDB。OLEDB是连接数据库的新低层界面。它能处理任何类型的数据,无论它们的格式和保存方式是什么。程序开发者并不需要确切去了解其结构,只需要懂得如何利用它去连接数据库即可。在本留言板中,利用MicrosoftAccess2000建立了1个data.mdb数据库,而在其里面包含了2个表:user和mssg。整个留言板的所有信息交流都以这2个表为基础,所有数据的存取都通过对这2个表而进行操作。表user是用来存放注册用户的资料,表mssg是用来存放所有留言的信息。在完成数据库制作后,我们在对数据库进行存取前,必须要进行数据库的连接工作,进行数据库连接的方式有几种,其中1种是通过“控制面板”→“管理工具”→“数据源(ODBC)”来设置系统DSN。完成系统DSN设置后,就可以通过ADO对象对数据库进行存取操作了。浏览留言用户可以在该页面浏览全部的留言,这些留言都存放在表mssg里,页面MSGBOARD.ASP中的显示留言,可通过对表mssg操作而显示到页面上。随着留言的增多,如果在一个页面里留言全部的留言,可想而知是非常不方便的,因此本设计为留言板提供了分页显示功能。通过ASP提供的Recordset的AbsolutePage就可以轻松的对数量繁多的留言进行有条理的分页显示。5.3.2任何的注册用户登录后都拥有发布留言的权利,在留言主页面提供了用来发布留言的输入框,用户可以通过表单发表留言,并选择留言主题的标志,发布留言是通过程序MSGADD.ASP来实现的。发布留言程序先以登录后写进Cookies数据集合中的用户名作为发布者的姓名,如果Cookies是空的话,就转到提示要先登录的页面。确认后接受表单提交来的信息写进表mssg中。然后转回到MSGBOARD.ASP留言页面,而MSGBOARD.ASP中的显示留言程序根据更新后的表mssg而重新分页显示留言。5.4资料修改功能模块的设计用户在主页面上点击“修改资料”进入资料修改页面memberedit.ASP,通过这个功能模块来修改个人的注册信息,但用户名不能修改。修改之前用户必须要输入正确的密码。而修改密码的时候2次输入的密码要相同。修改资料功能是通过程序memberedit.ASP来实现,如果资料修改成功就转到提示修改成功的页面并修改表user的数据,如果不成功便转到相应提示错误的页面。5.5相片上传与浏览的设计用户还可以将自己喜欢的相片上传供其他用户浏览。用户在主页面上点击“班级相册”进入页面photo.ASP。相片的上传：由于ASP使用基于开放设计环境的ActiveＸ技术,本留言板即利用ActiveＸ组件ASPSmartUpload来实现相片上传功能。该组件在下载并安装后方可使用。相片的上传是通过文件upload.ASP的上传程序up来实现的,并将上传相片的所有信息都存放在表upload里,包括相片的名称、说明、上传时间、上传人姓名等。而且对于上传的相片的类型和大小都有所限制,只能上传jpg和gif类型的相片,而且相片大小不能超过300Ｋ。如果用户上传的相片不符合要求,程序便进行判断,并显示错误原因,5.6相片的列表与显示该功能是把所有相片的相关信息如相片的说明、上传时间、上传人姓名等通过列表的方式显示出来,由于相片的数量可能很多,因此在这里也使用了分页显示,并在每张相片的说明文字上添加链接,用户通过点击链接就可以激活photo.ASP中的程序,实现浏览相片功能。

总结通过这次毕业设计，我从中学到了许多新的知识，而且通过这次毕业设计，培养了我综合多门学科中的知识、迅速规划并开发出目标系统的能力，以及编程能力也有了很大的提高。另外也有许多心得体会，所谓系统开发如人生百味，酸甜苦辣皆有之。回顾这3个半月的系统开发工作，总结起来那就是，软件的开发是相当辛苦的，但成功以后的喜悦也是非常美妙的，而且我发现，其中你投入的心血越多，成功以后你所获得的快乐与充实感也更多更强。

参考文献1.肖金秀等.Dreamweaver网页实例大制作[Ｍ].北京:冶金工业出版社,2001.2.肖金秀等.ASP网络编程技术[Ｍ].北京:清华大学出版社,2001.3.张大斌.Web上基于ASP的数据库应用研究[J].计算机工程与科学,2001.4.沈文智.MicrosoftIIS网页技术[M].北京:人民邮电出版社,1998.5.谭浩强,网页制作技术[M].北京：清华大学出版社。2000.dthewhalecommunicateoverhundredsofmiles?Howdidituseechoestofinditspreyintheoceangloom,tostunfish,diagnoseillnessinanotherwhale?Questions--towhichtheanswerscouldproveinvaluable.Butinsteadoflearning,menthreatenedtowipethespeciesout.Aboardthecatcherboatnosuchthoughtscrossedthegunner'smind.Hewasbusytryingtosolveasixty-foot,sixty-tonproblem:aspermwhalethatrefusedtogiveup.Theharpoonhadnotfoundthevitalspot--thegunnerblamedthechoppyseaforspoilinghisaim--andnowthewhalewastowingthe110tonboatbehindit.Evenwiththeenginereversed,thecraftkeptmovingforward.Thegunnergotreadytofireasecondharpoon.Intheblood-stainedwaterthemammothbeastcontinueditsagonisingstruggle.Hewasamaturemale,abull.Hisslate-bluebodyborescars,souvenirsofepicbattleswithgiantsquidhehadhuntedinthedarkdepths.Thebiggestofthesepinkmonsters,whosehuman-likeeyesweremorethanfifteeninchesacross,weighed42tonsandmeasured66feet.Buteventheirpowerfulbeaksandtensuckeredtentacleswerenomatchforthewhale'seight-inchteeth.tedontheshore.Someonesetitablaze.Sparkscrackledamidwhirlingsmoke.Excited,cherry-cheekedchildrenringedthebonfire;onlytheolderonesunderstoodthatthiswasnocelebration.Forseveralnightstocometherewouldbeplentyofbodiestofeedtheflames.Ninetymilesinland,nothingbroketheforesthush.Afullmoonsilveredthetreetopsandlightleakeddowntothesnow-coveredfloorbeneath.Scrapsofmistseemedcaughtonpricklybranches.Fromtheshadows,aghostlyshapeglidedintoaclearing.Twoambereyessearchedthedappleddarkness.Stealthilythewolfadvanced.Hungerhaddrivenhimfromhissnugden.Heknewwheretofindagoodmeal.Notthemiceandbirdshehadlivedonlately,butaharehehadkilledandburiedinthefrozengroundtokeepitfreshandsafefromcrowsandravens.Asthedog-wolfwoundthroughthetreesataneffortlesslope,whichcouldcarryhimasfaras120milesinasingleday,histhickbrown-grey-yellowfurgleamedinthemoonlight.Hewasafinebigdog:owderedhorncuredcolds,measles,nosebleeds,vomiting,heartweakness.TheJapaneseclaimeditfoughtfever.Certainpeopleevensworebyitasalovepotion."Mostpoachersarepoor.Sothetemptationtoearnmoneybyanymeans,howeverrisky,isverystrong.Theymayworkasfarmersfor?00ayear-lessthanthey'dbepaidforasinglehorn.Amerchantwillsellittoconsumersfor?5,000andupwards."Moreslidesfollowed.Achimpanzee.Valuedat?,300ontheblackmarket.Muchindemandforbio-medicalresearch,travellingacts,photography,touristattractionsandthetelevisionandfilmindustries.Ahyacinthmacaw.Goingprice?,500toanavidcollector.Aperegrinefalcon.BoughtbyArabfalconersfor?,000each.Seeingtheperegrine,Garyforgoteverythingelse.Hisfavouritebird!Itcouldswoopatovertwohundredmilesanhour,spotitspreymorethanfivemilesaway.PeregrineshadoncenearlydiedoutinBritainthrougheatingpigeonswhichhadfedongrainsprayedwithpesticides...Bellingham'svoicebrokeintotheboy'sreverie.HewastalkingaboutAmazondolphins.Thesegentlecreatures,alreadythreatenedbypollutionandriver-dammingschemes,werebeingkilled--theireyeballssoldasornamentsandluckycharmsincitiessuchasRiodeJaneiro.Garygrunteddisgustedly,andSusan'sfaceshowedherfeelings.Thenaturalistthenmentionedanother"charmingpractice":eatingbearpaws.ConsideredadelicacyinJapan,Taiwan,HongKongandSingapore,thepawsofhuntedbearsareimportedfromChina."Thewildlifetradeisaworldwidebusiness,worthbillionsofpounds.Therearestrictrulestocontrolthattrade.However,somecountriesdon'tagreetothem.Otherssaytheydo,butallowcrooksandcheatstogetawaywithmurder--animalmurder.That'sjustoneofthereasonswhyTheEdenMissionisatoppriority..."Bellinghamglancedquicklyathiswatch."Iseetimeisrunningout.Afewfinalwords.SeaShepherd'sprogrammeincludestryingtosavegreywhalesandseaottersfromoilpollutionoffCalifornia;manateesfrombeingchoppedupbyspeedboatpropellersinFlorida'swaterways;Amazondolphinsfromextermination.Wehaveothertaskstoo,whichIcan'tgointonow.ThesixyoungsterssailingwithSeaShepherd,allkeenconservationists,willmakeavaluablecontribution.Butthey'llalsohavetocontinuetheirschoolstudies..."Someoneintheaudiencegroaned.Bengrinnedbroadly."Thankyouforlistening,ladiesandgentlemen.Wishusluck!"Loudapplause.Thenheansweredlast-minutequestionsfromjournalists.Theaudience--cladoncemoreinraincoats,andclutchingumbrellas--begantofileout.Parentshuggedtheirchildren,whomtheywouldn'tseeagainfortwelvemonths,andgavegoodadvicethatwouldprobablybeforgottenorignored.Thereweresometears.NeitherGary'snorSusan'sparentswerepresent.TheyhadalreadysaidtheirgoodbyesathomeandweregladtobesparedemotionalpartingsaboardSeaShepherd.Bynowthelecturehallwasempty-exceptforsixyoungpeople,eyeingeachothersomewhatwarily,andthethreeteachersresponsiblefordailylessons.Bellinghamgreetedthem."Welcometotheteam.Iknowwe'regoingtogetalongfine..."HisnextwordsweredrownedbyasuddenblastfromSeaShepherd'shorn.Almostimperceptiblytheshipstartedtomove.Ben'ssteadygazerestedonthegroup."Well...thisisit."2.ShipmatesAfterthelecture,atall,ferret-facedmanhadpushedpeopleasidetobefirstdownthegangway.Hedidn'tlooklikesomeonemuchconcernedwithconservation.Hewasn't.Sploshingthroughpuddles,hehurriedtoaphoneboxonthequay.Hedialledanumber.Hisbosswouldfindthereportveryinteresting.WavingparentswatchedSeaShepherdglideawaybetweenlinesofmooredvessels,likeaguardofhonour.Herbrightwhitehullshoneluminouslyagainstseaandsky,boththesameshadeofgrey.Theteemingrainhadstopped.Leaningontheship'srpupil.ButVanessadidwelltoo.WhentheEnglishlessoncameitwasSusan'sturntoshine.ShewarmedalittletoMissMimprissafterherpraise.PeterStokes,adominoesfanatic,taughtmaths.Normanprovedbrilliantatthesubject.Arealgenius,Garythoughtadmiringly.ThengeographyandhistorymasterGeoffreyBaggalleytookover.Hehadoncebeenaphysicaltraininginstructor--anditshowed.Ashetalked,hewalkedupanddownandwavedhisarmsasifdoingexercises.Mr.BaggalleycaughtSusangiggling,butGaryputhiminagoodmoodagainbyansweringallthegeographyquestionscorrectly.Atlunchtheunsupervisedteenagerswererathernoisy,crackingjokesabouttheirteachers.Itwasharmlessfunamongnew-foundfriends.OnlyDarrenremainedremote,cutofffromthelivelytalk.NowandthenSusanglancedinhisdirection.Heseemedunhappyratherthandisgruntled,andshefeltsorryforhim.Once,theireyesmet.Susancouldn'tbesure,butshethoughtshesawaslightresponsebeforehelookeddown.Aquickbreathoffreshair,thentheyoungstersreturnedtothelecturehall.BenBellinghamwaswaitingforthem."Pleasetakeyourseatsinthefrontrow.OK,whocaresaboutconservation?Handsup."Everybodyreacted.BellinghampointedtoVanessa."Why?"hedemanded.Vanessaopenedhermouthinsurprise."Er..."Thenaturalistrepeatedhisquestion,moregently."Why,Vanessa?WhyshouldyoucarewhathappensinAfrica,theAmazon,theAntarcticoranywhereelsethatisn'tyourhome?What'sitgottodowithyou?"Henoddedencouragingly."Well?"Vanessastuckoutherchin."Animalshaveasmuchrighttobeonearthaswehave.More--theywereherefirst.Andifwe'rethemostintelligentcreatures,theonlyonesthataremoral,it'sourdutytolookaftertheenvir