




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、目录目录引言引言.21.1.网站结构设计网站结构设计.32 2 系统功能结构图系统功能结构图.33 3 系统系统 e-re-r 图设计图设计.54 4 数据库设计数据库设计.75 5 系统详细设计系统详细设计.85.1 网站布局和格式.85.2 注册和登录模块设计.95.3 留言功能模块的设计.115.4 资料修改功能模块的设计.125.5相片上传与浏览的设计.125.6 相片的列表与显示.12总结总结.14参考文献参考文献.15班级网站设计班级网站设计引言引言伴随着网络的出现,网页逐渐融入人们的生活。快速及时的新闻浏览,五彩缤纷的网上信息,使网络与人们的生活息息相关,于是世界上又出现了第三媒
2、体internet。它打破了地域限制,真正使信息得以共享,改变了人们的工作和生活方式。制作网页是企业和个人的宣传自己的重要手段,同时也是学习者获取学习信息的重要手段。尤其是在新闻信息领域,各种新闻信息的发布分秒变换,人们对新闻信息的需求有了更新,更高的要求,而网页由于本身所具有的信息量大,传递快速,没有时空限制等特点恰好满足这种要求。所以网页也逐渐成为一种新兴的信息发布资源。也正是由于网络实现网站的数据信息能够进行实时交互,保证网站数据的实时性。随着 internet 的进一步发展,静态 web 站点的开发与维护变得越来越困难,一方面信息的不断增加和变化,使站点维护人员不得不经常修改他们的网页
3、,特别是基于数据库驱动的 web 站点更是如此,随着 internet 上信息量的增多和交互性的加强使 html 显得越来越难以胜任。另一方面静态网页由于不能与浏览者进行有效交互,使人们感到越来越乏味,而不愿意再一次地进入同一站点。所以开发动态网页或动态内容成了越来越多的站点所追求目标。所谓动态内容是由每一个用户按照自己的需求发出请求而特殊制作的 web 网页。网络发展前景无限,及早与网络结合,与信息时代同步,与高科技汇合,定会给社会各行各业的发展注入新鲜的活力。站在网络时代的前夜,我们清晰地听到了网络时代的宣言:谁掌握了网络,谁就掌握了未来。正文内容:正文内容:1.1.网站结构设计网站结构设
4、计网站主页采用静、动相结合的方式,即静态的主画面和动态的图片相结合,体现班级的勃勃生气,网站布局应该以轻松、简洁的风格为主,同时使用一定的图形和多媒体元素,将整个网页分成四个部分(如图 1)第一部分 第二部分第三部分第四部分图 1 页面布局第一部分主要用来放置网站的标志图片;第二部分与第四部分主要用来放置一些功能链接;第三部分是主体部分,放置班级信息、留言、公告模块等。2 2 系统功能结构图系统功能结构图系统功能模块设计分为前台功能模块设计和后台功能模块设计。前台功能模块设计主要包括:用户注册、用户登陆、用户管理,班级管理、留言板。后台功能模块设计主要包括:前台首页、用户管理、用户管理。 网站
5、系统模块前台网站首页后台管理首页图 1 网站系统结构图图 2 前台功能模块结构图图 3 后台功能模块结构图网站的具体结构如图 2 所示,在首页上共有 7 个大的功能菜单,每个菜单前台模块用户登录班级留言班级足迹公告管理留言板成员地址班级相册退 出更改资料留言添加相册删除相册修改留言删除留言后台模块前台首页用户管理班级管理留言管理系统管理链接一个功能页面,每个页面实现不同功能。 图 4充分利用 asp 的强大功能,在网站中提供留言簿、公告栏等交流场所,为同学们展开信息交流提供方便。3 3 系统系统 e-re-r 图图设计设计登陆实体e-r图 游客注 册个人资料组 成个人资料查询浏览登陆留言管理员
6、管理管理留言存入后台信息相册图 5 登陆实体 e-r 图管理员信息实体 e-r 图 图 6 管理员实体 e-r 图同学信息实体 e-r 图 图 7 同学实体 e-r 图管理员信息密码权限地址名字同学信息地址备注邮箱名字oicq性别4 4、数据库设计、数据库设计 数据库设计指的是在现在数据库管理系统上建立数据库的过程,它的主要内容是:在编写数据库应用程序之前,应该组织建立什么样的数据库,包括组织建立多少个数据库为适宜,每个数据库都有几个字段,每个库的主关键字和外部关键字以及各个表之间的关联,如何传递数据。在数据库的设计中,尽量充分地考虑到用户各个方面功能上的需求,以前数据库理论的主要规则。用户的
7、需求具体体现在各种信息的提供、保存、更新和查询等方面,这就要求数据库结构能充分满足各种信息的输入和输出。所以搭建起后台数据库也就成为最基础、最首要做的工作。本站应用了功能强大的access数据库。本网站采用的数据库是 microsoft access ,建立库文件,包含如下几个表文件:claim 网站公告信息表loginfo 来访登陆时间信息表mssg 留言信息表;photo 图片内容说明信息表user 成员地址信息表5 5 系统详细设计系统详细设计5.1 网站布局和格式首先要规划好网站的结构,对网站的网页大体布局有一个具体的轮廓。并且为网站的主页及二级页面确定一个共同的格式,包括整个页面的颜
8、色,宽度,阴影,背景,字体的大小颜色这就需要我们制作一个超文本样式表.css 文件,以供每个网页调用。为网站设计一个主页面使用 dreameweaver mx 来制作。还要用到 html 语言、vbscript、javascript 等。将前面说到的功能和内容以菜单的形式列出在主页上,级联菜单上是一些具体的功能和内容。当然,这个菜单是用 javascript 编制出来的一个函数,然后,在每一个菜单文件的代码中再调用这个函数,其它的菜单也可以用同样的代码来实现。同样,对于二级页面的设计以及其它页面的设计也是与主页相同。如果这些页面的主要部分与先前设计的主页主体部分风格和布局以及菜单都相同,那么我
9、们就可以先建立一个空的含菜单的文件作为模板,以后每建立一个类似的页面,就可以调用此模板文件,在此基础上再进行修改、补充8。5.2 注册和登录模块设计注册登录模块是系统的门户,在整个系统中占有重要的地位。它的主要功能是根据用户的录入信息进行身份识别,排除非法用户对本系统的使用,对合法用户则按照不同的级别分类处理,从而保证系统的运行安全,用户进入主页面后,要想法使用其他菜单的功能必须先进行注册,在将表单提交后,调用相应的程序进行处理。处理程序首先与数据库连接,查看是否存在同名和同密码的用户,若存在则显示提示信息,并重新返回注册表单,用户输入新的信息进行重新注册;若不存在同名且同密码的用户,则将注册
10、信息写入数据库。如若用户已经注册,则可输入名称和密码进入,在此过程中验证名称和密码是否相符以及在登录过程中用户的请求是否被允许从而显示不同的提示页面。用户登录的流程图如图 4 所示。提交击点返回按钮是是进行注册表单的填写连接数据库并以用户名进行查寻填写登录的用户名和密码给出各种错误提示并返回登录框输入密码与数据库中的是否相同进入网站界面是否首次登录?通过在表单输入“用户名”和“密码”后点击“登录”提交表单,激活后台登录程序。如果“用户名”和“密码”匹配就可以进入,反之显示错误提醒页面。若登录成功,登录程序会把登录用户的信息写进 cookies,供以后各项功能实现时使用。如果成功登录后将出现如图
11、 5 的界面: 图 4 流程图 图 55.3 留言功能模块的设计web 留言板类似于 bbs,但 bbs 的版面过多,不同的留言放在不同的主题中,由于庞大的信息量影响到网页信息搜索的速度,不适合应用于小型网站。本文所设计的是用于一个班级同学之间进行信息交流的场所,规模小、设计简单的 web留言版就可以实现信息交流的功能,而且它小巧简单,因此更易于实现,在速度上比 bbs 也占优。系统功能分析:(1)登录,已经注册的用户可以在登录界面输入正确的用户名和密码,就能够直接进入到留言板页面,同时不相关的信息写到 cookies 数据集里,供以后各项功能实现时使用;(2)注册,如果是新用户,想进入留言板
12、就必须通过注册,得到批准成为合法用户而取得留言及其权限;(3)留言,已经取得合法权限的用户可以在留言板里进行留言,或查看留言。动态网页要处理很多信息,这些庞大的信息一般交给后台数据库去处理。而web 数据库应用系统则通过 internet 平台连接数据库,取得数据集,对其进行添加、修改、查询、删除等操作。对数据库进行的各种操作,可以通过使用 sql 语言来实现。本文设计的留言板是以 access 2000 作为后台数据库。以操作接口而论,具备方便、简易的特性,同时能完全利用 windows 资源。asp 通过使用 ado所提供的对象及方法,能帮助用户建立各式各样,符合用户需求的 web 数据库
13、应用系统oledb。oledb 是连接数据库的新低层界面。它能处理任何类型的数据,无论它们的格式和保存方式是什么。程序开发者并不需要确切去了解其结构,只需要懂得如何利用它去连接数据库即可。在本留言板中,利用 microsoft access2000 建立了 1 个 data.mdb 数据库,而在其里面包含了 2 个表:user 和 mssg。整个留言板的所有信息交流都以这 2个表为基础,所有数据的存取都通过对这 2 个表而进行操作。表 user 是用来存放注册用户的资料,表 mssg 是用来存放所有留言的信息。在完成数据库制作后,我们在对数据库进行存取前,必须要进行数据库的连接工作,进行数据库
14、连接的方式有几种,其中 1 种是通过“控制面板”“管理工具”“数据源(odbc)”来设置系统 dsn。完成系统 dsn 设置后,就可以通过 ado 对象对数据库进行存取操作了。5.3.1 浏览留言用户可以在该页面浏览全部的留言,这些留言都存放在表 mssg 里,页面msgboard.asp 中的显示留言,可通过对表 mssg 操作而显示到页面上。随着留言的增多,如果在一个页面里留言全部的留言,可想而知是非常不方便的,因此本设计为留言板提供了分页显示功能。通过 asp 提供的 recordset 的 absolutepage就可以轻松的对数量繁多的留言进行有条理的分页显示。5.3.2 发布留言任
15、何的注册用户登录后都拥有发布留言的权利,在留言主页面提供了用来发布留言的输入框,用户可以通过表单发表留言,并选择留言主题的标志,发布留言是通过程序 msgadd.asp 来实现的。发布留言程序先以登录后写进 cookies 数据集合中的用户名作为发布者的姓名,如果 cookies 是空的话,就转到提示要先登录的页面。确认后接受表单提交来的信息写进表 mssg 中。然后转回到 msgboard.asp 留言页面,而msgboard.asp 中的显示留言程序根据更新后的表 mssg 而重新分页显示留言。5.4 资料修改功能模块的设计用户在主页面上点击“修改资料”进入资料修改页面 memberedi
16、t.asp,通过这个功能模块来修改个人的注册信息,但用户名不能修改。修改之前用户必须要输入正确的密码。而修改密码的时候 2 次输入的密码要相同。修改资料功能是通过程序 memberedit.asp 来实现,如果资料修改成功就转到提示修改成功的页面并修改表 user 的数据,如果不成功便转到相应提示错误的页面。5.5相片上传与浏览的设计用户还可以将自己喜欢的相片上传供其他用户浏览。用户在主页面上点击“班级相册”进入页面 photo.asp。相片的上传:由于 asp 使用基于开放设计环境的 active技术,本留言板即利用 active组件 aspsmartupload 来实现相片上传功能。该组件
17、在下载并安装后方可使用。相片的上传是通过文件 upload.asp的上传程序 up 来实现的,并将上传相片的所有信息都存放在表 upload 里,包括相片的名称、说明、上传时间、上传人姓名等。而且对于上传的相片的类型和大小都有所限制,只能上传 jpg 和 gif 类型的相片,而且相片大小不能超过300。如果用户上传的相片不符合要求,程序便进行判断,并显示错误原因,5.6 相片的列表与显示该功能是把所有相片的相关信息如相片的说明、上传时间、上传人姓名等通过列表的方式显示出来,由于相片的数量可能很多,因此在这里也使用了分页显示,并在每张相片的说明文字上添加链接,用户通过点击链接就可以激活photo
18、.asp 中的程序,实现浏览相片功能。总结总结通过这次毕业设计,我从中学到了许多新的知识,而且通过这次毕业设计,培养了我综合多门学科中的知识、迅速规划并开发出目标系统的能力,以及编程能力也有了很大的提高。另外也有许多心得体会,所谓系统开发如人生百味,酸甜苦辣皆有之。回顾这 3 个半月的系统开发工作,总结起来那就是,软件的开发是相当辛苦的,但成功以后的喜悦也是非常美妙的,而且我发现,其中你投入的心血越多,成功以后你所获得的快乐与充实感也更多更强。参考文献参考文献1. 肖金秀等.dreamweaver 网页实例大制作.北京:冶金工业出版社,2001.2. 肖金秀等.asp 网络编程技术.北京:清华
19、大学出版社,2001.3. 张大斌. web 上基于 asp 的数据库应用研究j . 计算机工程与科学 , 2001. 4. 沈文智. microsoft iis 网页技术m. 北京 :人民邮电出版社 ,1998.5. 谭浩强,网页制作技术m.北京:清华大学出版社。2000.目录目录引言引言.21.1.网站结构设计网站结构设计.32 2 系统功能结构图系统功能结构图.33 3 系统系统 e-re-r 图设计图设计.54 4 数据库设计数据库设计.75 5 系统详细设计系统详细设计.85.1 网站布局和格式.85.2 注册和登录模块设计.95.3 留言功能模块的设计.115.4 资料修改功能模块
20、的设计.125.5相片上传与浏览的设计.125.6 相片的列表与显示.12总结总结.14参考文献参考文献.15班级网站设计班级网站设计引言引言伴随着网络的出现,网页逐渐融入人们的生活。快速及时的新闻浏览,五彩缤纷的网上信息,使网络与人们的生活息息相关,于是世界上又出现了第三媒体internet。它打破了地域限制,真正使信息得以共享,改变了人们的工作和生活方式。制作网页是企业和个人的宣传自己的重要手段,同时也是学习者获取学习信息的重要手段。尤其是在新闻信息领域,各种新闻信息的发布分秒变换,人们对新闻信息的需求有了更新,更高的要求,而网页由于本身所具有的信息量大,传递快速,没有时空限制等特点恰好满
21、足这种要求。所以网页也逐渐成为一种新兴的信息发布资源。也正是由于网络实现网站的数据信息能够进行实时交互,保证网站数据的实时性。随着 internet 的进一步发展,静态 web 站点的开发与维护变得越来越困难,一方面信息的不断增加和变化,使站点维护人员不得不经常修改他们的网页,特别是基于数据库驱动的 web 站点更是如此,随着 internet 上信息量的增多和交互性的加强使 html 显得越来越难以胜任。另一方面静态网页由于不能与浏览者进行有效交互,使人们感到越来越乏味,而不愿意再一次地进入同一站点。所以开发动态网页或动态内容成了越来越多的站点所追求目标。所谓动态内容是由每一个用户按照自己的
22、需求发出请求而特殊制作的 web 网页。网络发展前景无限,及早与网络结合,与信息时代同步,与高科技汇合,定会给社会各行各业的发展注入新鲜的活力。站在网络时代的前夜,我们清晰地听到了网络时代的宣言:谁掌握了网络,谁就掌握了未来。正文内容:正文内容:1.1.网站结构设计网站结构设计网站主页采用静、动相结合的方式,即静态的主画面和动态的图片相结合,体现班级的勃勃生气,网站布局应该以轻松、简洁的风格为主,同时使用一定的图形和多媒体元素,将整个网页分成四个部分(如图 1)第一部分 第二部分第三部分第四部分图 1 页面布局第一部分主要用来放置网站的标志图片;第二部分与第四部分主要用来放置一些功能链接;第三
23、部分是主体部分,放置班级信息、留言、公告模块等。2 2 系统功能结构图系统功能结构图系统功能模块设计分为前台功能模块设计和后台功能模块设计。前台功能模块设计主要包括:用户注册、用户登陆、用户管理,班级管理、留言板。后台功能模块设计主要包括:前台首页、用户管理、用户管理。 图 1 网站系统结构图网站系统模块前台网站首页后台管理首页图 2 前台功能模块结构图图 3 后台功能模块结构图网站的具体结构如图 2 所示,在首页上共有 7 个大的功能菜单,每个菜单链接一个功能页面,每个页面实现不同功能。前台模块用户登录班级留言班级足迹公告管理留言板成员地址班级相册退 出更改资料留言添加相册删除相册修改留言删
24、除留言后台模块前台首页用户管理班级管理留言管理系统管理 图 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、数据库设计、数据库设计 数据库设计指的是在现在数据库管理系统上建立数据库的过程,它的主
25、要内容是:在编写数据库应用程序之前,应该组织建立什么样的数据库,包括组织建立多少个数据库为适宜,每个数据库都有几个字段,每个库的主关键字和外部关键字以及各个表之间的关联,如何传递数据。在数据库的设计中,尽量充分地考虑到用户各个方面功能上的需求,以前数据库理论的主要规则。用户的需求具体体现在各种信息的提供、保存、更新和查询等方面,这就要求数据库结构能充分满足各种信息的输入和输出。所以搭建起后台数据库也就成为最基础、最首要做的工作。本站应用了功能强大的access数据库。本网站采用的数据库是 microsoft access ,建立库文件,包含如下几个表文件:claim 网站公告信息表loginf
26、o 来访登陆时间信息表mssg 留言信息表;photo 图片内容说明信息表user 成员地址信息表5 5 系统详细设计系统详细设计5.1 网站布局和格式首先要规划好网站的结构,对网站的网页大体布局有一个具体的轮廓。并且为网站的主页及二级页面确定一个共同的格式,包括整个页面的颜色,宽度,阴影,背景,字体的大小颜色这就需要我们制作一个超文本样式表.css 文件,以供每个网页调用。为网站设计一个主页面使用 dreameweaver mx 来制作。还要用到 html 语言、vbscript、javascript 等。将前面说到的功能和内容以菜单的形式列出在主页上,级联菜单上是一些具体的功能和内容。当然
27、,这个菜单是用 javascript 编制出来的一个函数,然后,在每一个菜单文件的代码中再调用这个函数,其它的菜单也可以用同样的代码来实现。同样,对于二级页面的设计以及其它页面的设计也是与主页相同。如果这些页面的主要部分与先前设计的主页主体部分风格和布局以及菜单都相同,那么我们就可以先建立一个空的含菜单的文件作为模板,以后每建立一个类似的页面,就可以调用此模板文件,在此基础上再进行修改、补充8。5.2 注册和登录模块设计注册登录模块是系统的门户,在整个系统中占有重要的地位。它的主要功能是根据用户的录入信息进行身份识别,排除非法用户对本系统的使用,对合法用户则按照不同的级别分类处理,从而保证系统
28、的运行安全,用户进入主页面后,要想法使用其他菜单的功能必须先进行注册,在将表单提交后,调用相应的程序进行处理。处理程序首先与数据库连接,查看是否存在同名和同密码的用户,若存在则显示提示信息,并重新返回注册表单,用户输入新的信息进行重新注册;若不存在同名且同密码的用户,则将注册信息写入数据库。如若用户已经注册,则可输入名称和密码进入,在此过程中验证名称和密码是否相符以及在登录过程中用户的请求是否被允许从而显示不同的提示页面。用户登录的流程图如图 4 所示。提交击点返回按钮是是进行注册表单的填写连接数据库并以用户名进行查寻填写登录的用户名和密码给出各种错误提示并返回登录框输入密码与数据库中的是否相
29、同进入网站界面是否首次登录?通过在表单输入“用户名”和“密码”后点击“登录”提交表单,激活后台登录程序。如果“用户名”和“密码”匹配就可以进入,反之显示错误提醒页面。若登录成功,登录程序会把登录用户的信息写进 cookies,供以后各项功能实现时使用。如果成功登录后将出现如图 5 的界面: 图 4 流程图 图 55.3 留言功能模块的设计web 留言板类似于 bbs,但 bbs 的版面过多,不同的留言放在不同的主题中,由于庞大的信息量影响到网页信息搜索的速度,不适合应用于小型网站。本文所设计的是用于一个班级同学之间进行信息交流的场所,规模小、设计简单的 web留言版就可以实现信息交流的功能,而
30、且它小巧简单,因此更易于实现,在速度上比 bbs 也占优。系统功能分析:(1)登录,已经注册的用户可以在登录界面输入正确的用户名和密码,就能够直接进入到留言板页面,同时不相关的信息写到 cookies 数据集里,供以后各项功能实现时使用;(2)注册,如果是新用户,想进入留言板就必须通过注册,得到批准成为合法用户而取得留言及其权限;(3)留言,已经取得合法权限的用户可以在留言板里进行留言,或查看留言。动态网页要处理很多信息,这些庞大的信息一般交给后台数据库去处理。而web 数据库应用系统则通过 internet 平台连接数据库,取得数据集,对其进行添加、修改、查询、删除等操作。对数据库进行的各种
31、操作,可以通过使用 sql 语言来实现。本文设计的留言板是以 access 2000 作为后台数据库。以操作接口而论,具备方便、简易的特性,同时能完全利用 windows 资源。asp 通过使用 ado所提供的对象及方法,能帮助用户建立各式各样,符合用户需求的 web 数据库应用系统oledb。oledb 是连接数据库的新低层界面。它能处理任何类型的数据,无论它们的格式和保存方式是什么。程序开发者并不需要确切去了解其结构,只需要懂得如何利用它去连接数据库即可。在本留言板中,利用 microsoft access2000 建立了 1 个 data.mdb 数据库,而在其里面包含了 2 个表:us
32、er 和 mssg。整个留言板的所有信息交流都以这 2个表为基础,所有数据的存取都通过对这 2 个表而进行操作。表 user 是用来存放注册用户的资料,表 mssg 是用来存放所有留言的信息。在完成数据库制作后,我们在对数据库进行存取前,必须要进行数据库的连接工作,进行数据库连接的方式有几种,其中 1 种是通过“控制面板”“管理工具”“数据源(odbc)”来设置系统 dsn。完成系统 dsn 设置后,就可以通过 ado 对象对数据库进行存取操作了。5.3.1 浏览留言用户可以在该页面浏览全部的留言,这些留言都存放在表 mssg 里,页面msgboard.asp 中的显示留言,可通过对表 mss
33、g 操作而显示到页面上。随着留言的增多,如果在一个页面里留言全部的留言,可想而知是非常不方便的,因此本设计为留言板提供了分页显示功能。通过 asp 提供的 recordset 的 absolutepage就可以轻松的对数量繁多的留言进行有条理的分页显示。5.3.2 发布留言任何的注册用户登录后都拥有发布留言的权利,在留言主页面提供了用来发布留言的输入框,用户可以通过表单发表留言,并选择留言主题的标志,发布留言是通过程序 msgadd.asp 来实现的。发布留言程序先以登录后写进 cookies 数据集合中的用户名作为发布者的姓名,如果 cookies 是空的话,就转到提示要先登录的页面。确认后
34、接受表单提交来的信息写进表 mssg 中。然后转回到 msgboard.asp 留言页面,而msgboard.asp 中的显示留言程序根据更新后的表 mssg 而重新分页显示留言。5.4 资料修改功能模块的设计用户在主页面上点击“修改资料”进入资料修改页面 memberedit.asp,通过这个功能模块来修改个人的注册信息,但用户名不能修改。修改之前用户必须要输入正确的密码。而修改密码的时候 2 次输入的密码要相同。修改资料功能是通过程序 memberedit.asp 来实现,如果资料修改成功就转到提示修改成功的页面并修改表 user 的数据,如果不成功便转到相应提示错误的页面。5.5相片上传
35、与浏览的设计用户还可以将自己喜欢的相片上传供其他用户浏览。用户在主页面上点击“班级相册”进入页面 photo.asp。相片的上传:由于 asp 使用基于开放设计环境的 active技术,本留言板即利用 active组件 aspsmartupload 来实现相片上传功能。该组件在下载并安装后方可使用。相片的上传是通过文件 upload.asp的上传程序 up 来实现的,并将上传相片的所有信息都存放在表 upload 里,包括相片的名称、说明、上传时间、上传人姓名等。而且对于上传的相片的类型和大小都有所限制,只能上传 jpg 和 gif 类型的相片,而且相片大小不能超过300。如果用户上传的相片不
36、符合要求,程序便进行判断,并显示错误原因,5.6 相片的列表与显示该功能是把所有相片的相关信息如相片的说明、上传时间、上传人姓名等通过列表的方式显示出来,由于相片的数量可能很多,因此在这里也使用了分页显示,并在每张相片的说明文字上添加链接,用户通过点击链接就可以激活photo.asp 中的程序,实现浏览相片功能。总结总结通过这次毕业设计,我从中学到了许多新的知识,而且通过这次毕业设计,培养了我综合多门学科中的知识、迅速规划并开发出目标系统的能力,以及编程能力也有了很大的提高。另外也有许多心得体会,所谓系统开发如人生百味,酸甜苦辣皆有之。回顾这 3 个半月的系统开发工作,总结起来那就是,软件的开
37、发是相当辛苦的,但成功以后的喜悦也是非常美妙的,而且我发现,其中你投入的心血越多,成功以后你所获得的快乐与充实感也更多更强。参考文献参考文献1. 肖金秀等.dreamweaver 网页实例大制作.北京:冶金工业出版社,2001.2. 肖金秀等.asp 网络编程技术.北京:清华大学出版社,2001.3. 张大斌. web 上基于 asp 的数据库应用研究j . 计算机工程与科学 , 2001. 4. 沈文智. microsoft iis 网页技术m. 北京 :人民邮电出版社 ,1998.5. 谭浩强,网页制作技术m.北京:清华大学出版社。2000.目录目录引言引言.21.1.网站结构设计网站结构
38、设计.32 2 系统功能结构图系统功能结构图.33 3 系统系统 e-re-r 图设计图设计.54 4 数据库设计数据库设计.75 5 系统详细设计系统详细设计.85.1 网站布局和格式.85.2 注册和登录模块设计.95.3 留言功能模块的设计.115.4 资料修改功能模块的设计.125.5相片上传与浏览的设计.125.6 相片的列表与显示.12总结总结.14参考文献参考文献.15班级网站设计班级网站设计引言引言伴随着网络的出现,网页逐渐融入人们的生活。快速及时的新闻浏览,五彩缤纷的网上信息,使网络与人们的生活息息相关,于是世界上又出现了第三媒体internet。它打破了地域限制,真正使信息
39、得以共享,改变了人们的工作和生活方式。制作网页是企业和个人的宣传自己的重要手段,同时也是学习者获取学习信息的重要手段。尤其是在新闻信息领域,各种新闻信息的发布分秒变换,人们对新闻信息的需求有了更新,更高的要求,而网页由于本身所具有的信息量大,传递快速,没有时空限制等特点恰好满足这种要求。所以网页也逐渐成为一种新兴的信息发布资源。也正是由于网络实现网站的数据信息能够进行实时交互,保证网站数据的实时性。随着 internet 的进一步发展,静态 web 站点的开发与维护变得越来越困难,一方面信息的不断增加和变化,使站点维护人员不得不经常修改他们的网页,特别是基于数据库驱动的 web 站点更是如此,
40、随着 internet 上信息量的增多和交互性的加强使 html 显得越来越难以胜任。另一方面静态网页由于不能与浏览者进行有效交互,使人们感到越来越乏味,而不愿意再一次地进入同一站点。所以开发动态网页或动态内容成了越来越多的站点所追求目标。所谓动态内容是由每一个用户按照自己的需求发出请求而特殊制作的 web 网页。网络发展前景无限,及早与网络结合,与信息时代同步,与高科技汇合,定会给社会各行各业的发展注入新鲜的活力。站在网络时代的前夜,我们清晰地听到了网络时代的宣言:谁掌握了网络,谁就掌握了未来。正文内容:正文内容:1.1.网站结构设计网站结构设计网站主页采用静、动相结合的方式,即静态的主画面
41、和动态的图片相结合,体现班级的勃勃生气,网站布局应该以轻松、简洁的风格为主,同时使用一定的图形和多媒体元素,将整个网页分成四个部分(如图 1)第一部分 第二部分第三部分第四部分图 1 页面布局第一部分主要用来放置网站的标志图片;第二部分与第四部分主要用来放置一些功能链接;第三部分是主体部分,放置班级信息、留言、公告模块等。2 2 系统功能结构图系统功能结构图系统功能模块设计分为前台功能模块设计和后台功能模块设计。前台功能模块设计主要包括:用户注册、用户登陆、用户管理,班级管理、留言板。后台功能模块设计主要包括:前台首页、用户管理、用户管理。 图 1 网站系统结构图网站系统模块前台网站首页后台管
42、理首页图 2 前台功能模块结构图图 3 后台功能模块结构图网站的具体结构如图 2 所示,在首页上共有 7 个大的功能菜单,每个菜单链接一个功能页面,每个页面实现不同功能。前台模块用户登录班级留言班级足迹公告管理留言板成员地址班级相册退 出更改资料留言添加相册删除相册修改留言删除留言后台模块前台首页用户管理班级管理留言管理系统管理 图 4充分利用 asp 的强大功能,在网站中提供留言簿、公告栏等交流场所,为同学们展开信息交流提供方便。3 3 系统系统 e-re-r 图设计图设计登陆实体e-r图 游客注 册个人资料组 成个人资料查询浏览登陆留言管理员管理管理留言存入后台信息相册图 5 登陆实体 e
43、-r 图管理员信息实体 e-r 图 图 6 管理员实体 e-r 图同学信息实体 e-r 图 图 7 同学实体 e-r 图管理员信息密码权限地址名字同学信息地址备注邮箱名字oicq性别4 4、数据库设计、数据库设计 数据库设计指的是在现在数据库管理系统上建立数据库的过程,它的主要内容是:在编写数据库应用程序之前,应该组织建立什么样的数据库,包括组织建立多少个数据库为适宜,每个数据库都有几个字段,每个库的主关键字和外部关键字以及各个表之间的关联,如何传递数据。在数据库的设计中,尽量充分地考虑到用户各个方面功能上的需求,以前数据库理论的主要规则。用户的需求具体体现在各种信息的提供、保存、更新和查询等
44、方面,这就要求数据库结构能充分满足各种信息的输入和输出。所以搭建起后台数据库也就成为最基础、最首要做的工作。本站应用了功能强大的access数据库。本网站采用的数据库是 microsoft access ,建立库文件,包含如下几个表文件:claim 网站公告信息表loginfo 来访登陆时间信息表mssg 留言信息表;photo 图片内容说明信息表user 成员地址信息表5 5 系统详细设计系统详细设计5.1 网站布局和格式首先要规划好网站的结构,对网站的网页大体布局有一个具体的轮廓。并且为网站的主页及二级页面确定一个共同的格式,包括整个页面的颜色,宽度,阴影,背景,字体的大小颜色这就需要我们
45、制作一个超文本样式表.css 文件,以供每个网页调用。为网站设计一个主页面使用 dreameweaver mx 来制作。还要用到 html 语言、vbscript、javascript 等。将前面说到的功能和内容以菜单的形式列出在主页上,级联菜单上是一些具体的功能和内容。当然,这个菜单是用 javascript 编制出来的一个函数,然后,在每一个菜单文件的代码中再调用这个函数,其它的菜单也可以用同样的代码来实现。同样,对于二级页面的设计以及其它页面的设计也是与主页相同。如果这些页面的主要部分与先前设计的主页主体部分风格和布局以及菜单都相同,那么我们就可以先建立一个空的含菜单的文件作为模板,以后
46、每建立一个类似的页面,就可以调用此模板文件,在此基础上再进行修改、补充8。5.2 注册和登录模块设计注册登录模块是系统的门户,在整个系统中占有重要的地位。它的主要功能是根据用户的录入信息进行身份识别,排除非法用户对本系统的使用,对合法用户则按照不同的级别分类处理,从而保证系统的运行安全,用户进入主页面后,要想法使用其他菜单的功能必须先进行注册,在将表单提交后,调用相应的程序进行处理。处理程序首先与数据库连接,查看是否存在同名和同密码的用户,若存在则显示提示信息,并重新返回注册表单,用户输入新的信息进行重新注册;若不存在同名且同密码的用户,则将注册信息写入数据库。如若用户已经注册,则可输入名称和
47、密码进入,在此过程中验证名称和密码是否相符以及在登录过程中用户的请求是否被允许从而显示不同的提示页面。用户登录的流程图如图 4 所示。提交击点返回按钮是是进行注册表单的填写连接数据库并以用户名进行查寻填写登录的用户名和密码给出各种错误提示并返回登录框输入密码与数据库中的是否相同进入网站界面是否首次登录?通过在表单输入“用户名”和“密码”后点击“登录”提交表单,激活后台登录程序。如果“用户名”和“密码”匹配就可以进入,反之显示错误提醒页面。若登录成功,登录程序会把登录用户的信息写进 cookies,供以后各项功能实现时使用。如果成功登录后将出现如图 5 的界面: 图 4 流程图 图 55.3 留
48、言功能模块的设计web 留言板类似于 bbs,但 bbs 的版面过多,不同的留言放在不同的主题中,由于庞大的信息量影响到网页信息搜索的速度,不适合应用于小型网站。本文所设计的是用于一个班级同学之间进行信息交流的场所,规模小、设计简单的 web留言版就可以实现信息交流的功能,而且它小巧简单,因此更易于实现,在速度上比 bbs 也占优。系统功能分析:(1)登录,已经注册的用户可以在登录界面输入正确的用户名和密码,就能够直接进入到留言板页面,同时不相关的信息写到 cookies 数据集里,供以后各项功能实现时使用;(2)注册,如果是新用户,想进入留言板就必须通过注册,得到批准成为合法用户而取得留言及
49、其权限;(3)留言,已经取得合法权限的用户可以在留言板里进行留言,或查看留言。动态网页要处理很多信息,这些庞大的信息一般交给后台数据库去处理。而web 数据库应用系统则通过 internet 平台连接数据库,取得数据集,对其进行添加、修改、查询、删除等操作。对数据库进行的各种操作,可以通过使用 sql 语言来实现。本文设计的留言板是以 access 2000 作为后台数据库。以操作接口而论,具备方便、简易的特性,同时能完全利用 windows 资源。asp 通过使用 ado所提供的对象及方法,能帮助用户建立各式各样,符合用户需求的 web 数据库应用系统oledb。oledb 是连接数据库的新
50、低层界面。它能处理任何类型的数据,无论它们的格式和保存方式是什么。程序开发者并不需要确切去了解其结构,只需要懂得如何利用它去连接数据库即可。在本留言板中,利用 microsoft access2000 建立了 1 个 data.mdb 数据库,而在其里面包含了 2 个表:user 和 mssg。整个留言板的所有信息交流都以这 2个表为基础,所有数据的存取都通过对这 2 个表而进行操作。表 user 是用来存放注册用户的资料,表 mssg 是用来存放所有留言的信息。在完成数据库制作后,我们在对数据库进行存取前,必须要进行数据库的连接工作,进行数据库连接的方式有几种,其中 1 种是通过“控制面板”
51、“管理工具”“数据源(odbc)”来设置系统 dsn。完成系统 dsn 设置后,就可以通过 ado 对象对数据库进行存取操作了。5.3.1 浏览留言用户可以在该页面浏览全部的留言,这些留言都存放在表 mssg 里,页面msgboard.asp 中的显示留言,可通过对表 mssg 操作而显示到页面上。随着留言的增多,如果在一个页面里留言全部的留言,可想而知是非常不方便的,因此本设计为留言板提供了分页显示功能。通过 asp 提供的 recordset 的 absolutepage就可以轻松的对数量繁多的留言进行有条理的分页显示。5.3.2 发布留言任何的注册用户登录后都拥有发布留言的权利,在留言主
52、页面提供了用来发布留言的输入框,用户可以通过表单发表留言,并选择留言主题的标志,发布留言是通过程序 msgadd.asp 来实现的。发布留言程序先以登录后写进 cookies 数据集合中的用户名作为发布者的姓名,如果 cookies 是空的话,就转到提示要先登录的页面。确认后接受表单提交来的信息写进表 mssg 中。然后转回到 msgboard.asp 留言页面,而msgboard.asp 中的显示留言程序根据更新后的表 mssg 而重新分页显示留言。5.4 资料修改功能模块的设计用户在主页面上点击“修改资料”进入资料修改页面 memberedit.asp,通过这个功能模块来修改个人的注册信息
53、,但用户名不能修改。修改之前用户必须要输入正确的密码。而修改密码的时候 2 次输入的密码要相同。修改资料功能是通过程序 memberedit.asp 来实现,如果资料修改成功就转到提示修改成功的页面并修改表 user 的数据,如果不成功便转到相应提示错误的页面。5.5相片上传与浏览的设计用户还可以将自己喜欢的相片上传供其他用户浏览。用户在主页面上点击“班级相册”进入页面 photo.asp。相片的上传:由于 asp 使用基于开放设计环境的 active技术,本留言板即利用 active组件 aspsmartupload 来实现相片上传功能。该组件在下载并安装后方可使用。相片的上传是通过文件 u
54、pload.asp的上传程序 up 来实现的,并将上传相片的所有信息都存放在表 upload 里,包括相片的名称、说明、上传时间、上传人姓名等。而且对于上传的相片的类型和大小都有所限制,只能上传 jpg 和 gif 类型的相片,而且相片大小不能超过300。如果用户上传的相片不符合要求,程序便进行判断,并显示错误原因,5.6 相片的列表与显示该功能是把所有相片的相关信息如相片的说明、上传时间、上传人姓名等通过列表的方式显示出来,由于相片的数量可能很多,因此在这里也使用了分页显示,并在每张相片的说明文字上添加链接,用户通过点击链接就可以激活photo.asp 中的程序,实现浏览相片功能。总结总结通
55、过这次毕业设计,我从中学到了许多新的知识,而且通过这次毕业设计,培养了我综合多门学科中的知识、迅速规划并开发出目标系统的能力,以及编程能力也有了很大的提高。另外也有许多心得体会,所谓系统开发如人生百味,酸甜苦辣皆有之。回顾这 3 个半月的系统开发工作,总结起来那就是,软件的开发是相当辛苦的,但成功以后的喜悦也是非常美妙的,而且我发现,其中你投入的心血越多,成功以后你所获得的快乐与充实感也更多更强。参考文献参考文献1. 肖金秀等.dreamweaver 网页实例大制作.北京:冶金工业出版社,2001.2. 肖金秀等.asp 网络编程技术.北京:清华大学出版社,2001.3. 张大斌. web 上
56、基于 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
57、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 cro
58、p-silver-chased, beautifully tooled-and i made good use of it. i had decided to go looking for an assemblage of all my simple pleasures in one small nook of shadow. it was a long ride-i will not bore you with the details-and it was pretty far from amber, as such things go. this time, i was not looki
59、ng for a place where i would be especially important. that can get either boring or difficult fairly quickly, depending on how responsible you want to be. i wanted to be an irresponsible nonentity and just enjoy myself. texorami was a wide open port city, with sultry days and long nights, lots of go
60、od music, gambling around the clock, duels every morning and in-between mayhem for those who couldnt wait. and the air currents were fabulous. i had a little red sail plane i used to go sky surfing in, every couple of days. it was the good life. i played drums till all hours in a basement spot up th
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 劳动合同范本题目
- 农村水田租赁承包合同范本
- 企业汽车销售合同范本
- 代理买卖二手车合同范本
- 代领购房合同范本
- 一般经销合同范例
- 个人购货采购合同范本
- 关于装修贷款合同范本
- 升旗台合同范本
- 前台劳务派遣合同范本
- 零基础学机器学习
- 第26课《诗词五首》作业设计统编版语文八年级上册
- 西方绘画艺术流派(最全)课件
- 预防保健科护理管理质量控制考核标准
- JCT548-2016 壁纸胶粘剂标准
- 气管切开患者的管理和康复治疗推荐意见(新版)解读
- 医院污水处理站维保服务项目
- 供应商绩效考核表 (季度)
- Python程序设计基础及实践(慕课版)PPT完整全套教学课件
- 《争做新时代好少年》主题班会课件(美德好少年)
- 雅思大作文写作课件
评论
0/150
提交评论