1、 基于校园网站的设计与实现 代大文 宜春电大 宜春电 大 毕业 论文 基于 JSP 的校园网站的设计与实现 Design and implementation of Campus website Based on the JSP 作者姓名： 代大文 专 业： 计算机与信息技术 指导教师： XXX 教授 培养单位： 计算机科学与技术学院 2015 年 11 月 基于 JSP的校园网站的设计与实现 Design and implementation of Campus website Based on the JSP 作者姓名： 代大文 专业名称： 计算机与信息技术 指导教师： XX 教授 学位类
2、别： 软件工程学士学位 未经本论文作者的书面授权，依法收存和保管本论文书面版本、电子版本的任何单位和个人，均不得对本论文的全部或部分内容进行任何形式的复制、修改、发行、出租、改编等有碍作者著作权的商业性使用（但纯学术性使用不在此限）。否则，应承担侵权的法律责任。 论文原创性声明 本人郑重声明：所呈交的毕业 论文，是本人在指导教师的指导下，独立进行研究工作所取得的成果。除文中已经注明引用的内容外，本论文不包含任何其他个人或集体已经发表或撰写过的作品成果。对本文的研究做出重要贡献的个人和集体，均已在文中以明确方式标明。本人完全意识到本声明的法律结果由本人承担。 学位论文作者签名： 代大文 日期：
3、2015 年 11 月 6 日 摘 要 I 摘 要 基于 JSP 的校园网站的设计与实现 在 信息时代飞速发展的今天，无论是企业还是学校，信息化建设都成为 一个必不可少的模块。校园网站作为学校高度信息化的平台，主要用于达到学校面向大众的宣传效应以及日常校园管理中新闻的及时发布。因此，一个好的校园网站在提高校园日常管理效率的同时，达到良好的宣传效应。 而 怎样利用一项新的技术构建校园网站，加速学校信息化的进程，提高学校及教师的工作效率，增强教育资源的管理，从而提升学校的知名度成为我们亟待解决的一个问题。 本校园网站课题在对各个组织相关理论进行分析的基础上，采用了目前应用比较普遍的 B/S 架构，
4、在 JSP 技术和 MySQL 数据库管理技术的基础上进行设计和实现，能够很好地帮助 学校解决教学资源管理的许多难题。 在设计与开发过程中 ， 我们 采用 JSP 结合 CSS 以及 JavaScript 设计语言 ，利用MyEclipse，以 MySql Server 为数据库， Tomcat 为 web 服务器进行开发，网站为 B/S 架构，开发过程中遵循三层架构模式，较低了系统的复杂性，提高了系统的可扩展性。我们将系统分为前台页面展示和后台管理两大模块，将使用对象划分为五中用户角色并赋予不同级别的权限。 设计过程遵循 B/S 三层架构，保证了系统的可扩展性，降低了系统的复杂性。 此外，在
5、开发过程中，我们利用 JavaScript 实现动态图片的展示，用JspSmartUpload 实现上传下载，用 Ckeditor 实现后台编辑，用过滤器实现非法登陆的拦截。最后，我们通过 CSS 结合 HTML 的精心设计， 在实现基本功能的同时，尽力达到简约时尚、页面布局合理舒适，色彩清新的界面设计，在体现其新闻性的同时，提高网站的观赏性，让人耳目一新。 本次网站的设计 与 实现过程基于对校园业务需求的深入调研 。 因此， 本网站 系统涵盖了 校园网站的所有 基本功能。在符合需求的同时 ，我们 实 现了合理布局以及便捷式的操作界面。能够 切实 的 推动学校适应现代化技术的发展，增强学校资源
6、 的 利用率，加强学校管理 效率 ，同时提升 了 学校的知名度。 最终 ， 达到 了 研究目的并实现系统的设计意义。 关键词： 校园网站 ， 设计与实现 ， JSP Abstract II Abstract Design and implementation of Campus website based on the JSP With the rapid development of information technology today, no matter in companies or schools, informationization has already become an
7、 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 publici
8、ty 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 b
9、e 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 teachin
10、g 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 t
11、he 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 diff
12、erent 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 uplo
13、ads 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 comf
14、ortable 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. Abstract III This website design realization process based on the in-depth research of campus website requirements. Th
15、erefore, 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 dev
16、elopment 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 Implementati
17、on, JSP 目 录 I 目 录 第 1 章 绪 论 . 1 1.1 研究背景及意义 . 1 1.2 国内外发展现状 . 1 1.3 本文研究内容及论文组织结构 . 2 第 2 章 相关技术 . 3 2.1 开发环境简介 . 3 2.1.1 开发工具 MyEclipse . 3 2.1.2 数据库 MySql Server 5.6 . 3 2.1.3 服务器 Tomcat 7.0 . 4 2.2 开发语言介绍 . 4 2.2.1 JSP . 4 2.2.2 CSS . 6 2.2.3 JS . 6 2.3过滤器技术 . 7 2.4插件应用技术 . 8 2.4.1 jspSmartUpload
18、. 8 2.4.2 Ckeditor . 8 2.4.3 JQuery . 9 2.5 本章小结 . 9 第 3 章 系统可行性研究及需求分析 . 10 3.1 系统可行性研究 . 10 3.2 需求分析 . 11 3.3 本章小结 . 12 第 4 章 系统设计 . 13 4.1 框架设计 . 13 4.2 数据库设计 . 14 4.2.1 E-R模型 . 14 4.2.2 数据库表的逻辑结构设计 . 14 4.3 模块设计 . 16 4.3.1 图片展示部分 . 16 4.3.2 身份验证及登陆认证 . 17 4.3.3 要闻发布 . 18 4.3.4 上传下载设计 . 19 目 录 II
19、 4.3.5 学校基本信息 . 19 4.3.6 权限设计 . 19 4.4 本章小结 . 20 第 5 章 系统的实现及测试 . 21 5.1 系统实现环境 . 21 5.2 环境配置 . 21 5.2.1 Myeclipse中 Tomcat的配置 . 22 5.2.2 Myeclipse中 Mysql 的配置 . 22 5.3 关键技术的实现 . 23 5.3.1 表单的基本操作 . 23 5.3.2 数据库的基本操作 . 24 5.3.3 ckeditor . 25 5.3.4 文件的上传下载 . 26 5.3.5 过滤器验证登陆状态 . 27 5.3.6 其他关键技术 . 28 5.4
20、 系统测试 . 29 5.4.1 软硬件环境测试 . 29 5.4.2 性能测试 . 29 5.4.3 功能测试 . 30 5.4.4 功能测试界面呈现 . 31 5.5 本章小结 . 35 第 6 章 工作总结与研究展望 . 36 6.1 工作总结 . 36 6.2 研究展望 . 36 参 考文献 . 37 作者简介及在学期间所取得的科研成果 . 37 致 谢 . 40 第 1 章 绪 论 1 第 1 章 绪 论 1.1 研究背景 及意义 随着信息技术的飞速发展，互联网走入千家万户，正在逐步深刻地影响着我 们的工作及学习的方方面面，现如今，它已深入到大家的日常生活当中，成为人们交互信息的重要
21、渠道。网站是互联网兴起后，人们交互信息的重要途径，它能够实现信息的发布、传递以及获取。学校网站的建立，有利于学校信息的公布，是学校的运作公正公开，逐步实现透明化，同时，有助于学生与老师、学生与学生之间的沟通。校园网站的出现为学校管理带来了一种崭新的模式，促进了旧式学校管理方法的改革。 伴随着信息时代的来临，旧式的学校管理将面临全新的变革。旧式的学校组织机构被改革成一个网络系统，使得学校的管理趋于简化，效率得到了空前提高。 在当今社会，传统的“教师讲授，学生学习”的模式已经被“以学生为主，以教师为辅”的新式教学模式所代替。随着新式教育理论的不断完善，越来越多的信息资源由校园网站所提供。校园网站能
22、够为师生提供交流信息和资源共享的平台，能够提高学校的教育水平和科研能力。因此，校园网站的建设不仅响应国家教育文件的精神，还能为全校师生提供一个沟通交流的平台 在因特网飞速发展的今天，目前我们亟待解决的一个问题是：怎样利用一项新的技术构建校园网站，加速学校信息化的进程，提高学校及教师的工作效率，增强教育资源的管理，从而提升学校的知名度。该 系统需要多方面考虑每一个用户的使用。 本校园网站课题在对各个组织相关理论进行分析的基础上，采用了目前应用比较普遍的 B/S 架构，在 JSP 技术和 MySQL 数据库管理技术的基础上进行设计和实现，能够很好地帮助学校解决教学资源管理的许多难题 1。 本课题的
23、研究意义表现在以下几个方面：其一，推动学校适应现代化技术的发展，其二，增强学校资源利用率，其三，加强学校管理，其四，提升学校的知名度。考虑到以上四点原因，我选择本课题作为毕 设的题目。 1.2 国内外发展现状 随着因特网技术的高速发展，校园网站的建设在国内外各个学校受到越来越多的重视。在当今这样一个数字化时代，校园建的数字化成为一个大趋势 2。 在国内，我国因特网技术起步较晚，但发展速度却丝毫不亚于国外。从整体来看，第 1 章 绪 论 2 校园网站的完全实用化仍处于发展阶段。但是仍然有一部分学校拥有世界眼光，较早开始运用互联网并且已经具备一定的基础。最近几年，因特网在国内发展速度之快已经完全超
24、出想像，各个教育网 站相机发展起来。从发达国家在教育数字化方面所走过的历程来看，学校网站的建设是教育数字化的必经之路，其中网络技术为其提供了简便的平台，使得校园网站的建设势如破竹。 在国外，校园网站建设开展得很早，但从起点说，就已经远远超过国内水平，普及率之快之广让人难以相信。在欧美国家，国家对校园网站的建设投资巨大，各学校开始对校园进行数字化发展。在美国，许多大学都都拥有自己健全的校园网站，此外，中小学也在充分普及这一理念 3。 1.3 本文研究内容及论文组织结构 本课题的研究围绕以下方面开展： 熟悉 MyEclipse+MySql Server+Tomcat 的开发环境，熟悉 JSP、 C
25、SS、 HTML、JavaScript 开发语言。 涵盖校园网站的基本功能，包括网站的实时新闻发布、文件的上传下载、新闻图片的自动切换等。同时，实现完整的后台管理界面。包括用户身份验证，登陆状态认证、功能模块维护等。 采用 B/S 模式以及三层设计架构实现代码，降低系统复杂度并提高可扩展性，且实现易维护性。 通过网页页面的 CSS 设计等，尽力达到简约时尚、页面布局合理 舒适，色彩清新的界面设计。 论文组织结构如下： 第一章 绪论。阐述系统的研究背景，对国内外研究现状进行调研，介绍本文的主要研究工作。 第二章 相关技术分析。介绍我们所采用的主要技术以及核心实现技术。 第三章 系统可行性研究及需求分析。对系统需求进行概要说明，并分析其可行性。 第四章 系统设计。包括系统整体架构的分析设计以及数据库设计，同时介绍几种主要的系统设计模式。 第五章 系统实现及测试。对网站开发的软硬件环境需求进行说明，着重介绍该网站实现的关键技术。 第六章 总结与展望。对本次网站开发进行总结并规划进 一步研究方向。
