基于JSP的校园网站的设计与实现_毕业设计

1、 基于 JSP 的校园网站的设计与实现Design and implementation of Campus website Based on the JSP 摘 要I摘摘 要要基于基于 JSPJSP 的校园网站的设计与实现的校园网站的设计与实现在信息时代飞速发展的今天，无论是企业还是学校，信息化建设都成为一个必不可少的模块。校园网站作为学校高度信息化的平台，主要用于达到学校面向大众的宣传效应以及日常校园管理中新闻的及时发布。因此，一个好的校园网站在提高校园日常管理效率的同时，达到良好的宣传效应。而怎样利用一项新的技术构建校园网站，加速学校信息化的进程，提高学校及教师的工作效率，增强教育资源的

2、管理，从而提升学校的知名度成为我们亟待解决的一个问题。本校园网站课题在对各个组织相关理论进行分析的基础上，采用了目前应用比较普遍的 B/S 架构，在 JSP 技术和 MySQL 数据库管理技术的基础上进行设计和实现，能够很好地帮助学校解决教学资源管理的许多难题。在设计与开发过程中，我们采用 JSP 结合 CSS 以及 JavaScript 设计语言，利用MyEclipse，以 MySql Server 为数据库，Tomcat 为 web 服务器进行开发，网站为 B/S架构，开发过程中遵循三层架构模式，较低了系统的复杂性，提高了系统的可扩展性。我们将系统分为前台页面展示和后台管理两大模块，将使用

3、对象划分为五中用户角色并赋予不同级别的权限。设计过程遵循 B/S 三层架构，保证了系统的可扩展性，降低了系统的复杂性。此外，在开发过程中，我们利用 JavaScript 实现动态图片的展示，用 JspSmartUpload 实现上传下载，用 Ckeditor 实现后台编辑，用过滤器实现非法登陆的拦截。最后，我们通过 CSS 结合 HTML 的精心设计，在实现基本功能的同时，尽力达到简约时尚、页面布局合理舒适，色彩清新的界面设计，在体现其新闻性的同时，提高网站的观赏性，让人耳目一新。本次网站的设计与实现过程基于对校园业务需求的深入调研。因此，本网站系统涵盖了校园网站的所有基本功能。在符合需求的同

4、时，我们实现了合理布局以及便捷式的操作界面。能够切实的推动学校适应现代化技术的发展，增强学校资源的利用率，加强学校管理效率，同时提升了学校的知名度。最终，达到了研究目的并实现系统的设计意义。关键词：关键词：校园网站，设计与实现，JSPAbstractIIAbstractAbstractDesign and implementation of Campus website based on the JSPWith the rapid development of information technology today, no matter in companies or schools, in

5、formationization has already become an indispensable module. As a highly informative platform, campus website mainly used to giving full play to the wonderful propagating effect and release news in daily campus management. Therefore, a good campus website can improve the efficiency of the campus dai

6、ly management and achieve good publicity effect at the same time. And how to use a new technology to build the campus website, so we can accelerate the process of school information, enhances the working efficiency, strengthen management of education resources, and finally improve visibility of scho

7、ol becomes a problem that we need to be solved.This topic of campus websites is on the basis of the analysis of related theories, adopted the current popular B/S structure, and design and implementation based on JSP technology and MySQL database management technology, so it can effectively help scho

8、ols to solve many problems of teaching resource management.In this design of the campus website, we use JSP, and combined with CSS, JavaScript, and develop by Myeclipse. And we use MySql Server as the database and Tomcat as a web Server for this development. Our website adopts B/S architecture, and

9、the process of development follows the three-tier architecture model, so we have low system complexity, and we can improve the scalability of the system.Our system can be divided into front page that to show the content and background page used to manage the website. And we divided user category int

10、o five user roles and give the different levels of permissions to them. To ensure the scalability of the system, and reduce the complexity of the system, the design process following B/S three layer architecture. In addition, in the development process, we use JavaScript for dynamic picture display,

11、 use JspSmartUpload to realize uploads and downloads, and we implement editor in background module with Ckeditor, and also implement interception of illegal landing. Finally, we use CSS and HTML with elaborate design, so we not only realize the basic functions, but also try our best to let our inter

12、face design has reasonable and comfortable page layout, pure and fresh colors, and contracted fashion. The website reflect the journalism and improve the look of a website, let a person find everything new and fresh.AbstractIIIThis website design realization process based on the in-depth research of

13、 campus website requirements. Therefore, the system will cover all of the basic functions. In comply with the requirements, and at the same time to achieve the reasonable layout and convenient operating interface. So we can improve the efficiency of publicity and campus management. So we can promote

14、 the schools to adapt to the development of modern technology, strengthen utilization of school resource, improve the efficiencies of school management, and improve school visibility at the same time. Ultimately achieve the research purpose and realize the meaning of system design.Keywords:Campus We

15、bsite, Design and Implementation, JSP目 录I目目 录录第 1 章绪 论 .11.1 研究背景及意义 .11.2 国内外发展现状 .11.3 本文研究内容及论文组织结构 .2第 2 章相关技术 .32.1 开发环境简介 .32.1.1 开发工具 MyEclipse .32.1.2 数据库 MySql Server .3 服务器 Tomcat 开发语言介绍 .42.2.1 JSP .42.2.2 CSS .62.2.3 JS .62.3 过滤器技术 .72.4 插件应用技术 .82.4.1 jspSmartUpload .82

16、.4.2 Ckeditor .92.4.3 JQuery .92.5 本章小结 .10第 3 章系统可行性研究及需求分析 .113.1 系统可行性研究 .113.2 需求分析 .123.3 本章小结 .13第 4 章系统设计 .144.1 框架设计 .144.2 数据库设计 .154.2.1 E-R 模型.154.2.2 数据库表的逻辑结构设计 .154.3 模块设计 .174.3.1 图片展示部分 .174.3.2 身份验证及登陆认证 .184.3.3 要闻发布 .194.3.4 上传下载设计 .20目 录II4.3.5 学校基本信息 .204.3.6 权限设计 .204.4 本章小结 .2

17、1第 5 章系统的实现及测试 .225.1 系统实现环境 .225.2 环境配置 .225.2.1 Myeclipse 中 Tomcat 的配置.235.2.2 Myeclipse 中 Mysql 的配置.235.3 关键技术的实现 .245.3.1 表单的基本操作 .245.3.2 数据库的基本操作 .255.3.3 ckeditor .265.3.4 文件的上传下载 .275.3.5 过滤器验证登陆状态 .285.3.6 其他关键技术 .295.4 系统测试 .305.4.1 软硬件环境测试 .305.4.2 性能测试 .305.4.3 功能测试 .315.4.4 功能测试界面呈现 .32

18、5.5 本章小结 .37第 6 章 工作总结与研究展望 .386.1 工作总结 .386.2 研究展望 .38参考文献 .39作者简介及在学期间所取得的科研成果 .42致 谢 .43第 1 章绪 论1第第 1 1 章章绪绪 论论1.1.1 1 研究背景研究背景及意义及意义随着信息技术的飞速发展，互联网走入千家万户，正在逐步深刻地影响着我们的工作及学习的方方面面，现如今，它已深入到大家的日常生活当中，成为人们交互信息的重要渠道。网站是互联网兴起后，人们交互信息的重要途径，它能够实现信息的发布、传递以及获取。学校网站的建立，有利于学校信息的公布，是学校的运作公正公开，逐步实现透明化，同时，有助于学

19、生与老师、学生与学生之间的沟通。校园网站的出现为学校管理带来了一种崭新的模式，促进了旧式学校管理方法的改革。伴随着信息时代的来临，旧式的学校管理将面临全新的变革。旧式的学校组织机构被改革成一个网络系统，使得学校的管理趋于简化，效率得到了空前提高。在当今社会，传统的“教师讲授，学生学习”的模式已经被“以学生为主，以教师为辅”的新式教学模式所代替。随着新式教育理论的不断完善，越来越多的信息资源由校园网站所提供。校园网站能够为师生提供交流信息和资源共享的平台，能够提高学校的教育水平和科研能力。因此，校园网站的建设不仅响应国家教育文件的精神，还能为全校师生提供一个沟通交流的平台在因特网飞速发展的今天，

20、目前我们亟待解决的一个问题是：怎样利用一项新的技术构建校园网站，加速学校信息化的进程，提高学校及教师的工作效率，增强教育资源的管理，从而提升学校的知名度。该系统需要多方面考虑每一个用户的使用。本校园网站课题在对各个组织相关理论进行分析的基础上，采用了目前应用比较普遍的 B/S 架构，在 JSP 技术和 MySQL 数据库管理技术的基础上进行设计和实现，能够很好地帮助学校解决教学资源管理的许多难题1。本课题的研究意义表现在以下几个方面：其一，推动学校适应现代化技术的发展，其二，增强学校资源利用率，其三，加强学校管理，其四，提升学校的知名度。考虑到以上四点原因，我选择本课题作为毕设的题目。1.21

21、.2 国内外发展现状国内外发展现状随着因特网技术的高速发展，校园网站的建设在国内外各个学校受到越来越多的重视。在当今这样一个数字化时代，校园建的数字化成为一个大趋势2。在国内，我国因特网技术起步较晚，但发展速度却丝毫不亚于国外。从整体来看，第 1 章绪 论2校园网站的完全实用化仍处于发展阶段。但是仍然有一部分学校拥有世界眼光，较早开始运用互联网并且已经具备一定的基础。最近几年，因特网在国内发展速度之快已经完全超出想像，各个教育网站相机发展起来。从发达国家在教育数字化方面所走过的历程来看，学校网站的建设是教育数字化的必经之路，其中网络技术为其提供了简便的平台，使得校园网站的建设势如破竹。在国外，

22、校园网站建设开展得很早，但从起点说，就已经远远超过国内水平，普及率之快之广让人难以相信。在欧美国家，国家对校园网站的建设投资巨大，各学校开始对校园进行数字化发展。在美国，许多大学都都拥有自己健全的校园网站，此外，中小学也在充分普及这一理念3。1.31.3 本文研究内容及论文组织结构本文研究内容及论文组织结构本课题的研究围绕以下方面开展：熟悉 MyEclipse+MySql Server+Tomcat 的开发环境，熟悉JSP、CSS、HTML、JavaScript 开发语言。涵盖校园网站的基本功能，包括网站的实时新闻发布、文件的上传下载、新闻图片的自动切换等。同时，实现完整的后台管理界面。包括用

23、户身份验证，登陆状态认证、功能模块维护等。采用 B/S 模式以及三层设计架构实现代码，降低系统复杂度并提高可扩展性，且实现易维护性。通过网页页面的 CSS 设计等，尽力达到简约时尚、页面布局合理舒适，色彩清新的界面设计。论文组织结构如下：第一章 绪论。阐述系统的研究背景，对国内外研究现状进行调研，介绍本文的主要研究工作。第二章 相关技术分析。介绍我们所采用的主要技术以及核心实现技术。第三章 系统可行性研究及需求分析。对系统需求进行概要说明，并分析其可行性。第四章 系统设计。包括系统整体架构的分析设计以及数据库设计，同时介绍几种主要的系统设计模式。第五章 系统实现及测试。对网站开发的软硬件环境需

24、求进行说明，着重介绍该网站实现的关键技术。第六章 总结与展望。对本次网站开发进行总结并规划进一步研究方向。 第 2 章相关技术3第第 2 2 章章相关技术相关技术2.12.1 开发环境简介开发环境简介本项目中，我们主要采用 JAVA+JSP 开发为主，结合 HTML+CSS 进行网页布局的设计，并适当利用 JavaScript 以及 JQuery 实现某些特定功能。因此，根据项目采用的开发语言，为提高项目开发效率，我们决定利用 My Eclipse 进行开发，数据库采用开源的 MySQL，并配合使用 Tomcat 服务器，构成本项目完整的开发环境。以下为开发环境的概要介绍。.1

25、 开发工具开发工具 MyEclipseMyEclipseMy Eclipse 是用于开发 Java、J2EE 的一个优秀的 Eclipse 插件集合，广泛支持各种开源的产品。几乎囊括所有 Eclipse 支持的产品，因此备受青睐。MyEclipse Enterprise Workbench 是对 EclipseIDE 的扩展，支持HTML、Structs、JSP、CSS、Javascipt 等等4Error! Reference source not found. ，因此我们可以利用其在数据库和 JAVAEE 开发、发布以及 WEB 应用程序服务的整合方面大大的提高工作效率，并利用它们的完美结

26、合，最终设计出令人难以置信的用户界面以及绚丽的动画效果。本项目中，我们主要采用 MyEclipse8.6 版本进行开发。其仍然选择 Eclipse3.5.2 作为核心，但 8.6 的版本在 8.5 之上进行了很大的改进。MyEclipse 8.6 的重点是进一步简化基于标准应用程序对后端平台 Spring 框架的支持，包括 Spring MVC、Spring Web Flow、iPhone Web 应用程序、谷歌 Web 工具包（GWT）和 Adobe Flex，支持最新版本 Apache Tomcat，支持 Structs2 并加载模块的自定义功能。各方面的特性都更有利于大大提高 Web 项

27、目的开发。因此，我们采用 MyEclipse8.6 版本进行开发。.2 数据库数据库 MySqlMySql ServerServer 5.65.6MySQL 由瑞迪的 MySQL AB 公司开发，属于 Oracle 公司，是一种关系型数据库管理系统，即将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样的特点是得数据库的速率增大并提高了灵活性。MySQL 的 SQL 语言为访问数据库的的最常用标准化语言。MySQL 由于其特性开源，且它的体积小、速度快、总体拥有成本低，同时，MySQL 使用了多种编译器进行测试，保证了源代码的可移植性，提供多第 2 章相关技术4接口，

28、广泛支持各种编程语言，兼容性良好，提高 TCP/IP、ODBC、JDBC 等多种数据库接入方式，同时也支持大型数据库，支持多种存储引擎，并有丰富的扩展功能。因此，一般中小型的网站，因其超高的性价比，往往会选择采用 MySQL 作为网站的数据库。在本项目中，我们采用了 MySql Server5.6，同时为了开发便捷，我们采用了官方提供的图形化管理界面 MySQL Workbench 5.2CE。在最新的 5.6 版本中，数据库的可扩展性、集成度以及查询性能都会得到提升。新增功能包括实现全文搜索，开发者可以通过 InnoDB 存储引擎列表进行索引和搜索基于文本的信息；InnoDB 重写日志文件容

29、量也增至 2TB，能够提升写密集型应用程序的负载性能；加速 MySQL 复制5613；提供新的编程接口，使用户可以将 MySQL 与新的和原有的应用程序以及数据存储无缝集成。.3 服务器服务器 TomcatTomcat 7.07.0Tomcat 是 Apache 软件基金会的 Jakarta 项目中的一个核心项目，由 Apache、Sun 和其他一些公司及个人共同开发而成。由于有了 Sun 的参与和支持，最新的 Servlet 和 JSP 规范总是能在 Tomcat 中得到体现，Tomcat 5 版本之后开始支持最新的 Servlet 2.4 和 JSP 2.0 规范。Tomc

30、at 技术先进、性能稳定，且是免费开放源代码的 Web 应用服务器，成为目前比较流行的 Web 应用服务器。目前最新版本是 7.0。此外，Tomcat运行时占用系统资源少，且扩展性良好，支持 WEB 开发几乎所有的常用应用功能，且处于不断更新和进步之中，属于轻量级 WEB 应用服务器。Tomcat5 版本之后支持最新的 JSP 规范。本项目的开发基于 JSP，为了使得 JSP 能够更好的和 Tomcat 进行契合，我们选择 Tomcat7 的一个重要原因是，Tomcat7.x 版本在 6.0 的基础上实现了对于 Servlet 3.0、JSP 2.2 和 EL 2.2 等特性的支持。且在 WE

31、B 开发方面得到了进一步的改善，如 支持 Web 应用内存溢出侦测和预防，支持 web 应用中的外部内容的直接引用等等7。2.22.2 开发语言介绍开发语言介绍.1 JSPJSPJSP 全称 Java server pages。是一种动态网页技术的标准。该技术用于在传统的静态网页 HTML 中加入 JSP 标记和 JS（JavaScript）89，其中 Java 片段用于实现数据的发第 2 章相关技术5送和交互等操作，所有的操作都集成在服务器端进行，这样使得客户端免去了对JAVA等技术支持的要求，只需要具备主流浏览器即可方便的访问 JSP 页面，从而更好实现网页功能。JSP 为

32、跨平台设计，兼容各类主流的操作系统，有良好的移植性7。JSP 本质相当于一个 Servlet，它利用标记将 java 片段扩展至 html 中，当页面请求发送到服务器端后，服务器对 java 片段进行动态处理，即封装了动态逻辑的处理，最终解析形成一个静态的 html 页面发回客户端，从而满足客户浏览各类网页的需求。自从 JSP 推出，目前已具备多种优良特性。JSP 将其内容的显示与生成分离，依赖可重用性、跨平台组件，适应各类平台，移植性良好，并支持众多的数据库连接接口。由于其开发特性广受欢迎，迅速得到各大公司的支持，因此，JSP 形成了商业应用的服务器开发语言主流。JSP 的运行机制如下图所示

33、74：客户端请求JSP页面返返回回响响应应JSP文件请求JSP页面JSP容器Servlet文件（.java） Class文件（.class）Servlet实例转换（Translation）编译（javac）执行图 2.1 JSP 文件的执行过程JSP 的工作原理：当 web 容器(tomcat、jboss 等等)接收到用户的第一个 JSP 页面请求时，JSP 引擎将这个 JSP 页面转换为 java 源代码(servlet 类)，在转换过程中，如果发现 JSP 文件有任何的语法错误，转换过程将终止，并向服务器和客户端输出错误信息，如果转换成功，然后 JSP 引擎用 javac 编译 java

34、源代码生成 class 文件，然后 web 容器加载 class 文件并从此创建一个新的 servlet 对象进行实例化，当 Servlet 类实例化后，容器加载 jsinit，以通知 servlet 它已进入服务行列。然后 JSP Service()方法被调用来处理客户端的请求。Container 根据客户端的请求创建响应文档，并发送给客户端。当该请求被再次发第 2 章相关技术6出时，在 class 存在的期限内，container 会再次重复生成过程。但当类文件被用户删除后，JSP 文件被重新加载，新生成的响应文档被发送给用户。若多用户申请访问，则Jsp 引擎会处理与请求数相同的多线程。多

35、线程模式可以提高效率，提高吞吐量以及反应速率。服务器会检测 JSP 文件的更新状况并决定是否重新加载，若需要，则将最新结果替代原有版本。当由于各种原因需要将 servlet 才内存中移去时，系统首先自动调用 destroy()的方法，然后进行垃圾回收。.2 CSSCSSCSS，全称 Cascading Style Sheet，级联样式表10。在网页设计中用来控制网页的显示风格，我们通过设置 CSS 文件，可以统一的控制 HTML 中各类标签，包括用户标签和默认标签的显示方式，使得网页的外观得以有效的控制11。CSS 相对于传统的 html，作为一种样式设计语言，它将网页表现与内

36、容分离，可以有效的对 HTML 以及 XML 等文件进行风格显示的控制，形成精确有效的设计风格。且易于掌握易于操作12。CSS 能够精确控制网页中布局，对相对位置或绝对位置进行限制，支持很多网页设计元素，用户可对其进行交互设计，是较为完备的设计语言之一。CSS 目前最新的版本为 CSS3， CSS3 较 CSS 的初期版本而言，开发趋势更接近于模块化，它将原来复杂的一个整体模块，划分为更加细小的模块，从而提高开发的效率，且 CSS3 向后完全兼容。因此，在本项目中，我们主要以 CSS 的初期版本为主，以 CSS3 为辅，实现部分网页风格的设计13。.3 JSJSJS，全称 Ja

37、vaScript 由 Netscape 公司开发的一种脚本语言14。是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端 Web 开发的脚本语言，常用来给 HTML 网页添加动态功能。在 HTML 基础上，使用JavaScript 可以开发交互式 Web 网页。JavaScript 能提高网页的互动能力。他可以简化HTML 内容，降低下载的时间。它还可以及时的对用户操作作出回应，实时的对提交的表单进行检验，不用再因为交给 CGI 进行验证而浪费时间。它并非预编译语言，而是类脚本语言，它将代码直接嵌入 HTML 中，只有当被浏览器读取时才编译和执行。JavaScr

38、ipt 无单独运行窗口，它所谓的运行窗口即浏览器的当前窗口。第 2 章相关技术7一个完整的 JavaScript 的组成包括：核心（ECMAScript） 、文档对象模型（Document Object Model，简称 DOM） 、浏览器对象模型（Browser Object Model，简称 BOM）151617。如下图所示：ECMAScriptJavaScriptDOMBOM图 2.2 JavaScript 组成在本项目设计中，我们利用 JS 实现一些基本如弹出框等技术，相对于 JSP 要更加方便快捷。2.2.3 3 过滤器技术过滤器技术从 J2EE1.3 开始，Servlet2.3 规

39、范中加入了对过滤器（Filter）的支持。过滤器能够对目标资源的请求和响应进行截取。过滤器用于检测客户端请求和服务器的响应是否满足过滤器规则，同时对数据进行操作。过滤器是通常封装了一些功能的 Web 组件，同时，支持模块化，对功能性组件进行封装，并对其相应处理。过滤器具有动态的、可重用的、可移植的、模块化的等多种优良特性。在过滤器的实现中，我们需要对其进行 java 类的编写用以实现 filter 接口，同时进行 web.xml 的配置，使用和元素对编写的 filter 类进行注册，并设置它所能拦截的资源。过滤器的功能包括两个方面：1、 HttpServletRequest 到达 Servle

40、t 之前，拦截客户的 HttpServletRequest 。 根据需要检查 HttpServletRequest ，也可以修改 HttpServletRequest 头和数据。2、 在 HttpServletResponse 到达客户端之前，拦截 HttpServletResponse 。 根据需要检查 HttpServletResponse ，也可以修改 HttpServletResponse 头和数据。过滤器的工作原理18：用户发出访问请求后，服务器首先根据开发人员设定好的过滤规则进行筛选，若求情可通过过滤器，则直接交付请求，否则，可以对请求进行拦截，同时对请求进行修改，使其可以通过过滤

41、器检测，然后将更新后的请求交给服务器进行处理。此外，也可以直接拦截请求后向用户响应。对响应信息也是相同的处理原理。过滤器的工作方式分为四种，request 过滤器、forward 过滤器、include 过滤器、error 过滤器。在本项目中，我们主要运用其检验后台用户的登陆状态192019。第 2 章相关技术82.42.4 插件应用技术插件应用技术.1 jspSmartUploadjspSmartUploadjspSmartUpload 是一个用于文件上传下载组件，它无需付费且功能全面，可以嵌入到 JSP 文件中，用于完成上传下载操作。它的特点如下： 1、 易于使用。仅需要在

42、 JSP 文件中写很短的代码就能完成文件的上传、下载操作，容易使用。 2、 上传操作是可控的。用 jspSmartUpload 给予的对象和对象的操作方法，我们能得到所有上传文件的相关内容（包括文件的名称，大小，类型，扩展名等） ，易于存储和获取。 3、 可以限制上传文件的类型等。这样的话，就能过滤那些与要求不符的文件。 4、 提供灵活的下载。短短几行代码，就可以从 Web 服务器转换成文件服务器。无论文件在哪个目录下，都能使用 jspSmartUpload 做下载操作。jspSmartUpload 组件开源，其 Jar 包可从网上自由下载，进行相关配置后，即可应用21。它主要包含以下几个类：

43、1、 File 类类：将有关上传文件的全部信息进行封装。这样，能获取上传的文件的名称、扩展名、大小以及文件相关数据等内容。2、 Files 类类：此类用于对全部上传文件的总体进行表示，通过这个类，能获取上传文件的大小和个数等等相关内容。3、 Request 类类：它的功能类似于 request（JSP 的内置对象） 。提供这个类的原因是对文件的上传表单来说，表单项上的内容无法通过 request 来得到，所以只有用 jspSmartUpload 的 Request 对象得到。4、 SmartUpload 类类：对核心上传下载功能进行负载。jspSmartUpload 组件是应用 JSP 进行

44、B/S 程序开发过程中经常使用的上传下载组件，它使用简单，方便。在本项目中，我们主要应用其进行文件的上传下载功能的实现。该技术最大问题是往往不支持中文，出现乱码现象，我们将针对这一问题作出改进，更好的应用于项目的开发。.2 CkeditorCkeditorCkeditor 原名 FCKeditor，该名称来源于开发者的名字缩写。它是一个文字编辑器，是开源的，一般专门应用于网页。Ckeditor 轻量化，是一个安装简便的插件，应用在在第 2 章相关技术9线编辑器中。可以和 ASP、ASP.NET、ColdFusion、ABAP、PHP、JSP、JavaScript 及Java 等

45、多种语言结合在一起使用。在使用中，由于 CKEditor 是一个 Javascript 的应用，在前期配置成功后，我们对它的应用只需要加载它仅需要在页面中将它引用，同时创建一个 Ckeditor 实例。且Ckeditor 十分方便，它有很多参数可以自行配置，用户可以通过设定不同的参数来设置其个性化的用户体验。CKeditor 兼容绝大部分的网页浏览器，新版的编辑器的更新包括：新的用户界面，一个支持 Plug-in 的 Javascript API，并提供对视觉障碍者的使用支持。CK 是对 FCK 的代码的完全重写22。新版中不包含文件浏览器，因此，在本项目中，我们结合旧版FCKeditor，实

46、现完整的后台编辑以及图片上传功能。.3 JQueryJQueryJQuery 是一个优秀的 JavaScript 框架。它是一个轻量级的 JS 库，支持 CSS3，并兼容几乎所有的主流浏览器，JQuery 使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。JQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。JQuery2324能够使用户的 html 页面保持代码和 html 内容分离，也就是说，不用再在html 里面插入一堆 JS 来调用命令了，只需

47、定义 id 即可。JQuery 是免费开源的，且开发语法简单，其实现的界面动态效果十分绚丽，因此深受开发人员的欢迎。JQuery 的官方插件是 JQueryUI。开发者可以任意扩展 JQuery 的函数库或者按照自己的需求开发 UI 组件。目前网上已经有数以千计的 JQuery 插件，覆盖各种各样的需求。例如 Ajax 辅助、数据表格、动态列表、XML 工具、拖曳、cookie 处理、弹出层等等。JQuery 的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择,比如 ComponentOne for jQuery25262724。在本项目中，我们将利用 Jquery 的强

48、大特性轻松实现部分新闻图片的动态展示28。2.52.5 本章小结本章小结本章中，我们对本次项目开发中所使用的主要技术，包括开发环境相关的开发工具、开发语言如 JSP、CSS、JQuery 等语言以及相关的核心技术如过滤器技术，以及我们所采用的插件技术进行了概要介绍。第 3 章系统可行性研究及需求分析10第第 3 3 章章系统可行性研究及需求分析系统可行性研究及需求分析3.13.1 系统可行性研究系统可行性研究当前，信息时代愈加发达，生活节奏加快，无论是工作还是生活，信息成为一个高频度名词。对信息的及时发布以及掌握无论在系统流程、工作调控还是日常生活，都至关重要。因此，作为知识普及的前沿和阵地，

49、一个及时、完整的新闻发布以及学校信息对外公开的平台十分重要。人们需要通过这样一个平台来获得学校的及时动态，掌握入学信息；学生需要这样一个平台来掌握每日的教学动态以及学校新闻；教师需要这样一个平台来展示风采，高谈阔论；学校更需要这样一个平台来上传下达，宣扬教学理念，吸引生源。因此，我们需要建设一个基本功能完备，易于操作，界面简洁干净、灵活易管理的校园网站，从而促进校园信息的及时更新与发布，提高学校的信息化管理水平29。经调查分析，本文得出结论，建立一个校园网站是可行且必要的，具体表现为以下几点3013：（1）校园网站的建设有利于现代化人才的培养近年来，许多学校进行了外在模式上的变革，但教育模式的

50、本质丝毫没有动摇，依旧是老师主动传授、学生被动接受的旧式教育模式。学生的独立思考能力以及创造性思维被扼杀，阻碍了学生性格及能力的发展，这对于学生是毫无益处可言的。而校园网的建设，有利于营造美好的校园文化氛围，增加了学校的创新优势。考虑到学校的人才培养以及长远发展，建设校园网站是可行且必要的。（2）校园网站提供了新式教学、科研平台教学和科研是学校的两大核心工作，提高教师的教育和科研能力是增强学校竞争力的关键。但是以目前情况看，许多年轻教师虽具备所需理论知识，但实际教学和科研经验略显缺乏，而一些资深教师却具备丰富的实践经验，所以，可以通过校园网站，为各位教师提供交流平台，使教师能力稳步协调发展。（

51、3）校园网站提高学习资源的利用率在互联网的众多资源中，搜索有用的教育教学信息以及学习资源是费时费力地，对于教师，如果有海量的有序资源作为支持，就会把备课、讲课、课后作业等各种环节轻松高效的完成；对于学生，海量的有序资源能够培养学生的关注自身有关信息的责任感，培养学生获取信息以及分析、解决问题的能力。因此，提高学习资源的利用率，对学校的长远发展有深远的意义30。第 3 章系统可行性研究及需求分析11（4）校园网站有利于进行招生宣传校园网站是学校与外界的沟通窗口，尤其在招生方面，能够显示出校园网的重大作用。利用校园网站发布招生信息，可以在提高学校知名度的基础上，加大招生宣传力度。3.23.2 需求

52、分析需求分析校园网站作为学校高度信息化的平台，主要用于达到学校面向大众的宣传效应以及日常校园管理中新闻的及时发布。校园网站的主要面向对象为待入学的家庭以及在校师生，因此，一个好的校园网站，需要实现基本功能完备，简约时尚、页面布局合理舒适，色彩清新的界面设计，同时体现其新闻性和观赏性，让人耳目一新。通过分析，初步分析校园网站各个模块如下：首先通过校园网站的“学校概况” 、“师资队伍” 、 “人才培养”等模块对学校进行大力宣传，不断加深社会大众对学校的了解，使学校逐步趋向专业化和知名化；其次借助于这一平台的“人才培养” 、 “学生教育”等模块，使各位老师重新认识教育的意义，摆脱完全应试教育这一落伍

53、的理念，采用现代教育模式进行人才培养，提高教师的教学水平；再次，通过“学生天地”模块，为学生提供一个展示自我的平台，针对学校学生的特点，充分调动学生的积极性，以提高学生的学习效果，丰富学生的课余生活；最后，利用“下载中心”模块，为教师和学生提供学习及教学资料，为教师提供良好的教学环境，并且为学生提供良好的学习环境。其主要功能需求如下所示： 学校基本信息的查询； 实时新闻的发布； 新闻图片展示； 制度政策文件的上传下载； 后台维护。（1）学校基本信息的查询包括学校概况、师资队伍、人才培养、党团建设四部分内容的展示。其中学校概况包括学校简介、校长简介、学校创始人、现任领导、组织机构、职工待遇以及相

54、关部门或人员联系方式七个模块，这一部分主要对学校的各项基本信息进行介绍，以期望外界对学校有较好的整体认识；师资队伍包括特级教师、先进教师、现有教师、以及教师优秀事迹成果表彰四个模块，这一部分对教师以及教学资源进行概要介绍，将各级教师分门别类列出，并对教师的优秀事迹以及优秀研究成果进行表彰，以提高教师的积极性；人才培养部分不再细化多个模块，这部分主要介绍人才培养方式及效果，例如出国深造、集中培训等；党团建设主要介绍党委团委的组成以及党委团委组织的第 3 章系统可行性研究及需求分析12各项传统活动等。各部分内容由管理员在后台进行编辑发布，可根据需要进行定期修改更新。（2）实时新闻的发布校园新闻动态

55、是校园信息化的核心部分，其中的大部分内容都将在主页中进行显示。实时新闻发布主要包括招生信息、学校工作、学生教育和学生园地四个部分。其中招生信息不定期进行更新，包括特长生招收和应届生招收，每年发布的信息都将保留，分条目在界面中展示，点击条目标题可链接至正文部分进行阅读，为方便对本校有兴趣的同学进行了解和咨询，在招生信息栏目下设置校内导航以及校长书记信箱，增强网站的人性化设计；学校工作包括校内工作和教务公开两个模块，这一部分对学校开展的各项工作进行发布，并且公布教务信息，以保证学校进行的各项工作公开公正；学生教育部分包括学校针对于学生的教育信息，分条目列出，点击标题即可连接至正文部分；学生园地部分

56、包括学生社团或者班级组织的活动介绍，学生的课余作业等。各部分内容由管理员在后台进行实时编辑发布，根据需要进行定期更新。（3）新闻图片展示图片展示功能主要应用于主页，分为两个模块，一个用于发布学校近期的活动，采用幻灯片的形式进行展示，展示的图片为按时间排序的前四个活动，另一个模块用于展现学校的风采，采用图片滚动播放的形式展示，图片个数不限。在两个模块中，图片均由相关人员经后台上传，在前台展现。（4）文件的上传下载校园网站专门设置一个模块用于文件的下载，这一模块包括制度政策、学生下载、教师下载和其他下载四个模块，前三个模块顾名思义，学生下载模块的内容只对学生可见，教师下载模块的内容只对教师可见，而

57、其他下载模块中的内容对所有人可见，包括校外人员。文件的上传由被赋予权限的人员进行上传。（5）后台维护后台的模块划分与前台对应，每个模块在前台的展示，都是后台编辑或者上传的结果。除前台各个模块外，后台增加了信息管理模块，分为个人信息管理和所有用户管理两部分，其中个人信息管理对超级管理员和各部门管理员可见，所有用户管理模块只对超级管理员可见。此校园网站设置了五种用户权限，分别是超级管理员、部门管理员、老师、学生和游客，他们在网站中中享有不同待遇，拥有不同权限。除此之外，还要求网站界面简洁、易于操作。第 3 章系统可行性研究及需求分析133.33.3 本章小结本章小结本章通过对现有校园网站和学校情况

58、的调查分析，说明开发一个高效实用的校园网站具有可行性。作者走入用户群，通过采访和问卷调研等方法，从多方面研究了不同用户的关注点，详细分析了当前学校的对学校网站的需求，并对需求做了简要概括和说明。第 4 章系统设计14第第 4 4 章章系统设计系统设计4.14.1 框架设计框架设计校园管理系统面向大众展示校园风采、教学理念等，此外，面向学生以及教职工进行新闻动态以及要闻的发布，因此，我们采用 B/S 结构以及三层架构理念，基于互联网进行访问。降低了网站的复杂性，提高了可扩展性。同时，设置后台管理系统由管理员进行统一管理3132。根据用户需求的深度调研，我们设计前台界面包括首页、校园概况、师资队伍

59、、人才培养、党团建设、招生信息、学校工作、学生教育、学生园地、下载中心以及联系我们，共十一个基本业务功能模块。在后台设计中，我们设置个人信息管理用于维护用户个人信息，设置消息发布，包括所有的实时信息的图片以及要闻的发布和批量维护，同时对除首页以外的学校概况、师资队伍等十个模块一一设置独立的管理模块进行维护。其详细框架图如下所示：校园网站首页学校概况师资队伍人才培养党团建设招生信息学校工作学生教育学生园地文件下载联系我们活动图片学校概况要闻通知快速链接校长信箱书记信箱校务公开学生园地教师风采学校图片学校简介校长简介学校创始人现任领导组织机构职工待遇联系方式特级教师现有教师先进教师特级教师现有教师

60、先进教师教师表彰校内工作教务公开图 4.1 系统框架设计第 4 章系统设计154.24.2 数据库设计数据库设计.1 E-RE-R 模型模型根据数据库设计，得到本校园网站的 E-R 图如下图所示30：学生标识学院专业班级姓名学号教授1N查看基本信息隶属模块详细内容查看实时要闻老师是否置顶标识标题内容标识学院专业职称姓名职工号标识模块名称部门时间所属模块文件隶属模块文件说明标识文件名查看查看下载下载管理员维护维护上传 图 4.2 E-R 模型.2 数据库表的逻辑结构设计数据库表的逻辑结构设计根据 E-R 图设计以及网站的需求，我们设计数据库表如下3013：表 4.