科研网站设计.docx
- 文档编号:30563224
- 上传时间:2023-08-16
- 格式:DOCX
- 页数:29
- 大小:280.32KB
科研网站设计.docx
《科研网站设计.docx》由会员分享,可在线阅读,更多相关《科研网站设计.docx(29页珍藏版)》请在冰豆网上搜索。
科研网站设计
科研日常管理网站设计
姓名:
王鹏鹏
学号:
3110702106
班级:
信息111
在信息时代飞速发展的今天,无论是企业还是学校,信息化建设都成为一个必不可少的模块。
校园网站作为学校高度信息化的平台,主要用于达到学校面向大众的宣传效应以及日常校园管理中信息的及时发布。
因此,一个好的校园网站在提高校园日常管理效率的同时,达到良好的宣传效应。
而怎样利用一项新的技术构建校园网站,加速学校信息化的进程,提高学校及教师的工作效率,增强教育资源的管理,从而提升学校的知名度成为我们亟待解决的一个问题。
本校园网站课题在对各个组织相关理论进行分析的基础上,采用了目前应用比较普遍的B/S架构,在JSP技术和MySQL数据库管理技术的基础上进行设计和实现,能够很好地帮助学校解决教学资源管理的许多难题。
在设计与开发过程中,我们采用JSP结合CSS以及JavaScript设计语言,利用MyEclipse,以MySqlServer为数据库,Tomcat为web服务器进行开发,网站为B/S架构,开发过程中遵循三层架构模式,降低了系统的复杂性,提高了系统的可扩展性。
我们将系统分为前台页面展示和后台管理两大模块,将使用对象划分为两种用户角色并赋予不同级别的权限。
此外,在开发过程中,我们利用JavaScript实现动态图片的展示。
最后,我们通过CSS结合HTML的精心设计,在实现基本功能的同时,尽力达到简约时尚、页面布局合理舒适,色彩清新的界面设计,在体现其新闻性的同时,提高网站的观赏性,让人耳目一新。
本次网站的设计与实现过程基于对校园业务需求的深入调研。
因此,本网站系统主要针对高校科研信息的管理和查询。
在符合需求的同时,我们实现了合理布局以及便捷式的操作界面。
能够切实的推动学校适应现代化技术的发展,增强学校资源的利用率,加强学校管理效率,同时提升了学校的知名度。
最终,达到了研究目的并实现系统的设计意义。
关键词:
校园网站,设计,JSP,科研管理
目录
第1章 绪论2
1.1研究背景及意义2
1.2本文研究内容及论文组织结构3
第2章 相关技术4
2.1开发环境简介4
2.1.1开发工具MyEclipse5
2.1.2数据库MySqlServer5.65
2.1.3服务器Tomcat7.06
2.2开发语言介绍6
2.2.1JSP6
2.2.2CSS7
2.2.3JS8
2.3过滤器技术9
2.4插件应用技术9
2.4.1jspSmartUpload9
2.4.2Ckeditor10
2.4.3JQuery11
2.5本章小结11
第3章 系统可行性研究及需求分析12
3.1系统可行性研究12
3.2需求分析13
3.3本章小结14
第4章 系统设计15
4.1框架设计15
4.2数据库逻辑结构设计16
4.3模块设计18
4.3.1科研图片展示部分18
4.3.2身份验证及登陆认证19
4.3.3科研信息发布20
4.3.4资料下载设计21
4.3.5权限设计21
4.4本章小结21
第5章 系统部分实现及测试22
5.1关键技术的实现22
5.1.1表单的基本操作22
5.1.2数据库的基本操作23
5.1.3资料的下载24
5.1.4其他关键技术25
第6章总结26
第1章 绪论
1.1研究背景及意义
随着信息技术的飞速发展,互联网走入千家万户,正在逐步深刻地影响着我们的工作及学习的方方面面,现如今,它已深入到大家的日常生活当中,成为人们交互信息的重要渠道。
网站是互联网兴起后,人们交互信息的重要途径,它能够实现信息的发布、传递以及获取。
学校网站的建立,有利于学校信息的公布,是学校的运作公正公开,逐步实现透明化,同时,有助于学生与老师、学生与学生之间的沟通。
校园网站的出现为学校管理带来了一种崭新的模式,促进了旧式学校管理方法的改革。
伴随着信息时代的来临,旧式的学校管理将面临全新的变革。
旧式的学校组织机构被改革成一个网络系统,使得学校的管理趋于简化,效率得到了空前提高。
在当今社会,传统的“教师讲授,学生学习”的模式已经被“以学生为主,以教师为辅”的新式教学模式所代替。
随着新式教育理论的不断完善,越来越多的信息资源由校园网站所提供。
校园网站能够为师生提供交流信息和资源共享的平台,能够提高学校的教育水平和科研能力。
因此,校园网站的建设不仅响应国家教育文件的精神,还能为全校师生提供一个沟通交流的平台
在因特网飞速发展的今天,目前我们亟待解决的一个问题是:
怎样利用一项新的技术构建校园网站,加速学校信息化的进程,提高学校及教师的工作效率,增强教育资源的管理,从而提升学校的知名度。
该系统需要多方面考虑每一个用户的使用。
本校园网站课题在对各个组织相关理论进行分析的基础上,采用了目前应用比较普遍的B/S架构,在JSP技术和MySQL数据库管理技术的基础上进行设计和实现,能够很好地帮助学校解决教学资源管理的许多难题[1]。
本课题的研究意义表现在以下几个方面:
其一,推动学校适应现代化技术的发展,其二,增强学校科研资源利用率,其三,加强学校科研管理,其四,提升学校的知名度。
1.2本文研究内容及论文组织结构
本课题的研究围绕以下方面开展:
●熟悉MyEclipse+MySql Server+Tomcat的开发环境,熟悉JSP、CSS、HTML、JavaScript开发语言。
●涵盖校园科研网站的基本功能,包括网站的实时科研新闻发布、科研项目、项目管理、科研成果、学术交流、资料下载。
同时,实现完整的后台管理界面。
包括功能模块维护等。
●采用B/S模式以及三层设计架构实现代码,降低系统复杂度并提高可扩展性,且实现易维护性。
●通过网页页面的CSS设计等,尽力达到简约时尚、页面布局合理舒适,色彩清新的界面设计。
论文组织结构如下:
第一章 绪论。
阐述系统的研究背景,介绍本文的主要研究工作。
第二章 相关技术分析。
介绍我们所采用的主要技术以及核心实现技术。
第三章 系统可行性研究及需求分析。
对系统需求进行概要说明,并分析其可行性。
第四章 系统设计。
包括系统整体架构的分析设计以及数据库设计,同时介绍几种主要的系统设计模式。
第五章 系统的部分实现。
对网站开发的软硬件环境需求进行说明,着重介绍该网站实现的关键技术。
第六章 总结。
第2章 相关技术
2.1开发环境简介
本项目中,我们主要采用JAVA+JSP开发为主,结合HTML+CSS进行网页布局的设计,并适当利用JavaScript以及JQuery实现某些特定功能。
因此,根据项目采用的开发语言,为提高项目开发效率,我们决定利用MyEclipse进行开发,数据库采用开源的MySQL,并配合使用Tomcat服务器,构成本项目完整的开发环境。
以下为开发环境的概要介绍。
2.1.1开发工具MyEclipse
MyEclipse是用于开发Java、J2EE的一个优秀的Eclipse插件集合,广泛支持各种开源的产品。
几乎囊括所有Eclipse支持的产品,因此备受青睐。
MyEclipseEnterpriseWorkbench是对EclipseIDE的扩展,支持HTML、Structs、JSP、CSS、Javascipt等等,因此我们可以利用其在数据库和JAVAEE开发、发布以及WEB应用程序服务的整合方面大大的提高工作效率,并利用它们的完美结合,最终设计出比较友好的用户界面以及动画效果。
本项目中,我们主要采用MyEclipse8.6版本进行开发。
其仍然选择Eclipse3.5.2作为核心,但8.6的版本在8.5之上进行了很大的改进。
MyEclipse8.6的重点是进一步简化基于标准应用程序对后端平台Spring框架的支持,包括SpringMVC、SpringWebFlow、iPhoneWeb应用程序、谷歌Web工具包(GWT)和AdobeFlex,支持最新版本ApacheTomcat,支持Structs2并加载模块的自定义功能。
各方面的特性都更有利于大大提高Web项目的开发。
因此,我们采用MyEclipse8.6版本进行开发。
2.1.2数据库MySqlServer5.6
MySQL由瑞迪的MySQLAB公司开发,属于Oracle公司,是一种关系型数据库管理系统,即将数据保存在不同的表中,而不是将所有数据放在一个大仓库内,这样的特点是得数据库的速率增大并提高了灵活性。
MySQL的SQL语言为访问数据库的的最常用标准化语言。
MySQL由于其特性开源,且它的体积小、速度快、总体拥有成本低,同时,MySQL使用了多种编译器进行测试,保证了源代码的可移植性,提供多接口,广泛支持各种编程语言,兼容性良好,提高TCP/IP、ODBC、JDBC等多种数据库接入方式,同时也支持大型数据库,支持多种存储引擎,并有丰富的扩展功能。
因此,一般中小型的网站,因其超高的性价比,往往会选择采用MySQL作为网站的数据库。
在本项目中,我们采用了MySqlServer5.6,同时为了开发便捷,我们采用了官方提供的图形化管理界面MySQLWorkbench5.2CE。
在最新的5.6版本中,数据库的可扩展性、集成度以及查询性能都会得到提升。
新增功能包括实现全文搜索,开发者可以通过InnoDB存储引擎列表进行索引和搜索基于文本的信息;InnoDB重写日志文件容量也增至2TB,能够提升写密集型应用程序的负载性能;加速MySQL复制;提供新的编程接口,使用户可以将MySQL与新的和原有的应用程序以及数据存储无缝集成。
2.1.3服务器Tomcat7.0
Tomcat是Apache软件基金会的Jakarta项目中的一个核心项目,由Apache、Sun和其他一些公司及个人共同开发而成。
由于有了Sun的参与和支持,最新的Servlet和JSP规范总是能在Tomcat中得到体现,Tomcat5版本之后开始支持最新的Servlet2.4和JSP2.0规范。
Tomcat技术先进、性能稳定,且是免费开放源代码的Web应用服务器,成为目前比较流行的Web应用服务器。
目前最新版本是7.0。
此外,Tomcat运行时占用系统资源少,且扩展性良好,支持WEB开发几乎所有的常用应用功能,且处于不断更新和进步之中,属于轻量级WEB应用服务器。
Tomcat5版本之后支持最新的JSP规范。
本项目的开发基于JSP,为了使得JSP能够更好的和Tomcat进行契合,我们选择Tomcat7的一个重要原因是,Tomcat7.x版本在6.0的基础上实现了对于Servlet3.0、JSP2.2和EL2.2等特性的支持。
且在WEB开发方面得到了进一步的改善,如 支持Web应用内存溢出侦测和预防,支持web应用中的外部内容的直接引用等等。
2.2开发语言介绍
2.2.1JSP
JSP全称Javaserverpages。
是一种动态网页技术的标准。
该技术用于在传统的静态网页HTML中加入JSP标记和JS(JavaScript),其中Java片段用于实现数据的发送和交互等操作,所有的操作都集成在服务器端进行,这样使得客户端免去了对JAVA等技术支持的要求,只需要具备主流浏览器即可方便的访问JSP页面,从而更好实现网页功能。
JSP为跨平台设计,兼容各类主流的操作系统,有良好的移植性。
JSP本质相当于一个Servlet,它利用<%..%>标记将java片段扩展至html中,当页面请求发送到服务器端后,服务器对java片段进行动态处理,即封装了动态逻辑的处理,最终解析形成一个静态的html页面发回客户端,从而满足客户浏览各类网页的需求。
自从JSP推出,目前已具备多种优良特性。
JSP将其内容的显示与生成分离,依赖可重用性、跨平台组件,适应各类平台,移植性良好,并支持众多的数据库连接接口。
由于其开发特性广受欢迎,迅速得到各大公司的支持,因此,JSP形成了商业应用的服务器开发语言主流。
JSP的运行机制如下图所示[7]:
图2.1JSP文件的执行过程
JSP的工作原理:
当web容器(tomcat、jboss等等)接收到用户的第一个JSP页面请求时,JSP引擎将这个JSP页面转换为java源代码(servlet类),在转换过程中,如果发现JSP文件有任何的语法错误,转换过程将终止,并向服务器和客户端输出错误信息,如果转换成功,然后JSP引擎用javac编译java源代码生成class文件,然后web容器加载class文件并从此创建一个新的servlet对象进行实例化,当Servlet类实例化后,容器加载jsinit,以通知servlet它已进入服务行列。
然后JSPService()方法被调用来处理客户端的请求。
Container根据客户端的请求创建响应文档,并发送给客户端。
当该请求被再次发出时,在class存在的期限内,container会再次重复生成过程。
但当类文件被用户删除后,JSP文件被重新加载,新生成的响应文档被发送给用户。
若多用户申请访问,则JSP引擎会处理与请求数相同的多线程。
多线程模式可以提高效率,提高吞吐量以及反应速率。
服务器会检测JSP文件的更新状况并决定是否重新加载,若需要,则将最新结果替代原有版本。
当由于各种原因需要将servlet才内存中移去时,系统首先自动调用destroy()的方法,然后进行垃圾回收。
2.2.2CSS
CSS,全称CascadingStyleSheet,级联样式表。
在网页设计中用来控制网页的显示风格,我们通过设置CSS文件,可以统一的控制HTML中各类标签,包括用户标签和默认标签的显示方式,使得网页的外观得以有效的控制。
CSS相对于传统的html,作为一种样式设计语言,它将网页表现与内容分离,可以有效的对HTML以及XML等文件进行风格显示的控制,形成精确有效的设计风格。
且易于掌握易于操作。
CSS能够精确控制网页中布局,对相对位置或绝对位置进行限制,支持很多网页设计元素,用户可对其进行交互设计,是较为完备的设计语言之一。
CSS目前最新的版本为CSS3,CSS3较CSS的初期版本而言,开发趋势更接近于模块化,它将原来复杂的一个整体模块,划分为更加细小的模块,从而提高开发的效率,且CSS3向后完全兼容。
因此,在本项目中,我们主要以CSS的初期版本为主,以CSS3为辅,实现部分网页风格的设计。
2.2.3JS
JS,全称JavaScript由Netscape公司开发的一种脚本语言。
是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。
同时也是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能。
在HTML基础上,使用JavaScript可以开发交互式Web网页。
JavaScript能提高网页的互动能力。
他可以简化HTML内容,降低下载的时间。
它还可以及时的对用户操作做出回应,实时的对提交的表单进行检验,不用再因为交给CGI进行验证而浪费时间。
它并非预编译语言,而是类脚本语言,它将代码直接嵌入HTML中,只有当被浏览器读取时才编译和执行。
JavaScript无单独运行窗口,它所谓的运行窗口即浏览器的当前窗口。
一个完整的JavaScript的组成包括:
核心(ECMAScript)、文档对象模型(DocumentObjectModel,简称DOM)、浏览器对象模型(BrowserObjectModel,简称BOM)[15][16][17]。
如下图所示:
图2.2JavaScript组成
在本项目设计中,我们利用JS实现一些基本如弹出框等技术,相对于JSP要更加方便快捷。
2.3过滤器技术
从J2EE1.3开始,Servlet2.3规范中加入了对过滤器(Filter)的支持。
过滤器能够对目标资源的请求和响应进行截取。
过滤器用于检测客户端请求和服务器的响应是否满足过滤器规则,同时对数据进行操作。
过滤器是通常封装了一些功能的Web组件,同时,支持模块化,对功能性组件进行封装,并对其相应处理。
过滤器具有动态的、可重用的、可移植的、模块化的等多种优良特性。
在过滤器的实现中,我们需要对其进行java类的编写用以实现filter接口,同时进行web.xml的配置,使用
过滤器的功能包括两个方面:
1、HttpServletRequest到达Servlet之前,拦截客户的HttpServletRequest。
根据需要检查HttpServletRequest,也可以修改HttpServletRequest头和数据。
2、在HttpServletResponse到达客户端之前,拦截HttpServletResponse。
根据需要检查HttpServletResponse,也可以修改HttpServletResponse头和数据。
过滤器的工作原理:
用户发出访问请求后,服务器首先根据开发人员设定好的过滤规则进行筛选,若求情可通过过滤器,则直接交付请求,否则,可以对请求进行拦截,同时对请求进行修改,使其可以通过过滤器检测,然后将更新后的请求交给服务器进行处理。
此外,也可以直接拦截请求后向用户响应。
对响应信息也是相同的处理原理。
过滤器的工作方式分为四种,request过滤器、forward过滤器、include过滤器、error过滤器。
2.4插件应用技术
2.4.1jspSmartUpload
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.4.2Ckeditor
Ckeditor原名FCKeditor,该名称来源于开发者的名字缩写。
它是一个文字编辑器,是开源的,一般专门应用于网页。
Ckeditor轻量化,是一个安装简便的插件,应用在在线编辑器中。
可以和ASP、ASP.NET、ColdFusion、ABAP、PHP、JSP、JavaScript及Java等多种语言结合在一起使用。
在使用中,由于CKEditor是一个Javascript的应用,在前期配置成功后,我们对它的应用只需要加载它仅需要在页面中将它引用,同时创建一个Ckeditor实例。
且Ckeditor十分方便,它有很多参数可以自行配置,用户可以通过设定不同的参数来设置其个性化的用户体验。
CKeditor兼容绝大部分的网页浏览器,新版的编辑器的更新包括:
新的用户界面,一个支持Plug-in的JavascriptAPI,并提供对视觉障碍者的使用支持。
CK是对FCK的代码的完全重写[22]。
新版中不包含文件浏览器,因此,在本项目中,我们结合旧版FCKeditor,实现完整的后台编辑以及图片上传功能。
2.4.3JQuery
JQuery是一个优秀的JavaScript框架。
它是一个轻量级的JS库,支持CSS3,并兼容几乎所有的主流浏览器,JQuery使用户能更方便地处理HTMLdocuments、events、实现动画效果,并且方便地为网站提供AJAX交互。
JQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。
JQuery[23][24]能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆JS来调用命令了,只需定义id即可。
JQuery是免费开源的,且开发语法简单,其实现的界面动态效果十分绚丽,因此深受开发人员的欢迎。
JQuery的官方插件是JQueryUI。
开发者可以任意扩展JQuery的函数库或者按照自己的需求开发UI组件。
目前网上已经有数以千计的JQuery插件,覆盖各种各样的需求。
例如Ajax辅助、数据表格、动态列表、XML工具、拖曳、cookie处理、弹出层等等。
JQuery的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择,比如ComponentOneforjQuery[25][26][27]。
在本项目中,我们将利用Jquery的强大特性轻松实现部分新闻图片的动态展示[28]。
2.5本章小结
本章中,我们对本次项目开发中所使用的主要技术,包括开发环境相关的开发工具、开发语言如JSP、CSS、JQuery等语言以及相关的核心技术如过滤器技术,以及我们所采用的插件技术进行了概要介绍。
第3章 系统可行性研究及需求分析
3.1系统可行性研究
当前,信息时代愈加发达,生活节奏加快,无论是工作还是生活,信息成为一个高频度名词。
对信息的及时发布以及管理无论在系统流程、工作调控还是日常生活,都至关重要。
因此,作为知识普及的前沿和阵地,一个及时、完整的科研信息发布以及学校信息对外公开的平台十分重要。
学生需要这样一个平台来掌握科研信息;教师需要这样一个平台来展示风采,高谈阔论;学校更需要一个平台来展示科研成果。
因此,我们需要建设一个基本功能完备,易于操作,界面简洁干净、灵活易管理的校园科研网站,从而促进校园科研信息的及时更新与发布,提高学校的科研信息化管理水平。
经调查分析,本文得出结论,建立一个校园科研网站是可行且必要的,具体表现为以下几点:
(1)校园科研网站的建设有利于现代化人才的培养
近年来,许多学校进行了外在模式上的变革,但教育模式的本质丝毫没有动摇,依旧是老师主动传授、学生被动接受的旧式教育模式。
学生的独立思考能力以及创造性思维被扼杀,阻碍了学生性格及能力的发展,这对于学生是毫无益处可言的。
而校园网的建设,有利于营造美好的校园文化氛围,增加了学校的创新优势。
考虑到学校的人才培养以及长远发展,建设校园科研网站是可行且必要的。
(2)校园科研网站提供了新式教学、科研平台
教学和科研是学校的两大核心工作,提高教师的教育和科
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 科研 网站 设计