毕业设计(论文)-基于JSP的校园网站的设计与实现.doc_第1页
毕业设计(论文)-基于JSP的校园网站的设计与实现.doc_第2页
毕业设计(论文)-基于JSP的校园网站的设计与实现.doc_第3页
毕业设计(论文)-基于JSP的校园网站的设计与实现.doc_第4页
毕业设计(论文)-基于JSP的校园网站的设计与实现.doc_第5页
已阅读5页,还剩47页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

基 于 校 园 网 站 的 设 计 与 实 现 代 大 文 宜 春 电 大 宜春电大 毕业论文 基于基于 JSPJSP 的校园网站的设计与实现的校园网站的设计与实现 Design and implementation of Campus website Based on the JSP 作者姓名:代大文作者姓名:代大文 专专 业:计算机与信息技术业:计算机与信息技术 指导教师:指导教师:XXXXXX 教授教授 培养单位:计算机科学与技术学院培养单位:计算机科学与技术学院 2015 年年 11 月月 基于 JSP 的校园网站的设计与实现 Design and implementation of Campus website Based on the JSP 作者姓名:代大文 专业名称:计算机与信息技术 指导教师:XX 教授 学位类别:软件工程学士学位 未经本论文作者的书面授权,依法收存和保管本论文书面版 本、电子版本的任何单位和个人,均不得对本论文的全部或部分 内容进行任何形式的复制、修改、发行、出租、改编等有碍作者 著作权的商业性使用(但纯学术性使用不在此限) 。否则,应承 担侵权的法律责任。 论文原创性声明 本人郑重声明:所呈交的毕业论文,是本人在指导教师的指导下,独 立进行研究工作所取得的成果。除文中已经注明引用的内容外,本论文不 包含任何其他个人或集体已经发表或撰写过的作品成果。对本文的研究做 出重要贡献的个人和集体,均已在文中以明确方式标明。本人完全意识到 本声明的法律结果由本人承担。 学位论文作者签名:代大文 日期:2015 年 11 月 6 日 摘 要 I 摘摘 要要 基于基于 JSPJSP 的校园网站的设计与实现的校园网站的设计与实现 在信息时代飞速发展的今天,无论是企业还是学校,信息化建设都成为一个必不可 少的模块。校园网站作为学校高度信息化的平台,主要用于达到学校面向大众的宣传 效应以及日常校园管理中新闻的及时发布。因此,一个好的校园网站在提高校园日常 管理效率的同时,达到良好的宣传效应。而怎样利用一项新的技术构建校园网站,加 速学校信息化的进程,提高学校及教师的工作效率,增强教育资源的管理,从而提升 学校的知名度成为我们亟待解决的一个问题。 本校园网站课题在对各个组织相关理论进行分析的基础上,采用了目前应用比较 普遍的 B/S 架构,在 JSP 技术和 MySQL 数据库管理技术的基础上进行设计和实现,能 够很好地帮助学校解决教学资源管理的许多难题。 在设计与开发过程中,我们采用 JSP 结合 CSS 以及 JavaScript 设计语言,利用 MyEclipse,以 MySql Server 为数据库,Tomcat 为 web 服务器进行开发,网站为 B/S 架构,开发过程中遵循三层架构模式,较低了系统的复杂性,提高了系统的可扩展性。 我们将系统分为前台页面展示和后台管理两大模块,将使用对象划分为五中用户角 色并赋予不同级别的权限。设计过程遵循 B/S 三层架构,保证了系统的可扩展性,降 低了系统的复杂性。此外,在开发过程中,我们利用 JavaScript 实现动态图片的展示, 用 JspSmartUpload 实现上传下载,用 Ckeditor 实现后台编辑,用过滤器实现非法登陆 的拦截。最后,我们通过 CSS 结合 HTML 的精心设计,在实现基本功能的同时,尽力 达到简约时尚、页面布局合理舒适,色彩清新的界面设计,在体现其新闻性的同时, 提高网站的观赏性,让人耳目一新。 本次网站的设计与实现过程基于对校园业务需求的深入调研。因此,本网站系统涵 盖了校园网站的所有基本功能。在符合需求的同时,我们实现了合理布局以及便捷式 的操作界面。能够切实的推动学校适应现代化技术的发展,增强学校资源的利用率, 加强学校管理效率,同时提升了学校的知名度。最终,达到了研究目的并实现系统的 设计意义。 关键词:关键词:校园网站,设计与实现,JSP Abstract II AbstractAbstract 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 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. Abstract III 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 目 录 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 .8 2.4.2 Ckeditor .9 2.4.3 JQuery .9 2.5 本章小结 .10 第 3 章 系统可行性研究及需求分析 .11 3.1 系统可行性研究 .11 3.2 需求分析 .12 3.3 本章小结 .13 第 4 章 系统设计 .14 4.1 框架设计 .14 4.2 数据库设计 .15 4.2.1 E-R 模型.15 4.2.2 数据库表的逻辑结构设计 .15 4.3 模块设计 .17 4.3.1 图片展示部分 .17 4.3.2 身份验证及登陆认证 .18 4.3.3 要闻发布 .19 4.3.4 上传下载设计 .20 目 录 II 4.3.5 学校基本信息 .20 4.3.6 权限设计 .20 4.4 本章小结 .21 第 5 章 系统的实现及测试 .22 5.1 系统实现环境 .22 5.2 环境配置 .22 5.2.1 Myeclipse 中 Tomcat 的配置.23 5.2.2 Myeclipse 中 Mysql 的配置.23 5.3 关键技术的实现 .24 5.3.1 表单的基本操作 .24 5.3.2 数据库的基本操作 .25 5.3.3 ckeditor .26 5.3.4 文件的上传下载 .27 5.3.5 过滤器验证登陆状态 .28 5.3.6 其他关键技术 .29 5.4 系统测试 .30 5.4.1 软硬件环境测试 .30 5.4.2 性能测试 .30 5.4.3 功能测试 .31 5.4.4 功能测试界面呈现 .32 5.5 本章小结 .37 第 6 章 工作总结与研究展望 .38 6.1 工作总结 .38 6.2 研究展望 .38 参考文献 .39 作者简介及在学期间所取得的科研成果 .42 致 谢 .43 第 1 章 绪 论 1 第第 1 1 章章 绪绪 论论 1.1.1 1 研究背景研究背景及意义及意义 随着信息技术的飞速发展,互联网走入千家万户,正在逐步深刻地影响着我们的 工作及学习的方方面面,现如今,它已深入到大家的日常生活当中,成为人们交互信 息的重要渠道。网站是互联网兴起后,人们交互信息的重要途径,它能够实现信息的 发布、传递以及获取。学校网站的建立,有利于学校信息的公布,是学校的运作公正 公开,逐步实现透明化,同时,有助于学生与老师、学生与学生之间的沟通。校园网 站的出现为学校管理带来了一种崭新的模式,促进了旧式学校管理方法的改革。 伴随着信息时代的来临,旧式的学校管理将面临全新的变革。旧式的学校组织机 构被改革成一个网络系统,使得学校的管理趋于简化,效率得到了空前提高。 在当今社会,传统的“教师讲授,学生学习”的模式已经被“以学生为主,以教 师为辅”的新式教学模式所代替。随着新式教育理论的不断完善,越来越多的信息资 源由校园网站所提供。校园网站能够为师生提供交流信息和资源共享的平台,能够提 高学校的教育水平和科研能力。因此,校园网站的建设不仅响应国家教育文件的精神, 还能为全校师生提供一个沟通交流的平台 在因特网飞速发展的今天,目前我们亟待解决的一个问题是:怎样利用一项新的 技术构建校园网站,加速学校信息化的进程,提高学校及教师的工作效率,增强教育 资源的管理,从而提升学校的知名度。该系统需要多方面考虑每一个用户的使用。 本校园网站课题在对各个组织相关理论进行分析的基础上,采用了目前应用比较 普遍的 B/S 架构,在 JSP 技术和 MySQL 数据库管理技术的基础上进行设计和实现,能 够很好地帮助学校解决教学资源管理的许多难题1。 本课题的研究意义表现在以下几个方面:其一,推动学校适应现代化技术的发展, 其二,增强学校资源利用率,其三,加强学校管理,其四,提升学校的知名度。考虑 到以上四点原因,我选择本课题作为毕设的题目。 1.21.2 国内外发展现状国内外发展现状 随着因特网技术的高速发展,校园网站的建设在国内外各个学校受到越来越多的 重视。在当今这样一个数字化时代,校园建的数字化成为一个大趋势2。 在国内,我国因特网技术起步较晚,但发展速度却丝毫不亚于国外。从整体来看, 第 1 章 绪 论 2 校园网站的完全实用化仍处于发展阶段。但是仍然有一部分学校拥有世界眼光,较早 开始运用互联网并且已经具备一定的基础。最近几年,因特网在国内发展速度之快已 经完全超出想像,各个教育网站相机发展起来。从发达国家在教育数字化方面所走过 的历程来看,学校网站的建设是教育数字化的必经之路,其中网络技术为其提供了简 便的平台,使得校园网站的建设势如破竹。 在国外,校园网站建设开展得很早,但从起点说,就已经远远超过国内水平,普 及率之快之广让人难以相信。在欧美国家,国家对校园网站的建设投资巨大,各学校 开始对校园进行数字化发展。在美国,许多大学都都拥有自己健全的校园网站,此外, 中小学也在充分普及这一理念3。 1.31.3 本文研究内容及论文组织结构本文研究内容及论文组织结构 本课题的研究围绕以下方面开展: 熟悉 MyEclipse+MySql Server+Tomcat 的开发环境,熟悉 JSP、CSS、HTML、JavaScript 开发语言。 涵盖校园网站的基本功能,包括网站的实时新闻发布、文件的上传下载、新闻 图片的自动切换等。同时,实现完整的后台管理界面。包括用户身份验证,登 陆状态认证、功能模块维护等。 采用 B/S 模式以及三层设计架构实现代码,降低系统复杂度并提高可扩展性, 且实现易维护性。 通过网页页面的 CSS 设计等,尽力达到简约时尚、页面布局合理舒适,色彩清 新的界面设计。 论文组织结构如下: 第一章 绪论。阐述系统的研究背景,对国内外研究现状进行调研,介绍本文的主 要研究工作。 第二章 相关技术分析。介绍我们所采用的主要技术以及核心实现技术。 第三章 系统可行性研究及需求分析。对系统需求进行概要说明,并分析其可行性。 第四章 系统设计。包括系统整体架构的分析设计以及数据库设计,同时介绍几种 主要的系统设计模式。 第五章 系统实现及测试。对网站开发的软硬件环境需求进行说明,着重介绍该网 站实现的关键技术。 第六章 总结与展望。对本次网站开发进行总结并规划进一步研究方向。 第 2 章 相关技术 3 第第 2 2 章章 相关技术相关技术 2.12.1 开发环境简介开发环境简介 本项目中,我们主要采用 JAVA+JSP 开发为主,结合 HTML+CSS 进行网页布局 的设计,并适当利用 JavaScript 以及 JQuery 实现某些特定功能。因此,根据项目采用 的开发语言,为提高项目开发效率,我们决定利用 My Eclipse 进行开发,数据库采用 开源的 MySQL,并配合使用 Tomcat 服务器,构成本项目完整的开发环境。以下为开 发环境的概要介绍。 .1 开发工具开发工具 MyEclipseMyEclipse My Eclipse 是用于开发 Java、J2EE 的一个优秀的 Eclipse 插件集合,广泛支持各种 开源的产品。几乎囊括所有 Eclipse 支持的产品,因此备受青睐。 MyEclipse Enterprise Workbench 是对 EclipseIDE 的扩展,支持 HTML、Structs、JSP、CSS、Javascipt 等等4Error! Reference source not found. ,因此我们可以 利用其在数据库和 JAVAEE 开发、发布以及 WEB 应用程序服务的整合方面大大的提 高工作效率,并利用它们的完美结合,最终设计出令人难以置信的用户界面以及绚丽 的动画效果。 本项目中,我们主要采用 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 项目的开发。因此,我们采用 MyEclipse8.6 版本进行开发。 .2 数据库数据库 MySqlMySql ServerServer 5.65.6 MySQL 由瑞迪的 MySQL AB 公司开发,属于 Oracle 公司,是一种关系型数据库 管理系统,即将数据保存在不同的表中,而不是将所有数据放在一个大仓库内,这样 的特点是得数据库的速率增大并提高了灵活性。MySQL 的 SQL 语言为访问数据库的 的最常用标准化语言。MySQL 由于其特性开源,且它的体积小、速度快、总体拥有成 本低,同时,MySQL 使用了多种编译器进行测试,保证了源代码的可移植性,提供多 第 2 章 相关技术 4 接口,广泛支持各种编程语言,兼容性良好,提高 TCP/IP、ODBC、JDBC 等多种数据 库接入方式,同时也支持大型数据库,支持多种存储引擎,并有丰富的扩展功能。因 此,一般中小型的网站,因其超高的性价比,往往会选择采用 MySQL 作为网站的数据 库。 在本项目中,我们采用了 MySql Server5.6,同时为了开发便捷,我们采用了官方 提供的图形化管理界面 MySQL Workbench 5.2CE。在最新的 5.6 版本中,数据库的可 扩展性、集成度以及查询性能都会得到提升。新增功能包括实现全文搜索,开发者可 以通过 InnoDB 存储引擎列表进行索引和搜索基于文本的信息;InnoDB 重写日志文件 容量也增至 2TB,能够提升写密集型应用程序的负载性能;加速 MySQL 复制5613; 提供新的编程接口,使用户可以将 MySQL 与新的和原有的应用程序以及数据存储无缝 集成。 .3 服务器服务器 TomcatTomcat 7.07.0 Tomcat 是 Apache 软件基金会的 Jakarta 项目中的一个核心项目,由 Apache、Sun 和其他一些公司及个人共同开发而成。由于有了 Sun 的参与和支持,最新的 Servlet 和 JSP 规范总是能在 Tomcat 中得到体现,Tomcat 5 版本之后开始支持最新的 Servlet 2.4 和 JSP 2.0 规范。Tomcat 技术先进、性能稳定,且是免费开放源代码的 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 等特性的支持。且在 WEB 开 发方面得到了进一步的改善,如 支持 Web 应用内存溢出侦测和预防,支持 web 应用 中的外部内容的直接引用等等7。 2.22.2 开发语言介绍开发语言介绍 .1 JSPJSP JSP 全称 Java server pages。是一种动态网页技术的标准。该技术用于在传统的静态 网页 HTML 中加入 JSP 标记和 JS(JavaScript)89,其中 Java 片段用于实现数据的发 第 2 章 相关技术 5 送和交互等操作,所有的操作都集成在服务器端进行,这样使得客户端免去了对 JAVA等技术支持的要求,只需要具备主流浏览器即可方便的访问 JSP 页面,从而更 好实现网页功能。JSP 为跨平台设计,兼容各类主流的操作系统,有良好的移植性7。 JSP 本质相当于一个 Servlet,它利用标记将 java 片段扩展至 html 中,当页 面请求发送到服务器端后,服务器对 java 片段进行动态处理,即封装了动态逻辑的处 理,最终解析形成一个静态的 html 页面发回客户端,从而满足客户浏览各类网页的需 求。 自从 JSP 推出,目前已具备多种优良特性。JSP 将其内容的显示与生成分离,依赖 可重用性、跨平台组件,适应各类平台,移植性良好,并支持众多的数据库连接接口。 由于其开发特性广受欢迎,迅速得到各大公司的支持,因此,JSP 形成了商业应用的服 务器开发语言主流。 JSP 的运行机制如下图所示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 源代码生成 class 文件,然后 web 容器 加载 class 文件并从此创建一个新的 servlet 对象进行实例化,当 Servlet 类实例化后, 容器加载 jsinit,以通知 servlet 它已进入服务行列。然后 JSP Service()方法被调用来 处理客户端的请求。 Container 根据客户端的请求创建响应文档,并发送给客户端。当该请求被再次发 第 2 章 相关技术 6 出时,在 class 存在的期限内,container 会再次重复生成过程。但当类文件被用户删除 后,JSP 文件被重新加载,新生成的响应文档被发送给用户。若多用户申请访问,则 Jsp 引擎会处理与请求数相同的多线程。多线程模式可以提高效率,提高吞吐量以及反 应速率。服务器会检测 JSP 文件的更新状况并决定是否重新加载,若需要,则将最新 结果替代原有版本。当由于各种原因需要将 servlet 才内存中移去时,系统首先自动调 用 destroy()的方法,然后进行垃圾回收。 .2 CSSCSS CSS,全称 Cascading Style Sheet,级联样式表10。在网页设计中用来控制网页的 显示风格,我们通过设置 CSS 文件,可以统一的控制 HTML 中各类标签,包括用户标 签和默认标签的显示方式,使得网页的外观得以有效的控制11。 CSS 相对于传统的 html,作为一种样式设计语言,它将网页表现与内容分离,可 以有效的对 HTML 以及 XML 等文件进行风格显示的控制,形成精确有效的设计风格。 且易于掌握易于操作12。CSS 能够精确控制网页中布局,对相对位置或绝对位置进行 限制,支持很多网页设计元素,用户可对其进行交互设计,是较为完备的设计语言之 一。 CSS 目前最新的版本为 CSS3, CSS3 较 CSS 的初期版本而言,开发趋势更接近于 模块化,它将原来复杂的一个整体模块,划分为更加细小的模块,从而提高开发的效 率,且 CSS3 向后完全兼容。因此,在本项目中,我们主要以 CSS 的初期版本为主, 以 CSS3 为辅,实现部分网页风格的设计13。 .3 JSJS JS,全称 JavaScript 由 Netscape 公司开发的一种脚本语言14。是一种基于对象和 事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端 Web 开 发的脚本语言,常用来给 HTML 网页添加动态功能。在 HTML 基础上,使用 JavaScript 可以开发交互式 Web 网页。JavaScript 能提高网页的互动能力。他可以简化 HTML 内容,降低下载的时间。它还可以及时的对用户操作作出回应,实时的对提交 的表单进行检验,不用再因为交给 CGI 进行验证而浪费时间。它并非预编译语言,而 是类脚本语言,它将代码直接嵌入 HTML 中,只有当被浏览器读取时才编译和执行。 JavaScript 无单独运行窗口,它所谓的运行窗口即浏览器的当前窗口。 第 2 章 相关技术 7 一个完整的 JavaScript 的组成包括:核心(ECMAScript) 、文档对象模型 (Document Object Model,简称 DOM) 、浏览器对象模型(Browser Object Model,简 称 BOM)151617。如下图所示: ECMAScript JavaScript DOMBOM 图 2.2 JavaScript 组成 在本项目设计中,我们利用 JS 实现一些基本如弹出框等技术,相对于 JSP 要更加 方便快捷。 2.2.3 3 过滤器技术过滤器技术 从 J2EE1.3 开始,Servlet2.3 规范中加入了对过滤器(Filter)的支持。过滤器能够 对目标资源的请求和响应进行截取。过滤器用于检测客户端请求和服务器的响应是否 满足过滤器规则,同时对数据进行操作。过滤器是通常封装了一些功能的 Web 组件, 同时,支持模块化,对功能性组件进行封装,并对其相应处理。过滤器具有动态的、 可重用的、可移植的、模块化的等多种优良特性。在过滤器的实现中,我们需要对其 进行 java 类的编写用以实现 filter 接口,同时进行 web.xml 的配置,使用和 元素对编写的 filter 类进行注册,并设置它所能拦截的资源。 过滤器的功能包括两个方面: 1、 HttpServletRequest 到达 Servlet 之前,拦截客户的 HttpServletRequest 。 根 据需要检查 HttpServletRequest ,也可以修改 HttpServletRequest 头和数据。 2、 在 HttpServletResponse 到达客户端之前,拦截 HttpServletResponse 。 根据需 要检查 HttpServletResponse ,也可以修改 HttpServletResponse 头和数据。 过滤器的工作原理18: 用户发出访问请求后,服务器首先根据开发人员设定好的过滤规则进行筛选,若 求情可通过过滤器,则直接交付请求,否则,可以对请求进行拦截,同时对请求进行 修改,使其可以通过过滤器检测,然后将更新后的请求交给服务器进行处理。此外, 也可以直接拦截请求后向用户响应。对响应信息也是相同的处理原理。 过滤器的工作方式分为四种,request 过滤器、forward 过滤器、include 过滤器、 error 过滤器。在本项目中,我们主要运用其检验后台用户的登陆状态192019。 第 2 章 相关技术 8 2.42.4 插件应用技术插件应用技术 .1 jspSmartUploadjspSmartUpload jspSmartUpload 是一个用于文件上传下载组件,它无需付费且功能全面,可以嵌入 到 JSP 文件中,用于完成上传下载操作。它的特点如下: 1、 易于使用。仅需要在 JSP 文件中写很短的代码就能完成文件的上传、下载操作, 容易使用。 2、 上传操作是可控的。用 jspSmartUpload 给予的对象和对象的操作方法,我们能 得到所有上传文件的相关内容(包括文件的名称,大小,类型,扩展名等) , 易于存储和获取。 3、 可以限制上传文件的类型等。这样的话,就能过滤那些与要求不符的文件。 4、 提供灵活的下载。短短几行代码,就可以从 Web 服务器转换成文件服务器。 无论文件在哪个目录下,都能使用 jspSmartUpload 做下载操作。 jspSmartUpload 组件开源,其 Jar 包可从网上自由下载,进行相关配置后,即可应 用21。 它主要包含以下几个类: 1、 File 类类:将有关上传文件的全部信息进行封装。这样,能获取上传的文件的名 称、扩展名、大小以及文件相关数据等内容。 2、 Files 类类:此类用于对全部上传文件的总体进行表示,通过这个类,能获取上 传文件的大小和个数等等相关内容。 3、 Request 类类:它的功能类似于 request(JSP 的内置对象) 。提供这个类的原因 是对文件的上传表单来说,表单项上的内容无法通过 request 来得到,所以只 有用 jspSmartUpload 的 Request 对象得到。 4、 SmartUpload 类类:对核心上传下载功能进行负载。 jspSmartUpload 组件是应用 JSP 进行 B/S 程序开发过程中经常使用的上传下载组件, 它使用简单,方便。在本项目中,我们主要应用其进行文件的上传下载功能的实现。 该技术最大问题是往往不支持中文,出现乱码现象,我们将针对这一问题作出改进, 更好的应用于项目的开发。 .2 CkeditorCkeditor Ckeditor 原名 FCKeditor,该名称来源于开发者的名字缩写。它是一个文字编辑器, 是开源的,一般专门应用于网页。Ckeditor 轻量化,是一个安装简便的插件,应用在在 第 2 章 相关技术 9 线编辑器中。可以和 ASP、ASP.NET、ColdFusion、ABAP、PHP、JSP、JavaScript 及 Java 等多种语言结合在一起使用。 在使用中,由于 CKEditor 是一个 Javascript 的应用,在前期配置成功后,我们对 它的应用只需要加载它仅需要在页面中将它引用,同时创建一个 Ckeditor 实例。且 Ckeditor 十分方便,它有很多参数可以自行配置,用户可以通过设定不同的参数来设置 其个性化的用户体验。 CKeditor 兼容绝大部分的网页浏览器,新版的编辑器的更新包括:新的用户界面, 一个支持 Plug-in 的 Javascript API,并提供对视觉障碍者的使用支持。CK 是对 FCK 的 代码的完全重写22。新版中不包含文件浏览器,因此,在本项目中,我们结合旧版 FCKeditor,实现完整的后台编辑以及图片上传功能。 .3 JQueryJQuery JQuery 是一个优秀的 JavaScript 框架。它是一个轻量级的 JS 库,支持 CSS3,并兼 容几乎所有的主流浏览器,JQuery 使用户能更方便地处理 HTML documents、events、 实现动画效果,并且方便地为网站提供 AJAX 交互。JQuery 还有一个比较大的优势是, 它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。 JQuery2324能够使用户的 html 页面保持代码和 html 内容分离,也就是说,不用再在 html 里面插入一堆 JS 来调用命令了,只需定义 id 即可。 JQuery 是免费开源的,且开发语法简单,其实现的界面动态效果十分绚丽,因此 深受开发人员的欢迎。JQuery 的官方插件是 JQueryUI。开发者可以任意扩展 JQuery 的 函数库或者按照自己的需求开发 UI 组件。目前网上已经有数以千计的 JQuery 插件, 覆盖各种各样的需求。例如 Ajax 辅助、数据表格、动态列表、XML 工具、拖曳、 cookie 处理、弹出层等等。JQuery 的文档说明很全,而且各种应用也说得很详细,同 时还有许多成熟的插件可供选择,比如 ComponentOne for jQuery25262724。 在本项目中,我们将利用 Jquery 的强大特性轻松实现部分新闻图片的动态展示28。 2.52.5 本章小结本章小结 本章中,我们对本次项目开发中所使用的主要技术,包括开发环境相关的开发工 具、开发语言如 JSP、CSS、JQuery 等语言以及相关的核心技术如过滤器技术,以及我 们所采用的插件技术进行了概要介绍。 第 3 章 系统可行性研究及需求分析 10 第第 3 3 章章 系统可行性研究及需求分析系统可行性研究及需求分析 3.13.1 系统可行性研究系统可行性研究 当前,信息时代愈加发达,生活节奏加快,无论是工作还是生活,信息成为一个 高频度名词。对信息的及时发布以及掌握无论在系统流程、工作调控还是日常生活, 都至关重要。因此,作为知识普及的前沿和阵地,一个及时、完整的新闻发布以及学 校信息对外公开的平台十分重要。人们需要通过这样一个平台来获得学校的及时动态, 掌握入学信息;学生需要这样一个平台来掌握每日的教学动态以及学校新闻;教师需 要这样一个平台来展示风采,高谈阔论;学校更需要这

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论