班级网站设计论文.doc

毕毕毕毕业业业业设设设设计计计计（ （ （ （论论论论文文文文） ） ） ） （ （ （ （ 2 2 20 0 01 1 12 2 2 届届届届 ） ） ） ） 题 目： 班级信息网站系统设计 啊 系（部）： 啊 专业班级： 啊 姓 名： 啊 指导老师： 啊 2012 年 6 月 27 日 中 文 摘 要 班级信息网站是为了合理利用网络资源、提供班级学习与交流、有效管理班 级事务的网络平台。本网站基于 B/S 模式，在 MYECLIPSE 集成开发环境下采用 JSP 语言开发完成。本网站由用户模块、在线论坛、班级相册、留言簿模块与 管理模块等构成，其中用户模块实现了用户注册、登陆与修改个人资料等功能； 在线论坛提供交流平台；班级相册实现图片上载和在线浏览功能；留言簿模块 实现网上留言功能；管理模块实现用户管理、论坛管理、相册管理与留言簿管 理等功能。本网站能促进班级内学生交流学习，实现用户自由访问，促进学习 相互了解，增强班级凝聚力。 关键字：关键字：网站；B/S 模式；JSP 目目 录录 第 1 章. 引言.1 1.1 设计背景.1 1.2 开发工具与平台.1 1.3 班级网站的现状.1 第 2 章. 概要设计.2 2.1 功能需求 .2 2.2 网站系统分析.2 2.3 系统流程.2 2.4 模块组织.3 第 3 章. 数据库设计.4 3.1 需求分析 .4 3.2 数据库表结构.4 第 4 章.详细设计.6 4.1 后台登录界面.6 4.2 后台系统管理.7 4.3 后台修改密码.11 4.4 “班级介绍”模块的管理实现.17 4.5 班级公告信息 .17 第 5 章. 系统性能测试.18 第 6 章 总 结.22 参考文献.22 致 谢.23 第 0 页 共 23 页 第第 1 1 章章 引言引言 1.11.1 设计背景设计背景 随着网络技术不断发展，计算机的普及，越来越多的人拥有了自己的电脑， 越来越多的学校和班级通过计算机网络来管理其各项事务。同时，学生与学生 之间通过网络来交流的方式也日趋频繁。在这种潮流的驱使之下，应该采用什 么样的方式来更好的管理学生的各项信息，班级的各项日常事务，以及怎样使 学生之间能够更好的交流，成为一个问题。 本系统使用 JSP 技术的动态网页与 SQL Server2000 数据库结合设计建立的 一个网络班级信息网站。用户首先通过内部网络访问本网站，进行简单的注册 并经管理员审核通过后，即拥有了使用本网站上所提供的除管理模块外的各功 能的权力。功能模块包括在线论坛、留言簿、班级相册等。在线论坛提供用户 之间的主要的交流的平台，用户可以发起自己的帖子，来引起班级其它同学的 对本帖的讨论或回复，同时用户也可对自己或别人的帖子提出自己的见解，从 而很好地促进了班级内同学的交流。留言簿提供网上留言功能。留言可以是班 级的老师班长或其它同学的留言，通过网络的迅捷的传输速率达到快速了解及 处理班级事务的目的。班级相册可以将班级内同学的相册传到网站上自由浏览， 增加班级的亲和力。以上的几个功能很好的解决了上面所提出的问题。 1.21.2 开发工具开发工具和介绍和介绍 （1） JSP 技术 JSP(Java Server Pages)是由 Sun Microsystems 公司倡导、许多公司参与一 起建立的一种动态网页技术标准。 JSP 技术是用 JAVA 语言作为脚本语言的， JSP 网页为整个服务器端的 JAVA 库单元提供了一个接口来服务于 HTTP 的应 用程序。 JSP 技术有点类似 ASP 技术，它是在传统的网页 HTML 文件中插入 Java 程序 段和 JSP 标记，从而形成 JSP 网页。所有程序操作都在服务器端运行，网络 上传送给客户端的仅是得到的结果，与客户端的浏览器无关，因此， JSP 称 这 Server-side Language。所以被许多人认为是未来最有发展前途的动态网 站技术之一。JSP 的技术的优势： 一次编写，到处运行。在这一点上 Java 比 PHP 更出色，除了系统之外，代 码不需要做任何更改。 系统的多平台支持。基本上可以在所有平台上的任意环境中开发，在任意 环境中进行系统部署，在任意环境中扩展。相比 ASP/PHP 的局限性是显而易见 的。 JSP 技术是用 Java 语言作为脚本语言的。Java 语言是成熟的、强大的、易扩充的 第 1 页 共 23 页 编程语言。 高效性与安全性。JSP 在执行前先被编译成字节码，字节码由 Java 虚拟机 解释执行，比源码解释效率高。 可维护性。由于 JSP 技术是一种开放的、跨平台的结构，因此 Web 服务器 、平台及其他组件能很容易升级或切换，且不会影响 JSP 基本的应用程序。 多样化和功能强大的开发工具支持。Java 已经有了许多非常优秀的开发工具， 而且许多可以免费得到，并且其中许多已经可以顺利的运行于多种平台之下。 （2） SQL Server 数据库 SQL Server 2000 是 Microsoft 公司推出的 SQL Server 数据库管理系统的一 个版本。该版本继承了 SQL Server 7.09 版本的优点同时又比它增加了许多 更先进的功能，具有使用方便,可伸缩性好与相关软件集成程度高等优点，可跨 越从运行 Microsoft Windows 98 的膝上型电脑到运行 Microsoft Windows 2000 的大型多处理器的服务器等多种平台使用。 SQL Server 2000 的特性包括： 1.Internet 集成。SQL Server 2000 数据库引擎提供完整的 XML 支持。 它还具有构成最大的 Web 站点的数据存储组件所需的可伸缩性、可用性和安全 功能。SQL Server 2000 程序设计模型与 Windows DNA 构架集成，用以开发 Web 应用程序，并且 SQL Server 2000 支持 English Query 和 Microsoft 搜 索服务等功能，在 Web 应用程序中包含了用户友好的查询和强大的搜索功能。 2.可伸缩性和可用性。同一个数据库引擎可以在不同的平台上使用，从运 行 Microsoft Windows 98 的便携式电脑，到运行 Microsoft Windows 2000 数据中心版的大型多处理器服务器。SQL Server 2000 企业版支持联合服 务器、索引视图和大型内存支持等功能，使其得以升级到最大 Web 站点所需的 性能级别。 3. 3.企业级数据库功能。SQL Server 2000 关系数据库引擎支持当今苛刻的数据处理环境所需的功能。数据库引擎充 分保护数据完整性，同时将管理上千个并发修改数据库的用户的开销减到最小。 SQL Server 2000 分布式查询使您得以引用来自不同数据源的数据，就好象这 些数据是 SQL Server 2000 数据库的一部分，同时分布式事务支持充分保护任 何分布式数据更新的完整性。复制同样使您得以维护多个数据复本，同时确保 单独的数据复本保持同步。可将一组数据复制到多个移动的脱接用户，使这些 用户自主地工作，然后将他们所做的修改合并回发布服务器。 4.易于安装、部署和使用。 SQL Server 2000 中包括一系列管理和开发工 具，这些工具可改进在多个站点上安装、部署、管理和使用 SQL Server 的过 程。SQL Server 2000 还支持基于标准的、与 Windows DNA 集成的程序设计模 第 2 页 共 23 页 型，使 SQL Server 数据库和数据仓库的使用成为生成强大的可伸缩系统的无 缝部分。这些功能使您得以快速交付 SQL Server 应用程序，使客户只需最少 的安装和管理开销即可实现这些应用程序。 （3） myelcipse 开发环境 本次系统开发所使用的前台开发技术为 Java，所使用的软件为 MyEclipse。Java 是一种软件技术，是一种由美国 SUN 计算机公司所研究而 成的语言，是一种较为高级的编程语言。 利用它可以在数据库和 J2EE 的开发、 发布，以及应用程序服务器的整合方面极大的提高工作效率。它是功能丰富的 J2EE 集成开发环境，包括了完备的编码、调试、测试和发布功能，能够支持 HTML，Struts，JSP，CSS，Javascript，SQL，Hibernate。同时， MyEclipse5.6 为用户提供了高效、便捷的操作环境和友好的可视化操作界面。 1.31.3 班级网站的现状班级网站的现状 自古以来，教育就是个永恒的话题。教育信息化建设的成功与否将被赋予 新的内涵。只有学校实现了真正意义上的数字校园，才能实现教育信息化的建 设 目前校园班级网建设存在很多的问题，大多数班级网站还只停留在“高速 路上， 车少货更少”的阶段。据有关统计数据表明，国内在目前已 建成的班级网站中，有 50%左右的网络连通存在问题，有 80%以上的校园网在管 理和应用中存在问题。 其一，缺少关于班级网建设的理论与实践的科学认识。 其二，缺乏系统思考和统一规划，盲目地追求硬件建设与一次到位。 其三，对教师进行计算机基础应用及网络培训的意义，没有意识或力度不 够。 其四，对班级网的关键部分资源库的建设相对滞后。 中国电子信息产业发展研究院（CCID）在对上万名用户进行调查后发现， 目前班级网建设的不完善主要表现在硬件、软件及其功能三个方面，其中，在 软件的教学资源方面，尤以教育资源库表现得最为显著，占据了所调查学校的 55.5%的比例。 教学资源建设可以包含四个层次的含义：一是素材类教学资源建设，主要 分题库、素材库、课件库和案例库四大类；二是网络课程库建设；三是教育资 源管理系统的开发；四是通用远程教学系统支持平台的开发。在这四个层次中， 网络课程和素材类教学资源建设是重点和核心，第三和第四个层次是工具层次 的建设。网络课程和素材类资源的具体内容千变万化，形式多，各具特色，对 第 3 页 共 23 页 应的管理系统和教学系统必须适应这种形式的变化，充分利用它们的各自特点。 所有素材建设都必须围绕课程这个核心来进行组织，它是以课程为基本单 位组织实施的，统一服从网络课程建设的要求，在网络课程建设中所用到的媒 体素材库、题库、多媒体课件、案例等，都将纳入到基础教育资源库中统一管 理。此外，CCID 在调查时发现，经常使用教学软件的学校仅占 31.6%，而只有 在观摩课上使用的则有 46.5%，其余 21.9%的学校基本不用。这表明，研发适合 学校的教学软件质量还亟待改进。 同时，教学资源建设也是教育信息化的基础，是需要长期建设与维护的系 统工程。由于教学资源的复杂性和多样性，使得人们对它的理解各不相同，便 会出现大量不同层次、不同属性的教学资源，因而不易管理和利用。这样，学 校在选择资源库的问题上也出现了困惑。 第 4 页 共 23 页 第2 2 章章. . 概要设计概要设计 2 2.1.1 可行性分析可行性分析 班级网站是使用计算机对毕业班级大学生活以及以后方便联系而开发的系 统。通过使用计算机技术、信息技术、数据库技术，来实现远程网络联系，资 源共享为目标，利用先进的硬件设备，对班级网站进行一定的错误的调试和纠 正以及网站完整性的规划。 在该项目的可行性研究与计划工作中，通过对网络工作环境进行的实地调 查和自己掌握的知识的程度，通过对资料的整体和对整体网站的构想和实现程 度进行的全面的分析得出了结论，这个网站的任务对是完全可以达到的。主要 分析如下所述。 1、技术可行性 通过以往学习和总结得到的经验，首先我熟练掌握了基础软件Dreamweaver 的使用，可以使用它对网站的整体结构进行完整的设计规划。后台数据库设计 使用Microsoft公司提供的SQL Server 2000软件，数据表存储格式为*.MDB 。通 过它对数据可以很方便的进行管理。因此，在技术上，开发班级网站在技术上 是可行的。 2、经济可行性 对于我来说已经不用再到其他的网吧或者借用其他人的电脑来完成自己的 班级网站的设计，自己可以在自己的电脑中完成对网站开发的所有工作，而且 这次对班级网站的开发也是完全不需要资金的投入的，主要是时间和精力的投 入，所以经济这方面是完全可行的。 3、人员可行性 作为班级网站的设计，我已掌握了大部分设计软件的使用，包括 Dreamweaver的使用、Photoshop美化软件的使用、SQL Server 2000 数据软件的 使用，jsp知识的灵活运用等等，完全有能力成功设计出这个班级网站的。另在 辅导老师的大力支持和帮助下，其他曾经参与过其他网站设计的同学等等所有 的人力都已经完全大具备的情况下，实现班级网站的设计在人员上是完全可行 的。 第 5 页 共 23 页 综上所述，系统开发是完全可行的。 2.22.2 网站系统分析网站系统分析 根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解， 从内容上可对网站作如下划分： （1）班级首页：通过一定的 flash 动画设计和动态的文字实现首页的展示， 从侧面反映班级的和睦和团结； （2）班级风采：通过班级体、校内外的趣事、宿舍间的故事展现班级体， 从中多数是以照片和文字结合的效果来展现的； （3）休闲娱乐：在这个网页模块中我们可以找到很多游戏的链接，从中可 以看到很多有趣的话题，可以丰富浏览的趣味性和多样性； （4）专业介绍：通过一个网页模块来介绍我们的专业，介绍我们所学习的 是什么，让更多大人了解和熟悉我们系熟悉我们专业； （5）学习园地：在这里我们有很多学习的心得，也有很多学习的榜样，同 样也有很多学习的资料，很多笑话很多诗歌，只要你想到的我们都可以给你提 供得到； （6）七嘴八舌论坛：这是我的网页的主要功能模块，在这个模块中你可以 实现用户的注册，也可以通过注册的用户进行留言和发表言论和文章，当然我 也设计了为未注册的游客所服务的简洁浏览，但是只是一般的浏览，并不可以 进入我们的聊天和留言模块中，所以呢想要进入我们的大家庭中就必须得注册 成为我们大家庭中的一员才可以七嘴八舌的和大家交流了。 2.32.3功能功能需求需求 为了满足班级信息网站的交流的根本目的，根据班级所固有的特点，本网 站应包括五大模块：用户模块、在线论坛、班级相册、留言簿模块与管理模块。 用户模块主要功能就包括角色划分与用户注册，角色主要划分为一般用户和管 理员，一般用户可以对自己的信息查询及修改等，管理员通过管理模块来管理 整个网站；在线论坛，论坛主要实现注册用户能在此网站平台之上交流，一般 用户可以回复别人的发言，亦可提出自己的言论，以获取他人的建议与意见； 班级相册，包括用户上传图片以及图片的浏览功能；留言簿模块，实现用户在 线留言。最后是管理模块，主要是管理员对于整个网站的综合性管理，包括用 户模块管理、在线论坛管理、相册管理与留言簿管理。 第 6 页 共 23 页 2.42.4 系统流程系统流程 根据设计要求，用户登陆本网站首页时，选择用户的角色，管理员选择管 理员入口进入管理员登陆页面，验证成功后直接进入网站管理模块，对班级的 各模块进行管理，包括用户管理、论坛管理、相册管理与留言簿管理。一般用 户通过普通用户入口进入一般用户登陆界面，在此页面登陆验证成功后即拥有 了访问网站各项功能的权力。包括个人信息、论坛、上载图片、浏览图片、给 班级留言等功能。班级信息网站使用流程如图 2-1 所示。 用户模块论坛模块管理员模块相册模块 班级网站 用户管理模块论坛管理模块相册管理模块 留言簿模块 留言簿管理模块 图 2-1 网站使用流程图 2.2.4 4 模块组织模块组织 整个班级网站主要包括的模块有：用户模块、论坛模块、管理员模块、相 册模块与留言簿模块。其中管理员模块可化分为用户管理模块、论坛管理模块、 相册管理模块与留言簿管理模块四大块。模块组织如图 2-2 所示。 第 7 页 共 23 页 网 站 首 页 管理员入口 普通用户入口 管理员 用户管理 登 录 注 册 论坛主页 上载图片页 浏览图片页 个人信息页 错误处理页 成功 录 论坛管理 相册管理 留言簿管理 是 录 留言簿主页 否 录 成 功 录 失 败 录 第 8 页 共 23 页 第第 3 3 章章. . 数据库设计数据库设计 3.13.1 需求分析需求分析 作为一个班级信息网站系统，同其他类型的网站一样，首先应该包括用户 表，用户表用来存储已注册用户的各项信息。 在线论坛对应于数据库中两张表：帖子信息表和帖子回复表。帖子信息表 中存储了论坛中用户发的所有帖子。同时每一个帖子都应有它的回复，在数据 库的存储中，将所有的帖子的回复都放到了帖子回复表中，通过表中帖子的不 同编号来区分不同的帖子的回复。 网站还包括相册模块和留言簿模块，因此数据库中还应包含图片信息表与 留言表用来存储上载图片的所有信息和留言的各项信息。 3.23.2 数据库表结构数据库表结构 根据需求分析及模块划分，设计数据库表结构如下。 （1）用户信息表 用户信息表中包括有用户编号，用户名，用户密码，姓名，性别，年龄， 住址，联系方式，email，QQ 等字段，主键为用户编号，具体设计如表 3-1 所 示。 表3-1 用户基本信息表t_user 编号字段名称数据类型说明 1IDInt用户ID(主键)(自动) 2loginnamevarchar(50)用户登录名 3loginpwvarchar(50)用户密码 4namevarchar(50)姓名 5sexvarchar(50)性别 6ageint年龄 7addressvarchar(50)住址 8telvarchar(50)联系方式 9emailvarchar(50)邮箱地址 10QQvarchar(50)QQ （2） 公告信息表 公告信息表包括公告编号，标题，公告内容，发布时间共5个字段，主键为 编号，具体设计如表3-2所示。 表3-2 公告信息表t_gonggao 编号字段名称数据类型说明 第 9 页 共 23 页 1idInt编号(主键) 2titlevarchar(50)公告标题 3contentvarchar(5000)公告内容 4shijianvarchar(50)发布时间 （3）班级介绍表 班级介绍包括ID，内容共2个字段。主键为ID。具体设计如表3-3所示。 表3-3班级介绍表t_jieshao 编号字段名称数据类型说明 1MessageIDInt信息ID(主键)(自动) 2ThreadIDInt帖子编号(外键) 3SubjectNvarchar(50)回复信息标题 4ContentNtext回复内容 5AuthorNvarchar(50)回复者 6PostTimeDatetime回复时间 （4） 相册表 相册表包括相片编号，相片名称，相片介绍，上载时间，上传用户5个字段， 主键为相片编号，具体设计如表3-4所示。 表3-4 相册表t_zhaopian 编号字段名称数据类型说明 1idInt照片ID(主键) 2titlevarchar(50)照片名称 3contentvarchar(50)照片介绍 4fujianvarchar(50)附件 5shijianvarchar(50)上传时间 6user_idvarchar(50)上传用户 （5）留言表 留言表包括留言编号，留言标题，留言内容，留言时间共 4 个字段，主键 为留言编号，具体设计如表 3-5 所示。 表3-5 留言表t_liuyan 编号字段名称数据类型说明 1idInt留言ID(主键)(自动) 2titlevarchar(50)留言标题 第 10 页 共 23 页 3contentvarchar(50)留言内容 4shijianDatetime留言时间 第 11 页 共 23 页 第第 4 4 章章. .详细设计详细设计 4.14.1 后台登录界面后台登录界面 管理员模块主要是对各模块的信息进行管理，总体设计为，在页面加入四 个 html 的 frame 标记，用以显示各模块信息，登陆界面如下图所示 核心代码如下: Functioncheck1() if(document.ThisForm.userName.value=) alert(请输入用户名); document.ThisForm.userName.focus(); return false; if(document.ThisForm.userPw.value=) alert(请输入密码); return false; document.getElementById(indicator).style.display=block; loginService.login(document.ThisForm.userName.value,document.ThisForm.userPw.value,0,callb ack); function callback(data) document.getElementById(indicator).style.display=none; if(data=no) alert(用户名或密码错误); 第 12 页 共 23 页 if(data=yes) alert(通过验证,系统登录成功); window.location.href=/loginSuccess.jsp; 4.24.2 后台后台系统管理系统管理 主要是添加和删除管理员帐号 核心代码如下： function over(picPath) if (picPath=)picPath=/images/default.jpg; x = event.clientX; y = event.clientY; document.all.tip.style.display = block; document.all.tip.style.top = y; document.all.tip.style.left = x+10; document.all.photo.src = .+picPath; function out() document.all.tip.style.display = none; function userDetail(user_id) var url=/user?type=userDetail var n=; var w=480px; 第 13 页 共 23 页 var h=500px; var s=resizable:no;help:no;status:no;scroll:yes; openWin(url,n,w,h,s); . 班级相册 标题 介绍 照片 上传时间 成员 操作 $zhaopian.title 介绍 照片 $zhaopian.shijian 成员 a class=pn-loperator href=/zhao 4.34.3 后台修改密码后台修改密码 第 14 页 共 23 页 主要作用是管理员修改密码 核心代码如下： function adminDel(userId) if(confirm(您确定删除吗？) window.location.href=/admin?type=adminDel function adminAdd() var url=/admin/admin/adminAdd.jsp; /var n=; /var w=480px; /var h=500px; /var s=resizable:no;help:no;status:no;scroll:yes; /openWin(url,n,w,h,s); window.location.href=url; 第 15 页 共 23 页 管理员 帐号 密码 密码 $admin.userName $admin.userPw 4.44.4“班级介绍班级介绍”模块的管理实现模块的管理实现 主要是班级简介修改和添加 第 16 页 共 23 页 核心代码如下： body leftmargin=2 topmargin=9 background=/images/allbg.gif td width=10% bgcolor=#FFFFFF align=right 班级简介： $requestScope.jieshao.content 4.54.5 班级公告信息班级公告信息 主要是班级一些活动信息 第 17 页 共 23 页 核心代码如下： 公告 信息 标题 发布时间 内容 操作 $gonggao.title $gonggao.shijian 第 18 页 共 23 页 查看 内容 删除 第 19 页 共 23 页 第第 5 5 章章. . 系统性能测试系统性能测试 系统主要模块开发完成后，系统需要进行必要的运行测试，以检验系统的 正确性。 首先对用户注册与登陆页进行测试，在注册页面上，如果用户填写的用户 名或密码为空，或者密码与密码确认不一致，网页产生相应的错误提示。在登 陆页面上，当填写的用户名或密码错误时，网页上显示错误信息提示。正确后 进入论坛主页。测试结果与设计相符。 其次，在图片上载页中，当用户所上载的文件类型不是系统所设计的四种 图片类型时，页面显示上载文件类型不符。反之指示上载成功，此时点击浏览 图片超链接，进入图片浏览页面即可看到刚上传的图片已在图片显示框中。测 试成功。 最后是在线论坛与留言簿页的测试。对论坛页面以及留言簿浏览时，点击 某各项显示正常。当点击论坛发帖按钮、回复帖子按钮或留言簿中的留言按钮 时，若用户未登陆，页面导向登陆页面，指示用户登陆。反之，用户可发帖