基于jsp的计算机网络课程网站设计与开发.docx
《基于jsp的计算机网络课程网站设计与开发.docx》由会员分享，可在线阅读，更多相关《基于jsp的计算机网络课程网站设计与开发.docx（27页珍藏版）》请在冰豆网上搜索。
基于jsp的计算机网络课程网站设计与开发
基于JSP的计算机网络课程网站设计与开发
摘要：
随着网络技术的迅猛发展，网络教育也呈现了前所未有的发展趋势。
但是我国的网络教育起步较晚，已经与国外先进的网络教育之间有了很大的差距。
我们希望通过努力开发一个功能比较完善的网络课程来带动大学的网络课程发展。
在网络课程中，提供了五大功能：
网上学习功能、网上测试功能、作业提交功能、师生交流功能和资源下载功能。
其中，网上学习功能为主，其他的功能也是必不可少的补充，它们共同构成了一个完善的网上学习系统。
此设计就是选用JSP语言和一些工具软件来开发网络课程的网站的，体现了用JSP技术的优越性。
关键词：
网络课程JSP网站
DevelopmentofNetworkCourseWebsiteBasedonJSPTechnology
Abstract:
Withtherapiddevelopmentofnetworktechnology.theeducationofthenetworkhaspresentedanunprecedenteddevelopmenttendency.Butthenetworkeducationofourcountrydidn’tstartveryearlyevenalittlelate.andtherehasbeenalongdistancebetweenournetworkeducationandadvancednetworkeducationabroad.Weexpecttomakewveryefforttodevelopnetworkcoursewithperfectfunction.sothanwecanmakeupandspuranthedevelopmentofthecollegenetworkcourse.Ournetworkcoursewillprovideuswithfivefunction.thoseare.functionforstudy.functionfoetest.functionfortransferringinformationformPCtoInternet.functionfordowningresourceandfunctionforcommunicationbetweenteachersandetudents.Amongthem.thefunctionforstudyisthemostimportant.ofcourse.theotherfunctionsarealsoessentialcomplements.theyformaperfecton-linestudysystemtogether..ThisdesignisjustdevelopingnetstationfornatworkcoursewithJSPlanguageandsometoolsofeware..ItembodiesthesuperiorityofusingJSPtechnology.
Keywords：
ThenetworkcourseJSPwebsite
毕业设计（论文）原创性声明和使用授权说明
原创性声明
本人郑重承诺：
所呈交的毕业设计（论文），是我个人在指导教师的指导下进行的研究工作及取得的成果。
尽我所知，除文中特别加以标注和致谢的地方外，不包含其他人或组织已经发表或公布过的研究成果，也不包含我为获得及其它教育机构的学位或学历而使用过的材料。
对本研究提供过帮助和做出过贡献的个人或集体，均已在文中作了明确的说明并表示了谢意。
作者签名：
日 期：
指导教师签名：
日 期：
使用授权说明
本人完全了解大学关于收集、保存、使用毕业设计（论文）的规定，即：
按照学校要求提交毕业设计（论文）的印刷本和电子版本；学校有权保存毕业设计（论文）的印刷本和电子版，并提供目录检索与阅览服务；学校可以采用影印、缩印、数字化或其它复制手段保存论文；在不以赢利为目的前提下，学校可以公布论文的部分或全部内容。
作者签名：
日 期：
1绪论
1.1网络课程概念及特点
1.1.1网络课程概念
网络课程，顾名思义就是用于网络教育的课程，首先，它是课程，其次我们强调它必须具有网络的特点。
按照美国新教育百科辞典“课程”条目：
“所谓课程是指在学校的教师指导下出现的学习者学习活动的总体，其中包含了教育目标、教学内容、教学活动乃至评价方法在内的广泛的概念”。
网络应用于教育领域，给人们提供了大量便捷的学习机会、丰富的教学环境和教学资源，使学习活动更加自主化、个性化，使教育的适应性得以大大加强，网络课程要充分体现网络的这一特点，构建多媒体化的接近真实生活的自主、协作学习情境，能充分利用网络的资源开放性。
总而言之，网络课程就是通过网络表现的某学科的教学内容及实施的教学活动的总和。
它包括两个组成部分：
按一定的教学目标、教学策略组织起来的教学内容和网络教学支撑环境，其中网络教学支撑环境特指支持网络教学的软件工具、教学资源以及在网络教学平台上实施的教学活动。
网络课程是一种可以跨越时空的开放式的课程体系。
传统的课程教学是基于课堂的集体授课。
教师面对面地在课堂上将课程内容通过备课，转化为自己的语言并以一定的结构传授给学生。
师生之间可以进行面对面的交流，教师可以通过多种信息通道得到学生的信息反馈，及时调整授课进程和方式。
但当班级人数较多时，教师就不能很好地照顾到每个学习者的个别需要。
同时，这一课程模式要求教学同步进行（如图1），种种局限的存在使得课堂教学已经不能满足目前社会教育发展理念和实践的需要。
而网络课程的出现则一定程度上满足了这一需求，学习者可以不再局限于课堂这一特定的空间，可以随时随地进行学习。
图1课堂教学模式中的信息交互
网络课程的资源更为丰富。
网络以资源丰富和信息递送方便见长。
除了提供相应参考书目和简单的内容介绍方便学习者选择和查阅外，网络课程还推荐教师精心选择的与课程相关的资源链接，轻点鼠标，学习者就可以进入另外一个缤纷的世界。
教育心理学认为概念和理论的学习是要通过理解这一概念或理论在不同背景下的各种阐述和表现，才能完整、深刻地认识。
网络提供的丰富资源则适应了学习者的这一需要。
比较完善的网络课程还为学习者提供自我评价和与他人交流、评价他人的环境，随着学习的进展，不断积累的学习者的资料成为新的宝贵的学习资源。
网络课程是多点对多点的交互，更强调协作性的学习。
在课堂教学中一般是点对面的交互（师——生），信息集中在教师那里处理，学生得到的信息量相对较少。
如图2所示，在基于网络的课程模式中，师生可以通过多种交互手段如聊天室、BBS、E—mail来进行交流，学生除了和教师交流还可与同学一起协商，通过网络组成了一个学习信息网，对信息的利用率大大提高了。
有教师参与，学生自己管理聊天室和BBS，体现了学习者是学习主体的思想。
对学习过程中比较普遍的问题，教师将其组织到FAQ（FrequentlyAskedQuestions）列表中，便于同学查阅，同时也丰富了课程资源。
图2网络课程模式中的信息交互
1.1.2网络课程的特点
（1）资源共享性：
网络课程可通过网络供给不同学习者使用。
网络课程存放在网站的服务器上，可以让能够上网的学习者使用，学习者通过网络与网站的服务器连接获取网络课程信息，并进行学习。
（2）开放性：
网络课程在时间、空间和课程体系及内容结构上都是开放的。
网络课程体系及内容结构具有模块化、可扩展、更新周期短的特点，网络课程是跨时空开展教学活动的，学习者可以通过网络随时随地参与课程学习。
（3）即时更新性：
即时更新性也称动态性，指网络课程的学习内容是及时更新的。
网络课程不仅比印刷媒体更新速度快，而且比单机版的多媒体课件也更新快，只需要将更新的那一部分内容上传到服务器上，不需要上传全部课程内容，学习者就能够通过网络学习到最新的教学内容。
（4）时空不限性：
学习者无论在何时何地只要通过网络就能够利用网络课程进行学习。
（5）交互性：
网络课程可以通过网络（聊天室、BBS、E—mail等）实现人与机、教师与学生、学生与学生之间教与学的交互。
（6）自主性：
网络课程以学生自主学习为主，充分体现了学习的个性化特征，学生在学习过程中具有较大的选择性和自由度。
（7）协作性：
网络课程可以让教师、学生通过讨论、合作、竞争等形式完成一个确定的学习任务。
（8）非线性：
网络课程的内容结构方式是非线性、超链接的，课程结构十分灵活，这是由Web本身的特性所决定的。
（8）多维性：
网络课程内容表现形态的多维性，即网络课程的内容可以通过文字、图形、图像、声音、动画和视频等多媒体形式来表现，可以二维模拟、三维仿真，还可以通过虚拟现实实现多维的教学信息传递。
这是传统的教学不具有的特性。
（9）整合性
网络课程体现了信息技术、信息资源、信息方法、人力资源、课程内容和现代教育思想的整合，是一种新型课程模式。
在《计算机网络》的课程网站中，具有网络课程的基本特点，能够满足广大的学习者实现网上学习功能。
1.2网络课程应该具备主要功能
（1）共享功能：
从个人计算机到局域网，然后发展到互联网，资源的共享能力越来越强。
网络课程的资源不存在网上登陆，在网络课程的资源下载板块里，学生可以尽情下载。
网络课程的资源建设不再重复；对于学生来说，利用计算机网络资源共享功能可以高效率地获取各种学习资源，同时将自己的学习经验与他人分享。
（2）虚拟功能：
利用计算机网络的虚拟功能可以在网上实现所谓的“网上学校”。
在这样一所没有围墙的学校中，学生的学习是一种开放性的学习，学生可以在自己家里、在业余的时间来进行学习．真正实现终身教育。
同时，也给不同社会阶层的人士提供平等的学习机会。
（3）交互功能：
计算机可以实现人——机之间的双向沟通，利用计算机网络则可以实现人与人之间的远距离信息传播。
在这种人机交互、人与人之间的交互过程中，学习也变得更有启发性和具有更高的效率。
（4）协作功能：
以往的计算机辅助教学是单机教学，这样能够实现个别化学习。
但是个别化学习只能解决部分学习问题，人们在实践中遇到的更多的问题是如何与他人合作，共同完成任务。
计算机网络提供了这种协作的环境，从而使网络课程也具备了这样的协作功能，可以在网络课程中开展各种协作的学习活动。
（5）服务功能：
随着网络教育的不断深入发展，网络课程的服务功能也逐渐被人们所认识。
同传统的教育教学方式不同，在网络上开展教育活动，学生是学习的主体，教师在传统课堂上的地位在网络课程中发生了根本性的变化。
传统课程学习活动中，以没有掌握相应专业知识的学生作为输入对象，经过传统课程学习后，输出的是知识和能力都得到增长的学生。
而在网络课程学习中，学生的学习始终贯穿于学生的一生。
所以在网络课程学习中，学生的输入和输出变得难以准确界定。
网络课程向学生提供终身服务，网络课程不是要造就学习者，而是要以学习者为中心，向学习者提供帮助。
网络课程的论坛里有个服务专区，是针对那些在网络课程学习中有疑问的学生提出的问题，然后有专门的教师有针对性给于回答。
1.3网络课程的制作工具
1.3.1网络课程制作软件的使用
（1）网站框架程序软件
网络课件的框架使用DreamweaverMX网页设计软件编制，MacromediaDreamweaverMX是一款专业的HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。
利用Dreamweaver中的可视化编辑功能，可以快速地创建页面而无需编写任何代码。
可以查看所有站点元素或资源并将它们从易于使用的面板直接拖到文档中。
可以在MacromediaFireworks中创建和编辑图像，然后将它们直接导入Dreamweaver，或者直接在Dreamweaver中添加MacromediaFlash对象，从而优化开发工作流程。
作为网络课程主要制作软件，先必须建立网络课程的站点，然后把所有的网页和模板全都放在站点里，利用站点来管理制作网页.这也是制作网站的基本常识。
这样不仅方便制作网站，而且对网站的设计也很有规律性；也有利于网站制作完成后的系统整合，充分利用了Dreamweaver3.1.1网站框架程序软件MX站点的各项功能来实现网站的全面完成。
（2）图像处理软件
FireWorks或PhotoShop等图像处理软件可进行界面及艺术字的美观设计。
Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大型图形切割、动态按钮、动态翻转图片等，对于辅助网页编辑来说，Fireworks将是最大的功臣。
在网络课程的图片处理过程中，由于，网站的图片基本上都很小，而且要求不是很高，所以多数情况下使用FireworksMX来处理图片比较灵活，使用方便。
，但是作为通用平面美术设计软件Photoshop它的功能完善，性能稳定。
我们也注意它的使用价值，在制作一些比较大的图片或者是要求比较高的图片，比如：
网络课程的logo就完全是用Photoshop设计完成的。
（3）动画制作软件
Flash是Macromedia公司的一个网页交互动画制作工具，与其它工具相比，它具有矢量描述、播放流畅、数据量小、色彩鲜明等特点。
特别重要的一点是，其它的教学软件都必须下载处理后才能用到课堂教学上，而Flash采用了"流"技术，可以边下载边播放，这样就能使整个教学过程流畅自然。
而且用Flash制作的动画数据量很小，有利于它在互联网上传输，方便使用者在互联网上直接调用运行。
加上Flash的描述是基于矢量的，用它制作出来的动画可以任意缩放，不会产生任何变形，等等。
由于Flash的这些优点，我们制作网络课程网站的同时，不仅自己制作一些Flash动画，还把一些短小的影片转换成Flash的swf格式这样使文件变小，有利于网络的传输，在网上浏览，这点是非常重要的。
（4）其它工具
①SnagIt
这个软件主要是用来取图的，通过某些手段，把某些图片用这个软件来抓取某些有用的部分，来弥补网站上的一些不足。
②Colorkey
可以在屏幕上任意处取色值，这个软件在网站的配色方面起到重要的作用，网络课程中为了整个网页的颜色协调性，而用dreamweaver软件里也没有这个取色的功能，所以制作网站的配色基本上就取决于Colorkey。
③EditPlus2
文字编辑工具，在动态网站制作时，很方便打开和修改asp、jsp源代码，网络课程的资源下载、作业提交、测试系统和论坛都是以动态的形式表现出来的网页，因此EditPlus2对网络课程功能实现十分重要。
④UleadVideoStudio
Ulead（会声会影）是一个视频编辑软件，可以轻松创建带有生动的标题、视频滤镜、转场和声音的视频作品。
在网络课程中我们利用它来制作一些简单的视频，如：
在网络课程的动画教学中，第一个就是用UleadVideoStudio做出的网络课程制作主要页面的连续播放视频。
1.3.2编程语言的使用
总的来讲，JavaSeverPages（JSP）和微软的ActiveSeverPages（ASP）在技术方面有许多相似之处。
但仍然存在很多不同之处，其中最本质上的区别在于：
两者是来源于不同的技术规范组织，其实现的基础：
WEB服务器平台要求不相同。
而最明显的不同点：
开发人员在对两者各自软件体系设计的深入了解的方式不同。
JSP技术基于平台和服务器的互相独立，输入支持来自广泛的，专门的，各种工具包，服务器的组件和数据库产品开发商所提供。
相比之下，ASP技术主要依赖微软的技术支持。
（1）平台和服务器的独立性
JSP技术依附于一次写入，之后，可以运行在任何具有符合JavaTM语法结构的环境。
取而代之过去依附于单一平台或开发商，JSP技术能够运行在任何WEB服务器上并且支持来自多家开发商提供的各种各样工具包。
由于ASP是基于Activex控件技术提供客户端和服务器端的开发组件，因此ASP技术基本上是局限于微软的操作系统平台之上。
ASP主要工作环境是微软的IIS应用程序结构，又因Activex对象具有平台特性，所以ASP技术不能很容易地实现在跨平台的WEB服务器的工作。
尽管ASP技术通过第三方提供的产品能够得到组件和服务实现跨平台的应用程序，但是Activex对象必须事先放置于所选择的平台中。
（2）开放的开发过程，开放的源代码
JSP应用程序界面（API）毫无疑问已经取得成功，并将随JAVA组织不断开放扩大继续完善。
相反，ASP技术仅依靠微软本身的推动，其发展是建立在独占的，封闭的开发过程基础之上。
ASP技术
JSP技术
可重用.
跨平台组件
没有JAVABEANS
企业级JAVABEANS，定制JSP标签
安全:
防范系统崩溃
没有
有
内存泄露保护
没有
有
脚本语言
VBSCRIPT.JSCRIPT
JAVA
定制标签
没有
有
兼容传统的数据库
可以（COM）
可以（用JDBCAPI）
集成数据源的能力
能工作在任何符合ODBC规范的数据库
工作在任何符合ODBC规范的数据库，而且能访问符合JDBC技术规范数据库
组件
COM组件
JAVABEANS，企业级JAVABEANS或扩展的JSP标签
扩展工具支持
有
有
表1JSP和ASP比较
（3）从开发人员的角度来看：
ASP和JSP技术都能使开发者实现通过点击网页中的组件制作交互式的，动态的内容和应用程序的WEB站点。
ASP仅支持组件对象模型COM，而JSP技术提供的组件都是基于JavabeansTM技术或JSP标签库。
由此可以看出两者虽有相同之处，但其区别是很明显的。
1.3.3数据库的使用
MYSQL是一个功能强大的数据库语言。
SQL通常使用于数据库的通讯。
ANSI（美国国家标准学会）声称，MYSQL是关系数据库管理系统的标准语言[4]。
MYSQL语句通常用于完成一些数据库的操作任务，比如在数据库中更新数据，或者从数据库中检索数据[11]。
使用MYSQL的常见关系数据库管理系统有：
Oracle、Sybase、MicrosoftSQLServer、Access、Ingress等等。
虽然绝大多数的数据库系统使用SQL，但是它们同样有它们自立另外的专有扩展功能用于它们的系统。
但是，标准的MYSQL命令，比如"Select"、"Insert"、"Update"、"Delete"、"Create"和"Drop"常常被用于完成绝大多数数据库的操作。
但是，不像其它的语言，如C、Pascal等，MYSQL没有循环结构（比如if-then-else、do-while）以及函数定义等等的功能。
而且MYSQL只有一个数据类型的固定设置，换句话说，不能在使用其它编程语言的时候创建自己的数据类型。
（1）表
关系数据库通常包含多个表。
数据库实际上是表的集合，数据库的数据或者信息都是存储在表中的。
表是对数据进行存储和操作的一种逻辑结构，每一个表都代表一个对用户意义的对象。
例如，一个公司数据库中，会有雇员表、部门表、库存表、销售表、工资表等等。
经常见到的成绩表就是一种表，它是有行和列组成的，并且可以通过名字来识别数据。
列包含了列的名字、数据类型以及列的其它属性；行包含了列的记录或者数据。
（2）数据检索
在SQL中SELECT语句通常用于检索数据库，或者检索满足设定条件的数据。
（3）网站中的数据库
网站数据库的主要目的就是存储信息，一般是通过前台页面与浏览者的交互收集信息，然后结合前台的程序（一般为动态页面），实时生成浏览者所看到的最新内容，从而具备普通静态页面所不能达到的效果。
2课程网站的设计与开发
2.1网站的设计
2.1.1网站的设计原则
网络课程的网站必须以实用、有效的原则来制作。
能体现个性化、协作化、交互性、开放性。
2.1.2网站的设计思想
（1）总体设计
总体设计是设计过程中最重要的一环，它是形成网络课程设计总体思路的过程，决定了后续开发的方方面面，网络课程设计过程中，总体设计具有规范性、组织结构具有条理性。
网络课程的总体设计中，不仅对网络课程的整体框架的设计还包含了内容的整体规划以及课程内容怎样安排在网页中，都作了详细的计划，和老师一起讨论了很长时间，经过不断的修改最后才决定。
（2）教学设计
网络课程设计时，教学设计注重教学目标及教学内容分析、设计教学活动时注意情境创设，强调"情境"在学习中的重要作用、注意信息资源设计，强调利用各种信息资源来支持"学"（而非支持"教"）、强调以学生为中心、注重自主学习设计、强调"协作学习"，要注重协作学习环境设计、注重基于网络教学策略设计。
网络课程的网上学习就是针对这个环节还设计的，网上学习中有三部分，两部分是教学内容：
文本教程和动画教程；第三部分是课后测试，这里也是针对网上学习后的一个总结，可以巩固和检测学习内容，通过网上学习的设计，静态学习，动态学习再加上课后测试，相信学生的学习效果可以得到很大的提高，同时也是我们设计网上学习时希望达到的一个结果。
（3）界面设计
界面设计即对屏幕上将要显示的信息的布局进行设计，包括主页面、子栏目分页面不同级别设计、页面的过渡方式等。
界面布局要合理、风格一致、色彩搭配协调。
文本设计、图片选择要美观大方，能激发学习者的学习激情。
界面设计中，充分利用网页制作工具及其辅助工具，例如，取色工具可以协调整个网站的配色；动画和图片处理这里也能得到充分利用等等。
（4）课程完整性
一个完整的网络课程，不仅在完成网页和基本功能外，还要把他们结合起来，充分利用站点，成为一个形式上完整的网络课程。
最后完成网络课程系统整合后，还要添加相应的说明文档等，这样才具备了发布网络课程的资格。
（5）网络发布性
由于网络课程直接运行在Internet上，所以必须考虑其在低带宽下运行的流畅性。
网络课程的设计时就考虑到发布性的特点，所以我们采用大图换小图，进行图片的优化，全部图片都是jpg和gif格式。
2.2网站的制作
2.2.1网站的基本结构
（1）程序目录结构：
|-------|---------------------------------------------------
|--admin|后台管理的目录
|-------|---------------------------------------------------
|-------|--css后台CSS文件目录
|-------|---------------------------------------------------
|-------|--help后台帮助系统目录
|-------|---------------------------------------------------
|-------|--images后台的图片图片目录
|-------|---
升级会员 