校园网站开发设计（JSP+CSS+JavaScrip）

摘要

　　在信息时代飞速发展的今天,无论是企业还是学校,信息化建设都成为一个必不可少的模块。校园网站作为学校高度信息化的平台,主要用于达到学校面向大众的宣传效应以及日常校园管理中新闻的及时发布。因此,一个好的校园网站在提高校园日常管理效率的同时,达到良好的宣传效应。而怎样利用一项新的技术构建校园网站,加速学校信息化的进程,提高学校及教师的工作效率,增强教育资源的管理,从而提升学校的知名度成为我们亟待解决的一个问题。

　　本校园网站课题在对各个组织相关理论进行分析的基础上,采用了目前应用比较普遍的 B/S 架构,在 JSP 技术和 MySQL 数据库管理技术的基础上进行设计和实现,能够很好地帮助学校解决教学资源管理的许多难题。

　　在设计与开发过程中,我们采用 JSP 结合 CSS 以及 JavaScript 设计语言,利用MyEclipse,以 MySql Server 为数据库,Tomcat 为 web 服务器进行开发,网站为 B/S 架构,开发过程中遵循三层架构模式,降低了系统的复杂性,提高了系统的可扩展性。

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

　　本次网站的设计与实现过程基于对校园业务需求的深入调研。因此,本网站系统涵盖了校园网站的所有基本功能。在符合需求的同时,我们实现了合理布局以及便捷式的操作界面。能够切实的推动学校适应现代化技术的发展,增强学校资源的利用率,加强学校管理效率,同时提升了学校的知名度。最终,达到了研究目的并实现系统的设计意义。

　　关键词:校园网站,设计与实现,JSP

Abstract

　　With the rapid development of information technology today, no matter in companies or schools, informationization 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 daily 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 school 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 schools 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 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 into 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, 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 interface 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.

　　This website design realization process based on the in-depth research of 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 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 Website, Design and Implementation, JSP

　　随着信息技术的飞速发展,互联网走入千家万户,正在逐步深刻地影响着我们的工作及学习的方方面面,现如今,它已深入到大家的日常生活当中,成为人们交互信息的重要渠道。网站是互联网兴起后,人们交互信息的重要途径,它能够实现信息的发布、传递以及获取。学校网站的建立,有利于学校信息的公布,是学校的运作公正公开,逐步实现透明化,同时,有助于学生与老师、学生与学生之间的沟通。校园网站的出现为学校管理带来了一种崭新的模式,促进了旧式学校管理方法的改革。

　　伴随着信息时代的来临,旧式的学校管理将面临全新的变革。旧式的学校组织机构被改革成一个网络系统,使得学校的管理趋于简化,效率得到了空前提高。

　　在当今社会,传统的“教师讲授,学生学习”的模式已经被“以学生为主,以教师为辅”的新式教学模式所代替。随着新式教育理论的不断完善,越来越多的信息资源由校园网站所提供。校园网站能够为师生提供交流信息和资源共享的平台,能够提高学校的教育水平和科研能力。因此,校园网站的建设不仅响应国家教育文件的精神,还能为全校师生提供一个沟通交流的平台在因特网飞速发展的今天,目前我们亟待解决的一个问题是:怎样利用一项新的技术构建校园网站,加速学校信息化的进程,提高学校及教师的工作效率,增强教育资源的管理,从而提升学校的知名度。该系统需要多方面考虑每一个用户的使用。

　　本校园网站课题在对各个组织相关理论进行分析的基础上,采用了目前应用比较普遍的 B/S 架构,在 JSP 技术[1]和 MySQL 数据库管理技术的基础上进行设计和实现,能够很好地帮助学校解决教学资源管理的许多难题。

　　本课题的研究意义表现在以下几个方面:其一,推动学校适应现代化技术的发展,其二,增强学校资源利用率,其三,加强学校管理,其四,提升学校的知名度。考虑到以上四点原因,我选择本课题作为毕设的题目。

　　随着因特网技术的高速发展,校园网站的建设在国内外各个学校受到越来越多的重视。在当今这样一个数字化时代,校园建的数字化成为一个大趋势[2]。

　　在国内,我国因特网技术起步较晚,但发展速度却丝毫不亚于国外。从整体来看,校园网站的完全实用化仍处于发展阶段。但是仍然有一部分学校拥有世界眼光,较早开始运用互联网并且已经具备一定的基础。最近几年,因特网在国内发展速度之快已经完全超出想像,各个教育网站相机发展起来。从发达国家在教育数字化方面所走过的历程来看,学校网站的建设是教育数字化的必经之路,其中网络技术为其提供了简便的平台,使得校园网站的建设势如破竹。

　　在国外,校园网站建设开展得很早,但从起点说,就已经远远超过国内水平,普及率之快之广让人难以相信。在欧美国家,国家对校园网站的建设投资巨大,各学校开始对校园进行数字化发展[3]。在美国,许多大学都都拥有自己健全的校园网站,此外,中小学也在充分普及这一理念。

校园网站开发设计（JSP+CSS+JavaScrip）:

Myeclipse 中 Tomcat 的配置

Myeclipse 中 Mysql 的配置

前台主界面

要闻发布后台界面

要闻发布前台界面

要闻详细信息界面

点击“more”按钮后要闻通知界面

学校基本信息后台编辑界面

学校基本信息前台访问界面

文件下载界面

身份验证失败处理界面

目 录

　　第 1 章 绪 论
　　　　1.1 研究背景及意义
　　　　1.2 国内外发展现状
　　　　1.3 本文研究内容及论文组织结构
　　第 2 章 相关技术
　　　　2.1 开发环境简介
　　　　　　2.1.1 开发工具 MyEclipse
　　　　　　2.1.2 数据库 MySql Server 5.6
　　　　　　2.1.3 服务器 Tomcat 7.0
　　　　2.2 开发语言介绍
　　　　　　2.2.1 JSP
　　　　　　2.2.2 CSS
　　　　　　2.2.3 JS
　　　　2.3 过滤器技术
　　　　2.4 插件应用技术
　　　　　　2.4.1 jspSmartUpload
　　　　　　2.4.2 Ckeditor
　　　　　　2.4.3 JQuery
　　　　2.5 本章小结
　　第 3 章 系统可行性研究及需求分析
　　　　3.1 系统可行性研究
　　　　3.2 需求分析
　　　　3.3 本章小结
　　第 4 章 系统设计
　　　　4.1 框架设计
　　　　4.2 数据库设计
　　　　　　4.2.1 E-R 模型
　　　　　　4.2.2 数据库表的逻辑结构设计
　　　　4.3 功能设计
　　　　　　4.3.1 图片展示部分
　　　　　　4.3.2 身份验证及登陆认证
　　　　　　4.3.3 实时信息发布功能
　　　　　　4.3.4 上传下载设计
　　　　　　4.3.5 基本信息呈现功能
　　　　　　4.3.6 权限设计
　　　　4.4 本章小结
　　第 5 章 系统的实现及测试
　　　　5.1 系统实现环境
　　　　5.2 环境配置
　　　　　　5.2.1 Myeclipse 中 Tomcat 的配置
　　　　　　5.2.2 Myeclipse 中 Mysql 的配置
　　　　5.3 关键技术的实现
　　　　　　5.3.1 表单的基本操作
　　　　　　5.3.2 数据库的基本操作
　　　　　　5.3.3 ckeditor
　　　　　　5.3.4 文件的上传下载
　　　　　　5.3.5 过滤器验证登陆状态
　　　　　　5.3.6 其他关键技术
　　　　5.4 系统测试
　　　　　　5.4.1 软硬件环境测试
　　　　　　5.4.2 性能测试
　　　　　　5.4.3 功能测试
　　　　　　5.4.4 功能测试界面呈现
　　　　5.5 本章小结
　　第 6 章 工作总结与研究展望
　　　　6.1 工作总结
　　　　6.2 研究展望
　　参考文献
　　作者简介及在学期间所取得的科研成果
　　致 谢

（如您需要查看本篇毕业设计全文，请您联系客服索取）