校园网网站设计文档格式.docx

1、系统设计；信息管理；服务平台ABSTRACTThe rapid development of information technology, so that the network education platform based on WEB technology has become the direction of modern educational technology reform and development.The system based on Dream Weaver, My Eclipse, JSP, JavaScript, Oracle and Tomcat serv

2、ice platform, mainly used in the education system, realize information system construction, complete the education of students archives management of digital. The development of this system can make the college staff to reduce the working pressure, systematically to the educational and teaching of t

3、he various services and information management, at the same time, can reduce the labor force the use of, to speed up the query speed, strengthen management, and state departments of information on the cutting, make the management more standardized. This system in the development process, attention t

4、o bring them into conformity with the operation of business processes, and strives to achieve system comprehensive, universal, making the system more than an educational institution. The main front is the information browsing and reading, information resources download functions, etc. Administrators

5、 can manage information, files and users in the background, to achieve add, delete. Modify functions.In the choice of development methods, choose the life cycle method and prototype method combining method, follow the system of investigation and research, system analysis, system design and system im

6、plementation of four main stages of design, and in the specific design, take the evolution of prototype, with the users use and understanding of the system continues to deepen, analysis, design and implementation of a part or a few parts. This paper mainly from the system analysis, system design, sy

7、stem implementation and use of several aspects of the introduction.The main front is the information browsing and reading, information resources download functions, Administrators can manage information, files and users in the background, to achieve add, delete. Modify functions.Key words campus web

8、site; Web technology; system analysis; manage information; platform server1 问题的定义1.1 引言随着信息技术的不断提高，计算机科学越来越成熟，计算机的方便与强大功能已被大被人认知与了解，而且它已进入社会的各个领域，发挥愈来愈重要的作用。计算机网络的技术发展，在网站设计中Web数据库技术已然成为应用最为广泛且最受欢迎的网站架构基础技术，Web提供了与用户通信联络的有效手段，使用Web技术，完成对网站内容的管理与查询，通过实现Web服务器与数据库的建立连接，用户还能浏览网页上的通过和数据库连接后所显示的内容信息。1.2

9、课题背景及意义计算机越来越普及，虽然价格越来便宜，性能却有了长足的进步。计算机已经成为我们每个人工作和学习中必不可少的得力工具。它已经被应用于许多领域，计算机能如此流行的原因主要有四个方面：首先，计算机能代替人工进行大量繁琐的劳动；然后，计算机可以节省许多资源；再然后，计算机可以大大的增加我们的工作及办事效率；最后，计算机可以使敏感文档更加隐秘安全。如今我国的学校大部分是通过建设本校网站来展现校园形象，在这样的机制下就更需要进行网站的开发与维护。利用计算机技术来实现校园网网站的设计归纳起来优点大约有以下四点：（1）可以存储校园网网站的各类信息，安全且高效。（2）仅仅需要一名网站管理员就可对其进

10、行操作，能节省大量人力。（3）可以迅速查到所需信息。（4）方便师生及时反馈和掌握信息。（5）快速传达消息，打响知名度，树立良好的对外形象。1.3 网站介绍本网站前台采用的是JSP技术，JSP是基于J2EE及整个Java体系的Web开发技术，采用这一技术能建立跨平台的、安全的先进动态网站，而且这项技术还在不断地被更新和优化。本次后台数据库技术是Oracle，两者相结合起来，为Web数据库技术提供出了完美的实现体系与框架，通过网页的形式，完成网站的各项功能。校园网站是典型的JSP网站设计，本次设计利用B/S的设计结构，其开发主要包括前端应用程序的开发以及后台数据库的建立和维护两个方面。前者要求更栏

11、目各项功能完备，并且易使用性强。湖南工学院作为一个学校的信息发布与管理平台，不但能实现网站的各项功能，而且利于学校全体师生及时反馈与掌握信息。对于后者则要求建立资料完整性强与一致性好、资料安全性好的库。1.4 网站设计目标信息科技正在改变世界，由于网络具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，现在很多大学和众多企业部门都已经建立了自己的网站，通过计算机网络实现宣传、交流及资源的整合。建立学校计算机中心网站有以下目的。（1）计算机中心网站是计算机中心的“商标”。在这个高度信息化的社会里，建立计算机中心自己的网站是最直接的宣传手段。网站的超时空

12、特性，不仅能让本地区的人们了解计算机中心，更可让更多的人们了解本校的不断发展和前进。（2）计算机中心网站使得教师与教师、教师与学生、学生与学生之间的交流有了全新的方式，它不再受到传统信息传递的制约。它可以使不同的系别，不同班级的人们在不同时间、不同空间进行交互。（3）计算机中心网站提供了个性化的平台，网络提供的丰富资源可以使学生和教师各取所需。（4）计算机中心网站是很好的教学研究室，计算机中心网站与教育类专门网站的有效链接，给学院教学研究带来了一片新天地。1.5 开发工具的选用及介绍1.5.1 myEclipse开发平台 My Eclipse开发平台全新的Web开发理念与技术。由于ASP的核心

13、编辑语言为VB Script或者JavaScript等脚本语言，这一点决定了对比JSP，ASP先天不足，它是不能进行像传统编程语言那样的进行底层操作，因此，如果要进行一些诸如“接口”、文件等的操作时，就必须借助于其它传统语言了。而PHP则存在着缺乏多层结构和提供的数据库接口支持不统一，缺乏规模支持等缺点，只适合一些小型商务网站或者业务处理系统的应用1。另外，SAP与PHP等都是属于解释型的编辑架构，是边解释边运行的，因此在运行效率上会有很大的吃亏2。总结起来，JSP在开发校园网上最为合理，同时，我选择了微软新一代的WEB开发技术MyEclipse开发平台。对于以上每一种功能上的类别，在MyEc

14、lipse中都有相应的功能部件，并通过一系列的插件来实现它们。My Eclipse结构上的这种模块化，能使我们在操作时不影响其他的模块下进行，对任一模块能单独的进行扩展与升级。简单而言，My Eclipse是Eclipse的插件，是一款功能非常强大的JavaEE集成开发环境，同时支持代码编写、配置、测试以及改正。1.5.2 Java语言简介Java是未来开发语言的主流，而Java在Web上的主要应用JSP也必将成为未来Web开发的主流技术。本系统采用了JSP的最大特点之一的标签库，使一般的Web开发人员也能够方便地使用JSP强大的动态页面功能，开发出技术先进的JSP动态Web页面。由于本系统采

15、用Java语言进行开发，所以可以在任何支持图形化界面的操作系统下运行，实现了完全的与平台无关。本系统易于扩充和完善。在以后可以考虑为用户提供接口，使用户可以自己扩充模板库和标签库，进一步增强系统的功能。2 需求分析2.1 提出问题在科学技术发展的今天，网站在成为提供信息平台的同时也实现着管理与交互的功能。使其应用真正渗透到国民经济的各个部门，发挥着越来越大的作用。随着社会的发展和信息时代的来临，网站在各行各业都占据着越来越重要的地位，尤其在教育事业，建设校园网站是各学院必不可少的工作，不仅能节省更多工作量，而且能够让外界更好的了解学校的情况。因此，通过校园网网站的设计和实现，来及时更新学院的信

16、息，使得教师与学生可以及时反馈及掌握信息，是非常必要的。2.2 功能和性能的规定利用JSP技术彻底实现用户与管理人员的交互性，对学院网站的动态开发，使校园网更具互动性与实用性。对于本次校园网网站设计中需要实现的程序应用包括这样一些功能：新闻浏览与更新，在线留言与管理，在线考试与管理，校园风采的展示与更新，维护学生的相关信息，管理学院教职人员的基本信息。系统功能需求信息的主要来源是新系统的各种系统相关者，本次系统的相关者如下。（1）系统用户，校园网网站的系统用户包括全体老师与学生，使用此系统来处理日常事务。（2）技术人员，确保系统能正常运行，定期进行检查与维护。（3）外部实体，与系统有联系的组织

17、，个人或事件。主要包括学生家长以及准备报考此学校的准考生。2.3 可行性分析对于应用系统的机构来说，超过一定金额的项目必须进行项目可行性分析。只有经过可行性研究的论证切实可行的项目才能开工建设。大型信息系统的开发通常是一项耗资多、周期长、风险大的工程，在进行项目开发之前进行可行性分析是十分必要的3。以我校湖南工学院为例,制作网站为我校发展提供平台。校园网站作为向教师和学生提供服务的网站，可成功实现多种功能。其中包含有：教师与学生的登录、图书借阅、在线留言、提供中心新闻等多种内容。2.3.1 运行环境的可行性分析此系统代码使用Java编写，数据库管理系统采用Oracle数据库管理系统，运行在Wi

18、ndows98/ME/2000/XP系统下。在调试和运行过程中，应该让网站能正常运行不出差错，能够保证信息的可靠性、数据的正确性、性能的高效性、网站的易使用性、网站管理的可维护性、信息的可测试性、数据的复用性、数据库的安全保密性、数据的可移植性以及网络互联性，在此基础之上，方能进行程序开发建设4。2.3.2 技术可行性分析（1）校园网网站要设计成易于使用，而不只是信息的简单堆砌。这一要求直接与网站的版面布局和服务器的功能定义相关，校园网站界面要友好美观，功能实用性强。（2）分析网站的交互性。交互性是网站发展的主流趋势。网站的交互应用大大增加了对网站的处理功能、存储容量、网络带宽的要求，网站的内

19、部结构设计要相应地调整。（3）分析网站的性能。网站用户的数量随着网站的性能和功能而变化，如何在保证网站高性能的前提下，不断满足越来越多用户的需求，将涉及网站内部结构的规划、设计、扩展与系统维护。网站的性能可以用网站的响应时间、处理时间、用户平均等待时间和系统输出量来衡量。提高网站性能的技术步骤开始于网站建设的起始，首先是确定容量计划，由用户数目和信息处理量来确定网站服务器的功能、存储容量和接人Internet的速度及相应的网络设备要求。3 概要设计3.1 网站简要说明湖南工学院网站是一个集新闻、信息、实用、交流为一体的网站，是为了让在校学生了解学院信息办发布的最新信息而设计的。网站的各种功能设

20、计能够符合校园网站的要求，信息，资源，服务等功能的实现，能够给网站更多的生气，交互性更强。3.2 网站总体功能模块本校园网网站主要实现了教师与学生以及管理员的登录、图书馆的借阅、书籍的在线浏览、新闻的发布与更改、在线留言、在线测试、校园风采展示等多种功能。总体设计功能模块如图1所示。图1 本网站总体模块示意图3.3 网站结构设计本网站提供了各种信息及功能，因此整个网站设计使用了表格结构，这样操作比较方便，结构美观。而有些功能实现需要通过入口，在设计时设置了用户权限及管理员功能，以达到不同用户实现各自权限操作的目的5。3.4 数据库连接设计数据只有用数据库来管理才能有自动化管理的可能。数据的结构

21、将影响整个管理机制的应用，而且一旦建立以后要修改常会出现麻烦。所以一开始就要仔细慎重地搭建一个完整而合理的结构。Oracle数据库相对其它的数据库来说要安全并且数据存储量大，本网站各种信息的发布用到的数据库文件就是Oracle类型的数据库。数据库文件在连接文件嵌入下，各页面都能够访问数据库，这是实现交互性的前提。3.5 界面设计网站页面是网站的形象窗口，直接关系到用户的视觉体验以及学校的整个气质，不仅要具有学校的特色与个性化，而且色彩搭配要赏心悦目，简单精致。设置完善地个性化的用户管理与交互系统；设置网站整体信息与用户为一体；完善的网站内容、网站用户检索系统。网站的颜色：白色导航颜色和蓝色导航

22、条。主要颜色：白色，黑色，蓝色。字体：宋体与黑体。网站上部：导航条。网站中部：新闻中心、用户登录、友情连接、校园概况、在线留言、校园风采、图书馆。网站底部：网站/版面制作，版权信息。3.6 总体设计总结在本章中，主要阐述了网站设计的方案设计，和系统模块的建立，系统设计需要设计软件系统的体系结构、用户界面、数据库、模块等，从而在需求与代码之间建立桥梁。系统设计分两个阶段：高层设计阶段和详细设计阶段，高层设计阶段的重点是网站的体系结构设计。详细设计阶段的重点是管理界面设计、数据库设计和模块设计。在体系结构设计之前要阅读需求文档，明确设计任务。4 系统功能设计4.1 前台显示说明4.1.1 前台首页

23、显示下面通过首页来说明网站整体的功能：（1）首页的最顶部排列显示站点首页、新闻中心、校园风采、图书馆、在线留言、校园概况等各个栏目，除了图书馆一栏，用户可以直接点击进入。（2）公告部分和中心新闻显示最新发布的各项计算机中心的最新信息。（3）用户登录及密码修改的管理。（4）用户登录后方可借阅图书。（5）校园社团活动展现学生精神。（6）在线留言增强反馈信息，拉近学在校与学生之间的距离，互动性增强。4.1.2 功能实现的介绍（1）新闻管理功能a. 新闻栏目分类添加与修改。b. 添加的最新新闻的自动更新。c. 前台支持最新新闻的热门功能和推荐功能。d. 新闻评论功能。（2）用户账号管理功能a. 用户在

24、线登录。b. 用户在线修改密码。（3）图书馆借阅功能a. 图书列表页面和主页面。b. 管理页面。c. 搜索页面。d. 前台支持图书的热门功能和推荐功能。（4）考试功能a. 管理员管理老师学生基本信息。b. 学生登录，选择难易程度进行考试。c. 老师登录，在可以单元出题，设置分值，同时也可以浏览学生分值。d. 学生能在线看到自己的得分。（5）在线留言a. 身份说明。b. 留言内容。c. 审核与过滤。（6）校园风采管理a. 图片与文字的更新。b. 图片的征集。4.2 网站的后台管理本网站是实现信息发布，多栏目管理，设有网站管理，使网站具有更灵活的管理条件，更具独立性，同时对数据具有保护性，安全隐秘

25、。只需登录管理员账号，就能对信息进行编辑，操作性高。4.2.1 后台管理功能介绍 （1）网站基本资料设置。（2）后台可增加一级分类和二级分类使前台自动更新。（3）站内新闻及教学文章添加与修改。（4）留言信息的审阅与管理。（5）图书馆书籍的更新，权限的设置。（6）数据库管理：首先，数据库管理系统采用Oracle数据库管理系统。其次，在管理器中建立所需的各种用户表。最后，通过建立Java类，以类中的各种方法实现对数据库的查询操作。4.2.2 网站前台开发的基本步骤网页前端是用户了解信息以及使用的最直接的体验，对网页的设计与开发主要应该注意网页的布局与色彩调配，以及栏目的放置，登录窗口的嵌入。创建页

26、面和使用My Eclipse应用程序大致可分为四个步骤：（1）设计页面。（2）设置属性。（3）编写代码。（4）保存和运行程序。（5）调试，点击条栏目，页面是否能实现跳转，输入输出信息是否能实现。4.2.3 网站管理模块设计网站管理系统CMS包括：网站常规管理、栏目分类管理、栏目内容管理、用户权限管理。其栏目模块图，如图2所示。图2 栏目模块设计图5 详细设计5.1 详细设计概述详细设计阶段的根本目标在于确定应该怎样具体的实现所要求的系统，也就是说，经过这个阶段的设计工作，应该得出目标系统的精确描述，从而在编码阶段可以把这个描述直接翻译成用某种程序设计语言书写的程序6。详细设计的目标不仅仅是逻辑

27、上正确地实现每个模块的功能，更重要的是设计的处理过程应该尽可能简明易懂。5.2 登录功能设计5.2.1 用户登录流程用户登录模块是用户实现功能的入口，也是对不同用户获得服务的限制。登录模块旨在提供登录系统的入口，并提供用户安全和稳定的服务。用户登录模块的业务逻辑流程如图3所示。（1）验证用户的用户名和密码。系统用户登录过程必须输入其用户名和密码，登录模块对密码进行核对。如果密码不正确则返回包含登录功能的首页。（2）获得用户权限。用户登录模块作为系统的入口，需要有使用权限控制，不同的身份意味着不同的使用权限，这是一个稳定、安全网站所必须具备的。用户登录成功后，登录模块将从数据库中自动获取其使用权

28、限，校园网网站的设计包括了管理员、教师和学生三种身份权限，管理员有最高权限，可以对老师及学生进行基本信息的管理。（3）密码的修改。系统用户在登录成功后，如不记得密码或者其他原因，可以对其密码进行修改，以增强安全性。（4）验证码。验证码直接用类封装打包好之后嵌入程序中，用户需输入正确的验证信息方能登入界面，防止小孩或者误操作产生不良后果，保证用户的安全性。（5）注销登录。当用户不需登录时可进行注销。5.2.2 用户登录界面设计出于对网站操作安全性方面的考虑，用户使用系统功能必须先登录进行身份验证，经过验证方能进入。登录界面实现如图4所示。图4 用户登录界面图3 用户登录模块逻辑流程图5.2.3

29、用户登录数据库分析本模块将使用用户信息表（user），该表包含用户id号、用户名、密码、用户权限、性别、用户真实姓名，并且用户权限是根据用户的id号来获取的。本模块使用的用户信息表如表1所示。表1 用户信息表user字段说明类型备注id地址bigint主键no用户名char不可为空pwd密码sex性别可为空name用户的真实姓名在本模块中采用“实体联系模型”（ER模型）来描述数据库的结构与语义，以对现实世界进行抽象。根据对数据项与数据结构的分析，设计出能够满足系统需求的实体及关系。本系统用户为实体。实体属性图5所示。图5 用户实体属性图5.2.4 用户登录系统结构分析用户的登录模块包含4个程序页面：（1）包含有登录功能的首页index.jsp，用户在网站的首页输入自己的用户名、密码