毕业设计-班级网站设计与实现论文.doc

目录目录 引言引言.2 1.1.网站结构设计网站结构设计.3 2 2 系统功能结构图系统功能结构图3 3 3 系统系统 e-re-r 图设计图设计.5 4 4 数据库设计数据库设计.7 5 5 系统详细设计系统详细设计.8 5.1 网站布局和格式.8 5.2 注册和登录模块设计.9 5.3 留言功能模块的设计.11 5.4 资料修改功能模块的设计.12 5.5 相片上传与浏览的设计12 5.6 相片的列表与显示.12 总结总结.14 参考文献参考文献.15 班级网站设计班级网站设计 引言引言 伴随着网络的出现，网页逐渐融入人们的生活。快速及时的新闻浏览，五 彩缤纷的网上信息，使网络与人们的生活息息相关，于是世界上又出现了第三 媒体internet。它打破了地域限制，真正使信息得以共享，改变了人们的 工作和生活方式。制作网页是企业和个人的宣传自己的重要手段，同时也是学 习者获取学习信息的重要手段。尤其是在新闻信息领域，各种新闻信息的发布 分秒变换，人们对新闻信息的需求有了更新，更高的要求，而网页由于本身所 具有的信息量大，传递快速，没有时空限制等特点恰好满足这种要求。所以网 页也逐渐成为一种新兴的信息发布资源。也正是由于网络实现网站的数据信息 能够进行实时交互，保证网站数据的实时性。 随着 internet 的进一步发展,静态 web 站点的开发与维护变得越来越困难, 一方面信息的不断增加和变化,使站点维护人员不得不经常修改他们的网页,特 别是基于数据库驱动的 web 站点更是如此，随着 internet 上信息量的增多和交 互性的加强使 html 显得越来越难以胜任。另一方面静态网页由于不能与浏览者 进行有效交互,使人们感到越来越乏味,而不愿意再一次地进入同一站点。所以 开发动态网页或动态内容成了越来越多的站点所追求目标。所谓动态内容是由 每一个用户按照自己的需求发出请求而特殊制作的 web 网页。 网络发展前景无限，及早与网络结合，与信息时代同步，与高科技汇合， 定会给社会各行各业的发展注入新鲜的活力。站在网络时代的前夜，我们清晰 地听到了网络时代的宣言：谁掌握了网络，谁就掌握了未来。 正文内容：正文内容： 1.1.网站结构设计网站结构设计 网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体 现班级的勃勃生气，网站布局应该以轻松、简洁的风格为主，同时使用一定的 图形和多媒体元素，将整个网页分成四个部分（如图 1） 第一部分 第二部分 第三部分 第四部分 图 1 页面布局 第一部分主要用来放置网站的标志图片；第二部分与第四部分主要用来放 置一些功能链接；第三部分是主体部分，放置班级信息、留言、公告模块等。 2 2 系统功能结构图系统功能结构图 系统功能模块设计分为前台功能模块设计和后台功能模块设计。前台功能 模块设计主要包括：用户注册、用户登陆、用户管理，班级管理、留言板。后 台功能模块设计主要包括：前台首页、用户管理、用户管理。 网站系统模块 前台网站首页后台管理首页 图 1 网站系统结构图 图 2 前台功能模块结构图 图 3 后台功能模块结构图 网站的具体结构如图 2 所示，在首页上共有 7 个大的功能菜单，每个菜单 前台模块 用户登录 班级留言 班级足迹 公告管理 留言板 成员地址 班级相册 退 出 更改资料 留言 添加相册 删除相册 修改留言 删除留言 后台模块 前台首页 用户管理 班级管理 留言管理 系统管理 链接一个功能页面，每个页面实现不同功能。 图 4 充分利用 asp 的强大功能，在网站中提供留言簿、公告栏等交流场所，为 同学们展开信息交流提供方便。 3 3 系统系统 e-re-r 图图设计设计 登陆实体e-r图 游客 注 册 个人资料 组 成 个人资料 查询浏览 登陆 留言 管理员 管理 管理 留言 存入 后台信息相册 图 5 登陆实体 e-r 图 管理员信息实体 e-r 图 图 6 管理员实体 e-r 图 同学信息实体 e-r 图 图 7 同学实体 e-r 图 管理员信息 密码 权限地址 名字 同学信息 地址 备注邮箱 名字 oicq 性别 4 4、数据库设计、数据库设计 数据库设计指的是在现在数据库管理系统上建立数据库的过程，它的主 要内容是：在编写数据库应用程序之前，应该组织建立什么样的数据库，包括 组织建立多少个数据库为适宜，每个数据库都有几个字段，每个库的主关键字 和外部关键字以及各个表之间的关联，如何传递数据。 在数据库的设计中，尽量充分地考虑到用户各个方面功能上的需求，以前 数据库理论的主要规则。用户的需求具体体现在各种信息的提供、保存、更新 和查询等方面，这就要求数据库结构能充分满足各种信息的输入和输出。所以 搭建起后台数据库也就成为最基础、最首要做的工作。本站应用了功能强大的 access数据库。 本网站采用的数据库是 microsoft access ，建立库文件，包含如下几个 表文件： claim 网站公告信息表 loginfo 来访登陆时间信息表 mssg 留言信息表； photo 图片内容说明信息表 user 成员地址信息表 5 5 系统详细设计系统详细设计 5.1 网站布局和格式 首先要规划好网站的结构，对网站的网页大体布局有一个具体的轮廓。并且为 网站的主页及二级页面确定一个共同的格式，包括整个页面的颜色，宽度，阴 影，背景，字体的大小颜色这就需要我们制作一个超文本样式表.css 文件，以 供每个网页调用。 为网站设计一个主页面使用 dreameweaver mx 来制作。还要用到 html 语言、 vbscript、javascript 等。将前面说到的功能和内容以菜单的形式列出在主页 上，级联菜单上是一些具体的功能和内容。当然，这个菜单是用 javascript 编 制出来的一个函数，然后，在每一个菜单文件的代码中再调用这个函数，其它 的菜单也可以用同样的代码来实现。同样，对于二级页面的设计以及其它页面 的设计也是与主页相同。如果这些页面的主要部分与先前设计的主页主体部分 风格和布局以及菜单都相同，那么我们就可以先建立一个空的含菜单的文件作 为模板，以后每建立一个类似的页面，就可以调用此模板文件，在此基础上再 进行修改、补充8。 5.2 注册和登录模块设计 注册登录模块是系统的门户,在整个系统中占有重要的地位。它的主要功能 是根据用户的录入信息进行身份识别,排除非法用户对本系统的使用,对合法用 户则按照不同的级别分类处理，从而保证系统的运行安全，用户进入主页面后, 要想法使用其他菜单的功能必须先进行注册,在将表单提交后,调用相应的程序 进行处理。处理程序首先与数据库连接,查看是否存在同名和同密码的用户,若 存在则显示提示信息,并重新返回注册表单,用户输入新的信息进行重新注册;若 不存在同名且同密码的用户,则将注册信息写入数据库。 如若用户已经注册,则可输入名称和密码进入,在此过程中验证名称和密码是否 相符以及在登录过程中用户的请求是否被允许从而显示不同的提示页面。 用户登录的流程图如图 4 所示。 提交 击点 返回 按钮 是 是 进行注册表 单的填写 连接数据库并以用户名 进行查寻 填写登录的用户名 和密码 给出各种错 误提示并返 回登录框 输入密码 与数据库 中的是否 相同 进入网站界 面 是否首次 登录？ 通过在表单输入“用户名”和“密码”后点击“登录”提交表单,激活后台登录 程序。如果“用户名”和“密码”匹配就可以进入,反之显示错误提醒页面。若 登录成功,登录程序会把登录用户的信息写进 cookies,供以后各项功能实现时 使用。 如果成功登录后将出现如图 5 的界面： 图 4 流程图 图 5 5.3 留言功能模块的设计 web 留言板类似于 bbs,但 bbs 的版面过多,不同的留言放在不同的主题中, 由于庞大的信息量影响到网页信息搜索的速度,不适合应用于小型网站。本文所 设计的是用于一个班级同学之间进行信息交流的场所,规模小、设计简单的 web 留言版就可以实现信息交流的功能,而且它小巧简单,因此更易于实现,在速度上 比 bbs 也占优。 系统功能分析:(1)登录,已经注册的用户可以在登录界面输入正确的用户名 和密码,就能够直接进入到留言板页面,同时不相关的信息写到 cookies 数据集 里,供以后各项功能实现时使用;(2)注册,如果是新用户,想进入留言板就必须通 过注册,得到批准成为合法用户而取得留言及其权限;(3)留言,已经取得合法权 限的用户可以在留言板里进行留言,或查看留言。 动态网页要处理很多信息,这些庞大的信息一般交给后台数据库去处理。而 web 数据库应用系统则通过 internet 平台连接数据库,取得数据集,对其进行添 加、修改、查询、删除等操作。对数据库进行的各种操作,可以通过使用 sql 语 言来实现。本文设计的留言板是以 access 2000 作为后台数据库。以操作接口 而论,具备方便、简易的特性,同时能完全利用 windows 资源。asp 通过使用 ado 所提供的对象及方法,能帮助用户建立各式各样,符合用户需求的 web 数据库应 用系统oledb。oledb 是连接数据库的新低层界面。它能处理任何类型的数 据,无论它们的格式和保存方式是什么。程序开发者并不需要确切去了解其结构,只 需要懂得如何利用它去连接数据库即可。 在本留言板中,利用 microsoft access2000 建立了 1 个 data.mdb 数据库, 而在其里面包含了 2 个表:user 和 mssg。整个留言板的所有信息交流都以这 2 个表为基础,所有数据的存取都通过对这 2 个表而进行操作。表 user 是用来存 放注册用户的资料,表 mssg 是用来存放所有留言的信息。在完成数据库制作后, 我们在对数据库进行存取前,必须要进行数据库的连接工作,进行数据库连接的 方式有几种,其中 1 种是通过“控制面板”“管理工具”“数据源(odbc)” 来设置系统 dsn。完成系统 dsn 设置后,就可以通过 ado 对象对数据库进行存取 操作了。 5.3.1 浏览留言 用户可以在该页面浏览全部的留言,这些留言都存放在表 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. 沈文智. microsoft iis 网页技术m. 北京 :人民邮电出版社 ,1998. 5. 谭浩强,网页制作技术m.北京：清华大学出版社。2000. 目录目录 引言引言.2 1.1.网站结构设计网站结构设计.3 2 2 系统功能结构图系统功能结构图3 3 3 系统系统 e-re-r 图设计图设计.5 4 4 数据库设计数据库设计.7 5 5 系统详细设计系统详细设计.8 5.1 网站布局和格式.8 5.2 注册和登录模块设计.9 5.3 留言功能模块的设计.11 5.4 资料修改功能模块的设计.12 5.5 相片上传与浏览的设计12 5.6 相片的列表与显示.12 总结总结.14 参考文献参考文献.15 班级网站设计班级网站设计 引言引言 伴随着网络的出现，网页逐渐融入人们的生活。快速及时的新闻浏览，五 彩缤纷的网上信息，使网络与人们的生活息息相关，于是世界上又出现了第三 媒体internet。它打破了地域限制，真正使信息得以共享，改变了人们的 工作和生活方式。制作网页是企业和个人的宣传自己的重要手段，同时也是学 习者获取学习信息的重要手段。尤其是在新闻信息领域，各种新闻信息的发布 分秒变换，人们对新闻信息的需求有了更新，更高的要求，而网页由于本身所 具有的信息量大，传递快速，没有时空限制等特点恰好满足这种要求。所以网 页也逐渐成为一种新兴的信息发布资源。也正是由于网络实现网站的数据信息 能够进行实时交互，保证网站数据的实时性。 随着 internet 的进一步发展,静态 web 站点的开发与维护变得越来越困难, 一方面信息的不断增加和变化,使站点维护人员不得不经常修改他们的网页,特 别是基于数据库驱动的 web 站点更是如此，随着 internet 上信息量的增多和交 互性的加强使 html 显得越来越难以胜任。另一方面静态网页由于不能与浏览者 进行有效交互,使人们感到越来越乏味,而不愿意再一次地进入同一站点。所以 开发动态网页或动态内容成了越来越多的站点所追求目标。所谓动态内容是由 每一个用户按照自己的需求发出请求而特殊制作的 web 网页。 网络发展前景无限，及早与网络结合，与信息时代同步，与高科技汇合， 定会给社会各行各业的发展注入新鲜的活力。站在网络时代的前夜，我们清晰 地听到了网络时代的宣言：谁掌握了网络，谁就掌握了未来。 正文内容：正文内容： 1.1.网站结构设计网站结构设计 网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体 现班级的勃勃生气，网站布局应该以轻松、简洁的风格为主，同时使用一定的 图形和多媒体元素，将整个网页分成四个部分（如图 1） 第一部分 第二部分 第三部分 第四部分 图 1 页面布局 第一部分主要用来放置网站的标志图片；第二部分与第四部分主要用来放 置一些功能链接；第三部分是主体部分，放置班级信息、留言、公告模块等。 2 2 系统功能结构图系统功能结构图 系统功能模块设计分为前台功能模块设计和后台功能模块设计。前台功能 模块设计主要包括：用户注册、用户登陆、用户管理，班级管理、留言板。后 台功能模块设计主要包括：前台首页、用户管理、用户管理。 图 1 网站系统结构图 网站系统模块 前台网站首页后台管理首页 图 2 前台功能模块结构图 图 3 后台功能模块结构图 网站的具体结构如图 2 所示，在首页上共有 7 个大的功能菜单，每个菜单 链接一个功能页面，每个页面实现不同功能。 前台模块 用户登录 班级留言 班级足迹 公告管理 留言板 成员地址 班级相册 退 出 更改资料 留言 添加相册 删除相册 修改留言 删除留言 后台模块 前台首页 用户管理 班级管理 留言管理 系统管理 图 4 充分利用 asp 的强大功能，在网站中提供留言簿、公告栏等交流场所，为 同学们展开信息交流提供方便。 3 3 系统系统 e-re-r 图设计图设计 登陆实体e-r图 游客 注 册 个人资料 组 成 个人资料 查询浏览 登陆 留言 管理员 管理 管理 留言 存入 后台信息相册 图 5 登陆实体 e-r 图 管理员信息实体 e-r 图 图 6 管理员实体 e-r 图 同学信息实体 e-r 图 图 7 同学实体 e-r 图 管理员信息 密码 权限地址 名字 同学信息 地址 备注邮箱 名字 oicq 性别 4 4、数据库设计、数据库设计 数据库设计指的是在现在数据库管理系统上建立数据库的过程，它的主 要内容是：在编写数据库应用程序之前，应该组织建立什么样的数据库，包括 组织建立多少个数据库为适宜，每个数据库都有几个字段，每个库的主关键字 和外部关键字以及各个表之间的关联，如何传递数据。 在数据库的设计中，尽量充分地考虑到用户各个方面功能上的需求，以前 数据库理论的主要规则。用户的需求具体体现在各种信息的提供、保存、更新 和查询等方面，这就要求数据库结构能充分满足各种信息的输入和输出。所以 搭建起后台数据库也就成为最基础、最首要做的工作。本站应用了功能强大的 access数据库。 本网站采用的数据库是 microsoft access ，建立库文件，包含如下几个 表文件： claim 网站公告信息表 loginfo 来访登陆时间信息表 mssg 留言信息表； photo 图片内容说明信息表 user 成员地址信息表 5 5 系统详细设计系统详细设计 5.1 网站布局和格式 首先要规划好网站的结构，对网站的网页大体布局有一个具体的轮廓。并且为 网站的主页及二级页面确定一个共同的格式，包括整个页面的颜色，宽度，阴 影，背景，字体的大小颜色这就需要我们制作一个超文本样式表.css 文件，以 供每个网页调用。 为网站设计一个主页面使用 dreameweaver mx 来制作。还要用到 html 语言、 vbscript、javascript 等。将前面说到的功能和内容以菜单的形式列出在主页 上，级联菜单上是一些具体的功能和内容。当然，这个菜单是用 javascript 编 制出来的一个函数，然后，在每一个菜单文件的代码中再调用这个函数，其它 的菜单也可以用同样的代码来实现。同样，对于二级页面的设计以及其它页面 的设计也是与主页相同。如果这些页面的主要部分与先前设计的主页主体部分 风格和布局以及菜单都相同，那么我们就可以先建立一个空的含菜单的文件作 为模板，以后每建立一个类似的页面，就可以调用此模板文件，在此基础上再 进行修改、补充8。 5.2 注册和登录模块设计 注册登录模块是系统的门户,在整个系统中占有重要的地位。它的主要功能 是根据用户的录入信息进行身份识别,排除非法用户对本系统的使用,对合法用 户则按照不同的级别分类处理，从而保证系统的运行安全，用户进入主页面后, 要想法使用其他菜单的功能必须先进行注册,在将表单提交后,调用相应的程序 进行处理。处理程序首先与数据库连接,查看是否存在同名和同密码的用户,若 存在则显示提示信息,并重新返回注册表单,用户输入新的信息进行重新注册;若 不存在同名且同密码的用户,则将注册信息写入数据库。 如若用户已经注册,则可输入名称和密码进入,在此过程中验证名称和密码是否 相符以及在登录过程中用户的请求是否被允许从而显示不同的提示页面。 用户登录的流程图如图 4 所示。 提交 击点 返回 按钮 是 是 进行注册表 单的填写 连接数据库并以用户名 进行查寻 填写登录的用户名 和密码 给出各种错 误提示并返 回登录框 输入密码 与数据库 中的是否 相同 进入网站界 面 是否首次 登录？ 通过在表单输入“用户名”和“密码”后点击“登录”提交表单,激活后台登录 程序。如果“用户名”和“密码”匹配就可以进入,反之显示错误提醒页面。若 登录成功,登录程序会把登录用户的信息写进 cookies,供以后各项功能实现时 使用。 如果成功登录后将出现如图 5 的界面： 图 4 流程图 图 5 5.3 留言功能模块的设计 web 留言板类似于 bbs,但 bbs 的版面过多,不同的留言放在不同的主题中, 由于庞大的信息量影响到网页信息搜索的速度,不适合应用于小型网站。本文所 设计的是用于一个班级同学之间进行信息交流的场所,规模小、设计简单的 web 留言版就可以实现信息交流的功能,而且它小巧简单,因此更易于实现,在速度上 比 bbs 也占优。 系统功能分析:(1)登录,已经注册的用户可以在登录界面输入正确的用户名 和密码,就能够直接进入到留言板页面,同时不相关的信息写到 cookies 数据集 里,供以后各项功能实现时使用;(2)注册,如果是新用户,想进入留言板就必须通 过注册,得到批准成为合法用户而取得留言及其权限;(3)留言,已经取得合法权 限的用户可以在留言板里进行留言,或查看留言。 动态网页要处理很多信息,这些庞大的信息一般交给后台数据库去处理。而 web 数据库应用系统则通过 internet 平台连接数据库,取得数据集,对其进行添 加、修改、查询、删除等操作。对数据库进行的各种操作,可以通过使用 sql 语 言来实现。本文设计的留言板是以 access 2000 作为后台数据库。以操作接口 而论,具备方便、简易的特性,同时能完全利用 windows 资源。asp 通过使用 ado 所提供的对象及方法,能帮助用户建立各式各样,符合用户需求的 web 数据库应 用系统oledb。oledb 是连接数据库的新低层界面。它能处理任何类型的数 据,无论它们的格式和保存方式是什么。程序开发者并不需要确切去了解其结构,只 需要懂得如何利用它去连接数据库即可。 在本留言板中,利用 microsoft access2000 建立了 1 个 data.mdb 数据库, 而在其里面包含了 2 个表:user 和 mssg。整个留言板的所有信息交流都以这 2 个表为基础,所有数据的存取都通过对这 2 个表而进行操作。表 user 是用来存 放注册用户的资料,表 mssg 是用来存放所有留言的信息。在完成数据库制作后, 我们在对数据库进行存取前,必须要进行数据库的连接工作,进行数据库连接的 方式有几种,其中 1 种是通过“控制面板”“管理工具”“数据源(odbc)” 来设置系统 dsn。完成系统 dsn 设置后,就可以通过 ado 对象对数据库进行存取 操作了。 5.3.1 浏览留言 用户可以在该页面浏览全部的留言,这些留言都存放在表 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. 沈文智. microsoft iis 网页技术m. 北京 :人民邮电出版社 ,1998. 5. 谭浩强,网页制作技术m.北京：清华大学出版社。2000. 目录目录 引言引言.2 1.1.网站结构设计网站结构设计.3 2 2 系统功能结构图系统功能结构图3 3 3 系统系统 e-re-r 图设计图设计.5 4 4 数据库设计数据库设计.7 5 5 系统详细设计系统详细设计.8 5.1 网站布局和格式.8 5.2 注册和登录模块设计.9 5.3 留言功能模块的设计.11 5.4 资料修改功能模块的设计.12 5.5 相片上传与浏览的设计12 5.6 相片的列表与显示.12 总结总结.14 参考文献参考文献.15 班级网站设计班级网站设计 引言引言 伴随着网络的出现，网页逐渐融入人们的生活。快速及时的新闻浏览，五 彩缤纷的网上信息，使网络与人们的生活息息相关，于是世界上又出现了第三 媒体internet。它打破了地域限制，真正使信息得以共享，改变了人们的 工作和生活方式。制作网页是企业和个人的宣传自己的重要手段，同时也是学 习者获取学习信息的重要手段。尤其是在新闻信息领域，各种新闻信息的发布 分秒变换，人们对新闻信息的需求有了更新，更高的要求，而网页由于本身所 具有的信息量大，传递快速，没有时空限制等特点恰好满足这种要求。所以网 页也逐渐成为一种新兴的信息发布资源。也正是由于网络实现网站的数据信息 能够进行实时交互，保证网站数据的实时性。 随着 internet 的进一步发展,静态 web 站点的开发与维护变得越来越困难, 一方面信息的不断增加和变化,使站点维护人员不得不经常修改他们的网页,特 别是基于数据库驱动的 web 站点更是如此，随着 internet 上信息量的增多和交 互性的加强使 html 显得越来越难以胜任。另一方面静态网页由于不能与浏览者 进行有效交互,使人们感到越来越乏味,而不愿意再一次地进入同一站点。所以 开发动态网页或动态内容成了越来越多的站点所追求目标。所谓动态内容是由 每一个用户按照自己的需求发出请求而特殊制作的 web 网页。 网络发展前景无限，及早与网络结合，与信息时代同步，与高科技汇合， 定会给社会各行各业的发展注入新鲜的活力。站在网络时代的前夜，我们清晰 地听到了网络时代的宣言：谁掌握了网络，谁就掌握了未来。 正文内容：正文内容： 1.1.网站结构设计网站结构设计 网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体 现班级的勃勃生气，网站布局应该以轻松、简洁的风格为主，同时使用一定的 图形和多媒体元素，将整个网页分成四个部分（如图 1） 第一部分 第二部分 第三部分 第四部分 图 1 页面布局 第一部分主要用来放置网站的标志图片；第二部分与第四部分主要用来放 置一些功能链接；第三部分是主体部分，放置班级信息、留言、公告模块等。 2 2 系统功能结构图系统功能结构图 系统功能模块设计分为前台功能模块设计和后台功能模块设计。前台功能 模块设计主要包括：用户注册、用户登陆、用户管理，班级管理、留言板。后 台功能模块设计主要包括：前台首页、用户管理、用户管理。 图 1 网站系统结构图 网站系统模块 前台网站首页后台管理首页 图 2 前台功能模块结构图 图 3 后台功能模块结构图 网站的具体结构如图 2 所示，在首页上共有 7 个大的功能菜单，每个菜单 链接一个功能页面，每个页面实现不同功能。 前台模块 用户登录 班级留言 班级足迹 公告管理 留言板 成员地址 班级相册 退 出 更改资料 留言 添加相册 删除相册 修改留言 删除留言 后台模块 前台首页 用户管理 班级管理 留言管理 系统管理 图 4 充分利用 asp 的强大功能，在网站中提供留言簿、公告栏等交流场所，为 同学们展开信息交流提供方便。 3 3 系统系统 e-re-r 图设计图设计 登陆实体e-r图 游客 注 册 个人资料 组 成 个人资料 查询浏览 登陆 留言 管理员 管理 管理 留言 存入 后台信息相册 图 5 登陆实体 e-r 图 管理员信息实体 e-r 图 图 6 管理员实体 e-r 图 同学信息实体 e-r 图 图 7 同学实体 e-r 图 管理员信息 密码 权限地址 名字 同学信息 地址 备注邮箱 名字 oicq 性别 4 4、数据库设计、数据库设计 数据库设计指的是在现在数据库管理系统上建立数据库的过程，它的主 要内容是：在编写数据库应用程序之前，应该组织建立什么样的数据库，包括 组织建立多少个数据库为适宜，每个数据库都有几个字段，每个库的主关键字 和外部关键字以及各个表之间的关联，如何传递数据。 在数据库的设计中，尽量充分地考虑到用户各个方面功能上的需求，以前 数据库理论的主要规则。用户的需求具体体现在各种信息的提供、保存、更新 和查询等方面，这就要求数据库结构能充分满足各种信息的输入和输出。所以 搭建起后台数据库也就成为最基础、最首要做的工作。本站应用了功能强大的 access数据库。 本网站采用的数据库是 microsoft access ，建立库文件，包含如下几个 表文件： claim 网站公告信息表 loginfo 来访登陆时间信息表 mssg 留言信息表； photo 图片内容说明信息表 user 成员地址信息表 5 5 系统详细设计系统详细设计 5.1 网站布局和格式 首先要规划好网站的结构，对网站的网页大体布局有一个具体的轮廓。并且为 网站的主页及二级页面确定一个共同的格式，包括整个页面的颜色，宽度，阴 影，背景，字体的大小颜色这就需要我们制作一个超文本样式表.css 文件，以 供每个网页调用。 为网站设计一个主页面使用 dreameweaver mx 来制作。还要用到 html 语言、 vbscript、javascript 等。将前面说到的功能和内容以菜单的形式列出在主页 上，级联菜单上是一些具体的功能和内容。当然，这个菜单是用 javascript 编 制出来的一个函数，然后，在每一个菜单文件的代码中再调用这个函数，其它 的菜单也可以用同样的代码来实现。同样，对于二级页面的设计以及其它页面 的设计也是与主页相同。如果这些页面的主要部分与先前设计的主页主体部分 风格和布局以及菜单都相同，那么我们就可以先建立一个空的含菜单的文件作 为模板，以后每建立一个类似的页面，就可以调用此模板文件，在此基础上再 进行修改、补充8。 5.2 注册和登录模块设计 注册登录模块是系统的门户,在整个系统中占有重要的地位。它的主要功能 是根据用户的录入信息进行身份识别,排除非法用户对本系统的使用,对合法用 户则按照不同的级别分类处理，从而保证系统的运行安全，用户进入主页面后, 要想法使用其他菜单的功能必须先进行注册,在将表单提交后,调用相应的程序 进行处理。处理程序首先与数据库连接,查看是否存在同名和同密码的用户,若 存在则显示提示信息,并重新返回注册表单,用户输入新的信息进行重新注册;若 不存在同名且同密码的用户,则将注册信息写入数据库。 如若用户已经注册,则可输入名称和密码进入,在此过程中验证名称和密码是否 相符以及在登录过程中用户的请求是否被允许从而显示不同的提示页面。 用户登录的流程图如图 4 所示。 提交 击点 返回 按钮 是 是 进行注册表 单的填写 连接数据库并以用户名 进行查寻 填写登录的用户名 和密码 给出各种错 误提示并返 回登录框 输入密码 与数据库 中的是否 相同 进入网站界 面 是否首次 登录？ 通过在表单输入“用户名”和“密码”后点击“登录”提交表单,激活后台登录 程序。如果“用户名”和“密码”匹配就可以进入,反之显示错误提醒页面。若 登录成功,登录程序会把登录用户的信息写进 cookies,供以后各项功能实现时 使用。 如果成功登录后将出现如图 5 的界面： 图 4 流程图 图 5 5.3 留言功能模块的设计 web 留言板类似于 bbs,但 bbs 的版面过多,不同的留言放在不同的主题中, 由于庞大的信息量影响到网页信息搜索的速度,不适合应用于小型网站。本文所 设计的是用于一个班级同学之间进行信息交流的场所,规模小、设计简单的 web 留言版就可以实现信息交流的功能,而且它小巧简单,因此更易于实现,在速度上 比 bbs 也占优。 系统功能分析:(1)登录,已经注册的用户可以在登录界面输入正确的用户名 和密码,就能够直接进入到留言板页面,同时不相关的信息写到 cookies 数据集 里,供以后各项功能实现时使用;(2)注册,如果是新用户,想进入留言板就必须通 过注册,得到批准成为合法用户而取得留言及其权限;(3)留言,已经取得合法权 限的用户可以在留言板里进行留言,或查看留言。 动态网页要处理很多信息,这些庞大的信息一般交给后台数据库去处理。而 web 数据库应用系统则通过 internet 平台连接数据库,取得数据集,对其进行添 加、修改、查询、删除等操作。对数据库进行的各种操作,可以通过使用 sql 语 言来实现。本文设计的留言板是以 access 2000 作为后台数据库。以操作接口 而论,具备方便、简易的特性,同时能完全利用 windows 资源。asp 通过使用 ado 所提供的对象及方法,能帮助用户建立各式各样,符合用户需求的 web 数据库应 用系统oledb。oledb 是连接数据库的新低层界面。它能处理任何类型的数 据,无论它们的格式和保存方式是什么。程序开发者并不需要确切去了解其结构,只 需要懂得如何利用它去连接数据库即可。 在本留言板中,利用 microsoft access2000 建立了 1 个 data.mdb 数据库, 而在其里面包含了 2 个表:user 和 mssg。整个留言板的所有信息交流都以这 2 个表为基础,所有数据的存取都通过对这 2 个表而进行操作。表 user 是用来存 放注册用户的资料,表 mssg 是用来存放所有留言的信息。在完成数据库制作后, 我们在对数据库进行存取前,必须要进行数据库的连接工作,进行数据库连接的 方式有几种,其中 1 种是通过“控制面板”“管理工具”“数据源(odbc)” 来设置系统 dsn。完成系统 dsn 设置后,就可以通过 ado 对象对数据库进行存取 操作了。 5.3.1 浏览留言 用户可以在该页面浏览全部的留言,这些留言都存放在表 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. 沈文智. microsoft iis 网页技术m. 北京 :人民邮电出版社 ,1998. 5. 谭浩强,网页制作技术m.北京：清华大学出版社。2000. anyway, i was here in amber some years ago. not doing much of anything. just visiting and being a nuisance. dad was still around, and when i noticed that he was getting into one of his grumpy moods, i decided it was time to take a walk. a long one. i had often noticed that his fondness for me tended to increase as an inverse function of my proximity. he gave me a fancy riding crop for a going- away present-to hasten the process of affection, i suppose. still, it was a very nice crop-silver-chased, beaut