校园网网站设计.docx

校园网网站设计.docx

《校园网网站设计.docx》由会员分享，可在线阅读，更多相关《校园网网站设计.docx（28页珍藏版）》请在冰豆网上搜索。

校园网网站设计

2015届毕业设计说明书

校园网网站设计

院、部：

计算机与信息科学

学生姓名：

xxxxxx

指导教师：

xxx职称xxxxxxxxx

专业：

xxxxxxxxxxxxxxxxx

班级：

xxxxxxxxxxxxxx

完成时间：

2015-6

摘要

信息技术的迅猛发展，使基于Web技术的网络教育平台成为现代教育科技更新发展的主要方向。

以学校网站的实用性为出发点，通过网络对其他校园网站进行一番考察与分析，在对信息需求的分析基础上，确立校园网网站的具体实现方法与功能。

本系统基于Dreamweaver、MyEclipse、JSP、JavaScript、Oracle，以tomcat为服务平台，主要应用于教育系统，实现信息系统的构建，完成对日常的教育工作中学生基本信息的管理。

开发本系统可使学院教师减轻工作压力，学生能更好的了解学校，职员能系统地对教务、教学上的各项服务和信息进行管理，加快查询速度、加强管理力度。

如今，学校工作比较繁杂、资料颇多，虽然各类管理信息系统已经进入高校，但并未普及，但对于建设实用性强的校园网站来说，还有许多要加强的地方。

因此，开发一套适合兼容性好、应用性强的系统是非常有必要的。

在开发方法的选取上，最终选择了生命周期法和原型法相结合的方法，按照系统研究调查、系统分析、系统设计和系统实践四个主要阶段进行网站平台设计，在具体实现步骤中，采取了演化式原型法。

本论文主要从系统分析、系统设计、系统实施与使用等几个方面进行介绍。

网站前台主要要实现信息的阅览、考试、借书等功能。

管理员可在后台对信息、文件和用户进行管理，实现添加、删除、修改等操作。

关键字：

校园网；Web技术；系统设计；信息管理；服务平台

ABSTRACT

Therapiddevelopmentofinformationtechnology,sothatthenetworkeducationplatformbasedonWEBtechnologyhasbecomethedirectionofmoderneducationaltechnologyreformanddevelopment.

ThesystembasedonDreamWeaver,MyEclipse,JSP,JavaScript,OracleandTomcatserviceplatform,mainlyusedintheeducationsystem,realizeinformationsystemconstruction,completetheeducationofstudentsarchivesmanagementofdigital.Thedevelopmentofthissystemcanmakethecollegestafftoreducetheworkingpressure,systematicallytotheeducationalandteachingofthevariousservicesandinformationmanagement,atthesametime,canreducethelaborforcetheuseof,tospeedupthequeryspeed,strengthenmanagement,andstatedepartmentsofinformationonthecutting,makethemanagementmorestandardized.

Thissysteminthedevelopmentprocess,attentiontobringthemintoconformitywiththeoperationofbusinessprocesses,andstrivestoachievesystemcomprehensive,universal,makingthesystemmorethananeducationalinstitution.Themainfrontistheinformationbrowsingandreading,informationresourcesdownloadfunctions,etc.Administratorscanmanageinformation,filesandusersinthebackground,toachieveadd,delete.Modifyfunctions.

Inthechoiceofdevelopmentmethods,choosethelifecyclemethodandprototypemethodcombiningmethod,followthesystemofinvestigationandresearch,systemanalysis,systemdesignandsystemimplementationoffourmainstagesofdesign,andinthespecificdesign,taketheevolutionofprototype,withtheuser'suseandunderstandingofthesystemcontinuestodeepen,analysis,designandimplementationofapartorafewparts.Thispapermainlyfromthesystemanalysis,systemdesign,systemimplementationanduseofseveralaspectsoftheintroduction.

Themainfrontistheinformationbrowsingandreading,informationresourcesdownloadfunctions,Administratorscanmanageinformation,filesandusersinthebackground,toachieveadd,delete.Modifyfunctions.

Keywordscampuswebsite;Webtechnology;systemanalysis;manageinformation;platformserver

1问题的定义

1.1引言

随着信息技术的不断提高，计算机科学越来越成熟，计算机的方便与强大功能已被大被人认知与了解，而且它已进入社会的各个领域，发挥愈来愈重要的作用。

计算机网络的技术发展，在网站设计中Web数据库技术已然成为应用最为广泛且最受欢迎的网站架构基础技术，Web提供了与用户通信联络的有效手段，使用Web技术，完成对网站内容的管理与查询，通过实现Web服务器与数据库的建立连接，用户还能浏览网页上的通过和数据库连接后所显示的内容信息。

1.2课题背景及意义

计算机越来越普及，虽然价格越来便宜，性能却有了长足的进步。

计算机已经成为我们每个人工作和学习中必不可少的得力工具。

它已经被应用于许多领域，计算机能如此流行的原因主要有四个方面：

首先，计算机能代替人工进行大量繁琐的劳动；然后，计算机可以节省许多资源；再然后，计算机可以大大的增加我们的工作及办事效率；最后，计算机可以使敏感文档更加隐秘安全。

如今我国的学校大部分是通过建设本校网站来展现校园形象，在这样的机制下就更需要进行网站的开发与维护。

利用计算机技术来实现校园网网站的设计归纳起来优点大约有以下四点：

（1）可以存储校园网网站的各类信息，安全且高效。

（2）仅仅需要一名网站管理员就可对其进行操作，能节省大量人力。

（3）可以迅速查到所需信息。

（4）方便师生及时反馈和掌握信息。

（5）快速传达消息，打响知名度，树立良好的对外形象。

1.3网站介绍

本网站前台采用的是JSP技术，JSP是基于J2EE及整个Java体系的Web开发技术，采用这一技术能建立跨平台的、安全的先进动态网站，而且这项技术还在不断地被更新和优化。

本次后台数据库技术是Oracle，两者相结合起来，为Web数据库技术提供出了完美的实现体系与框架，通过网页的形式，完成网站的各项功能。

校园网站是典型的JSP网站设计，本次设计利用B/S的设计结构，其开发主要包括前端应用程序的开发以及后台数据库的建立和维护两个方面。

前者要求更栏目各项功能完备，并且易使用性强。

湖南工学院作为一个学校的信息发布与管理平台，不但能实现网站的各项功能，而且利于学校全体师生及时反馈与掌握信息。

对于后者则要求建立资料完整性强与一致性好、资料安全性好的库。

1.4网站设计目标

信息科技正在改变世界，由于网络具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，现在很多大学和众多企业部门都已经建立了自己的网站，通过计算机网络实现宣传、交流及资源的整合。

建立学校计算机中心网站有以下目的。

（1）计算机中心网站是计算机中心的“商标”。

在这个高度信息化的社会里，建立计算机中心自己的网站是最直接的宣传手段。

网站的超时空特性，不仅能让本地区的人们了解计算机中心，更可让更多的人们了解本校的不断发展和前进。

（2）计算机中心网站使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式，它不再受到传统信息传递的制约。

它可以使不同的系别，不同班级的人们在不同时间、不同空间进行交互。

（3）计算机中心网站提供了个性化的平台，网络提供的丰富资源可以使学生和教师各取所需。

（4）计算机中心网站是很好的教学研究室，计算机中心网站与教育类专门网站的有效链接，给学院教学研究带来了一片新天地。

1.5开发工具的选用及介绍

1.5.1myEclipse开发平台

MyEclipse开发平台——全新的Web开发理念与技术。

由于ASP的核心编辑语言为VBScript或者JavaScript等脚本语言，这一点决定了对比JSP，ASP先天不足，它是不能进行像传统编程语言那样的进行底层操作，因此，如果要进行一些诸如“接口”、文件等的操作时，就必须借助于其它传统语言了。

而PHP则存在着缺乏多层结构和提供的数据库接口支持不统一，缺乏规模支持等缺点，只适合一些小型商务网站或者业务处理系统的应用[1]。

另外，SAP与PHP等都是属于解释型的编辑架构，是边解释边运行的，因此在运行效率上会有很大的吃亏[2]。

总结起来，JSP在开发校园网上最为合理，同时，我选择了微软新一代的WEB开发技术——MyEclipse开发平台。

对于以上每一种功能上的类别，在MyEclipse中都有相应的功能部件，并通过一系列的插件来实现它们。

MyEclipse结构上的这种模块化，能使我们在操作时不影响其他的模块下进行，对任一模块能单独的进行扩展与升级。

简单而言，MyEclipse是Eclipse的插件，是一款功能非常强大的JavaEE集成开发环境，同时支持代码编写、配置、测试以及改正。

1.5.2Java语言简介

Java是未来开发语言的主流，而Java在Web上的主要应用JSP也必将成为未来Web开发的主流技术。

本系统采用了JSP的最大特点之一的标签库，使一般的Web开发人员也能够方便地使用JSP强大的动态页面功能，开发出技术先进的JSP动态Web页面。

由于本系统采用Java语言进行开发，所以可以在任何支持图形化界面的操作系统下运行，实现了完全的与平台无关。

本系统易于扩充和完善。

在以后可以考虑为用户提供接口，使用户可以自己扩充模板库和标签库，进一步增强系统的功能。

2需求分析

2.1提出问题

在科学技术发展的今天，网站在成为提供信息平台的同时也实现着管理与交互的功能。

使其应用真正渗透到国民经济的各个部门，发挥着越来越大的作用。

随着社会的发展和信息时代的来临，网站在各行各业都占据着越来越重要的地位，尤其在教育事业，建设校园网站是各学院必不可少的工作，不仅能节省更多工作量，而且能够让外界更好的了解学校的情况。

因此，通过校园网网站的设计和实现，来及时更新学院的信息，使得教师与学生可以及时反馈及掌握信息，是非常必要的。

2.2功能和性能的规定

利用JSP技术彻底实现用户与管理人员的交互性，对学院网站的动态开发，使校园网更具互动性与实用性。

对于本次校园网网站设计中需要实现的程序应用包括这样一些功能：

新闻浏览与更新，在线留言与管理，在线考试与管理，校园风采的展示与更新，维护学生的相关信息，管理学院教职人员的基本信息。

系统功能需求信息的主要来源是新系统的各种系统相关者，本次系统的相关者如下。

（1）系统用户，校园网网站的系统用户包括全体老师与学生，使用此系统来处理日常事务。

（2）技术人员，确保系统能正常运行，定期进行检查与维护。

（3）外部实体，与系统有联系的组织，个人或事件。

主要包括学生家长以及准备报考此学校的准考生。

2.3可行性分析

对于应用系统的机构来说，超过一定金额的项目必须进行项目可行性分析。

只有经过可行性研究的论证切实可行的项目才能开工建设。

大型信息系统的开发通常是一项耗资多、周期长、风险大的工程，在进行项目开发之前进行可行性分析是十分必要的[3]。

以我校湖南工学院为例,制作网站为我校发展提供平台。

校园网站作为向教师和学生提供服务的网站，可成功实现多种功能。

其中包含有：

教师与学生的登录、图书借阅、在线留言、提供中心新闻等多种内容。

2.3.1运行环境的可行性分析

此系统代码使用Java编写，数据库管理系统采用Oracle数据库管理系统，运行在Windows98/ME/2000/XP系统下。

在调试和运行过程中，应该让网站能正常运行不出差错，能够保证信息的可靠性、数据的正确性、性能的高效性、网站的易使用性、网站管理的可维护性、信息的可测试性、数据的复用性、数据库的安全保密性、数据的可移植性以及网络互联性，在此基础之上，方能进行程序开发建设[4]。

2.3.2技术可行性分析

（1）校园网网站要设计成易于使用，而不只是信息的简单堆砌。

这一要求直接与网站的版面布局和服务器的功能定义相关，校园网站界面要友好美观，功能实用性强。

（2）分析网站的交互性。

交互性是网站发展的主流趋势。

网站的交互应用大大增加了对网站的处理功能、存储容量、网络带宽的要求，网站的内部结构设计要相应地调整。

（3）分析网站的性能。

网站用户的数量随着网站的性能和功能而变化，如何在保证网站高性能的前提下，不断满足越来越多用户的需求，将涉及网站内部结构的规划、设计、扩展与系统维护。

网站的性能可以用网站的响应时间、处理时间、用户平均等待时间和系统输出量来衡量。

提高网站性能的技术步骤开始于网站建设的起始，首先是确定容量计划，由用户数目和信息处理量来确定网站服务器的功能、存储容量和接人Internet的速度及相应的网络设备要求。

3概要设计

3.1网站简要说明

湖南工学院网站是一个集新闻、信息、实用、交流为一体的网站，是为了让在校学生了解学院信息办发布的最新信息而设计的。

网站的各种功能设计能够符合校园网站的要求，信息，资源，服务等功能的实现，能够给网站更多的生气，交互性更强。

3.2网站总体功能模块

本校园网网站主要实现了教师与学生以及管理员的登录、图书馆的借阅、书籍的在线浏览、新闻的发布与更改、在线留言、在线测试、校园风采展示等多种功能。

总体设计功能模块如图1所示。

图1本网站总体模块示意图

3.3网站结构设计

本网站提供了各种信息及功能，因此整个网站设计使用了表格结构，这样操作比较方便，结构美观。

而有些功能实现需要通过入口，在设计时设置了用户权限及管理员功能，以达到不同用户实现各自权限操作的目的[5]。

3.4数据库连接设计

数据只有用数据库来管理才能有自动化管理的可能。

数据的结构将影响整个管理机制的应用，而且一旦建立以后要修改常会出现麻烦。

所以一开始就要仔细慎重地搭建一个完整而合理的结构。

Oracle数据库相对其它的数据库来说要安全并且数据存储量大，本网站各种信息的发布用到的数据库文件就是Oracle类型的数据库。

数据库文件在连接文件嵌入下，各页面都能够访问数据库，这是实现交互性的前提。

3.5界面设计

网站页面是网站的形象窗口，直接关系到用户的视觉体验以及学校的整个气质，不仅要具有学校的特色与个性化，而且色彩搭配要赏心悦目，简单精致。

设置完善地个性化的用户管理与交互系统；设置网站整体信息与用户为一体；完善的网站内容、网站用户检索系统。

网站的颜色：

白色导航颜色和蓝色导航条。

主要颜色：

白色，黑色，蓝色。

字体：

宋体与黑体。

网站上部：

导航条。

网站中部：

新闻中心、用户登录、友情连接、校园概况、在线留言、校园风采、图书馆。

网站底部：

网站/版面制作，版权信息。

3.6总体设计总结

在本章中，主要阐述了网站设计的方案设计，和系统模块的建立，系统设计需要设计软件系统的体系结构、用户界面、数据库、模块等，从而在需求与代码之间建立桥梁。

系统设计分两个阶段：

高层设计阶段和详细设计阶段，高层设计阶段的重点是网站的体系结构设计。

详细设计阶段的重点是管理界面设计、数据库设计和模块设计。

在体系结构设计之前要阅读需求文档，明确设计任务。

4系统功能设计

4.1前台显示说明

4.1.1前台首页显示

下面通过首页来说明网站整体的功能：

（1）首页的最顶部排列显示站点首页、新闻中心、校园风采、图书馆、在线留言、校园概况等各个栏目，除了图书馆一栏，用户可以直接点击进入。

（2）公告部分和中心新闻显示最新发布的各项计算机中心的最新信息。

（3）用户登录及密码修改的管理。

（4）用户登录后方可借阅图书。

（5）校园社团活动展现学生精神。

（6）在线留言增强反馈信息，拉近学在校与学生之间的距离，互动性增强。

4.1.2功能实现的介绍

（1）新闻管理功能

a.新闻栏目分类添加与修改。

b.添加的最新新闻的自动更新。

c.前台支持最新新闻的热门功能和推荐功能。

d.新闻评论功能。

（2）用户账号管理功能

a.用户在线登录。

b.用户在线修改密码。

（3）图书馆借阅功能

a.图书列表页面和主页面。

b.管理页面。

c.搜索页面。

d.前台支持图书的热门功能和推荐功能。

（4）考试功能

a.管理员管理老师学生基本信息。

b.学生登录，选择难易程度进行考试。

c.老师登录，在可以单元出题，设置分值，同时也可以浏览学生分值。

d.学生能在线看到自己的得分。

（5）在线留言

a.身份说明。

b.留言内容。

c.审核与过滤。

（6）校园风采管理

a.图片与文字的更新。

b.图片的征集。

4.2网站的后台管理

本网站是实现信息发布，多栏目管理，设有网站管理，使网站具有更灵活的管理条件，更具独立性，同时对数据具有保护性，安全隐秘。

只需登录管理员账号，就能对信息进行编辑，操作性高。

4.2.1后台管理功能介绍

（1）网站基本资料设置。

（2）后台可增加一级分类和二级分类使前台自动更新。

（3）站内新闻及教学文章添加与修改。

（4）留言信息的审阅与管理。

（5）图书馆书籍的更新，权限的设置。

（6）数据库管理：

首先，数据库管理系统采用Oracle数据库管理系统。

其次，在管理器中建立所需的各种用户表。

最后，通过建立Java类，以类中的各种方法实现对数据库的查询操作。

4.2.2网站前台开发的基本步骤

网页前端是用户了解信息以及使用的最直接的体验，对网页的设计与开发主要应该注意网页的布局与色彩调配，以及栏目的放置，登录窗口的嵌入。

创建页面和使用MyEclipse应用程序大致可分为四个步骤：

（1）设计页面。

（2）设置属性。

（3）编写代码。

（4）保存和运行程序。

（5）调试，点击条栏目，页面是否能实现跳转，输入输出信息是否能实现。

4.2.3网站管理模块设计

网站管理系统CMS包括：

网站常规管理、栏目分类管理、栏目内容管理、用户权限管理。

其栏目模块图，如图2所示。

图2栏目模块设计图

5详细设计

5.1详细设计概述

详细设计阶段的根本目标在于确定应该怎样具体的实现所要求的系统，也就是说，经过这个阶段的设计工作，应该得出目标系统的精确描述，从而在编码阶段可以把这个描述直接翻译成用某种程序设计语言书写的程序[6]。

详细设计的目标不仅仅是逻辑上正确地实现每个模块的功能，更重要的是设计的处理过程应该尽可能简明易懂。

5.2登录功能设计

5.2.1用户登录流程

用户登录模块是用户实现功能的入口，也是对不同用户获得服务的限制。

登录模块旨在提供登录系统的入口，并提供用户安全和稳定的服务。

用户登录模块的业务逻辑流程如图3所示。

（1）验证用户的用户名和密码。

系统用户登录过程必须输入其用户名和密码，登录模块对密码进行核对。

如果密码不正确则返回包含登录功能的首页。

（2）获得用户权限。

用户登录模块作为系统的入口，需要有使用权限控制，不同的身份意味着不同的使用权限，这是一个稳定、安全网站所必须具备的。

用户登录成功后，登录模块将从数据库中自动获取其使用权限，校园网网站的设计包括了管理员、教师和学生三种身份权限，管理员有最高权限，可以对老师及学生进行基本信息的管理。

（3）密码的修改。

系统用户在登录成功后，如不记得密码或者其他原因，可以对其密码进行修改，以增强安全性。

（4）验证码。

验证码直接用类封装打包好之后嵌入程序中，用户需输入正确的验证信息方能登入界面，防止小孩或者误操作产生不良后果，保证用户的安全性。

（5）注销登录。

当用户不需登录时可进行注销。

5.2.2用户登录界面设计

出于对网站操作安全性方面的考虑，用户使用系统功能必须先登录进行身份验证，经过验证方能进入。

登录界面实现如图4所示。

图4用户登录界面

图3用户登录模块逻辑流程图

5.2.3用户登录数据库分析

本模块将使用用户信息表（user），该表包含用户id号、用户名、密码、用户权限、性别、用户真实姓名，并且用户权限是根据用户的id号来获取的。

本模块使用的用户信息表如表1所示。

表1用户信息表user

字段

说明

类型

备注

id

地址

bigint

主键

no

用户名

char

不可为空

pwd

密码

char

不可为空

sex

性别

char

可为空

name

用户的真实姓名

char

不可为空

在本模块中采用“实体联系模型”（ER模型）来描述数据库的结构与语义，以对现实世界进行抽象。

根据对数据项与数据结构的分析，设计出能够满足系统需求的实体及关系。

本系统用户为实体。

实体属性图5所示。

图5用户实体属性图

5.2.4用户登录系统结构分析

用户的登录模块包含4个程序页面：

（1）包含有登录功能的首页index.jsp，用户在网站的首页输入自己的用户名、密码