教学网站设计与实现毕业设计.docx
《教学网站设计与实现毕业设计.docx》由会员分享，可在线阅读，更多相关《教学网站设计与实现毕业设计.docx（50页珍藏版）》请在冰豆网上搜索。
教学网站设计与实现毕业设计
本科生毕业论文（设计）
论文（设计）题目：
《C语言程序设计》教学网站设计与实现
分院：
理工分院
专业（方向）：
年级、班级：
学生学号：
学生姓名：
指导老师：
2011年4月25日
论文独创性声明
本人所呈交的毕业论文（设计）是我个人在指导教师指导下进行的研究工作及取得的成果。
除特别加以标注的地方外，论文中不包含其他人的研究成果。
本论文如有剽窃他人研究成果及相关资料若有不实之处，由本人承担一切相关责任。
本人的毕业论文（设计）中所有研究成果的知识产权属海南大学三亚学院所有。
本人保证：
发表或使用与本论文相关的成果时署名单位仍然为海南大学三亚学院，无论何时何地，未经学院许可，决不转移或扩散与之相关的任何技术或成果。
学院有权保留本人所提交论文的原件或复印件，允许论文被查阅或借阅；学院可以公布本论文的全部或部分内容，可以采用影印、缩印或其他手段复制保存本论文。
加密学位论文解密之前后，以上申明同样适用
论文作者签名：
日期：
年月日
摘要
随着科学技术的飞速发展，互联网已经成为21世纪个人、企业和国家生存的重要部分。
网络正以前所未有的速度步入现代生活。
同时，对传统的教育、教学也产生了影响。
当今，国际信息化教育的主要趋势就是网络化教育。
而教学网站、学科网站都是网络化教育的重要形式之一。
近几年，C语言作为全国高校计算机相关专业的一门必修课程，其影响力也越来越大。
基于目前网上教学系统的现状，根据C语言这门课程的特点和要求，通过对现有教学网站功能及构建原理的分析和研究，结合信息化教育的特点，总结出C语言程序设计的教学平台所应该具备的主要功能。
通过信息系统开发方法、系统建模等技术手段进行了该系统与总体数据的规划、设计与实现。
在教学网站设计与实现过程中采用了基于JSP技术组建的教学网站的基本框架的思想，以及B/S等技术的网络软件体系结构，用JSP、SQLServer、Tomcat作为网站开发平台，采用ODBC技术作为访问与移植网络数据库的工具，以JSP技术作为网络动态应用的手段。
利用C语言教学网站这个平台可以建立开放式的教学模式，能充分调动学生的学习积极性和自主性，有效地提高教学质量。
【关键词】教学网站；JSP技术；数据库系统；B/S结构
绪论
1.1课题研究的背景与意义
近几年，全国各高校校园网建设都取得了较大进展，网络硬件已基本完成。
随着网络的普及，信息技术与课程整合是高等教育教学的重要内容。
将这些基本完善的硬件系统与教学结合起来为教师和学生提供一个良好的教学和学习的平台是我们现在要考虑的问题。
建设教学网站，对教学资源进行收集、整理、应用，实现教学资源的共享与交流，并能提高学生学习的主动性、积极性、及时性、有效性和高效性。
教学网站的作用不仅应该提供各类教学资源和材料，还应该实现教师与学生之间、学生与学生之间的互动，使大家能在统一的平台基础之上进行沟通与交流。
《C语言程序设计》是计算机科专业的重要基础课，在专业教学中起着承前启后的关键作用。
然而这门课程的理论性、操纵性都较强，仅凭老师在课堂上的有限讲授，学生很难充分理解和掌握。
开发一个《C语言程序设计》的公共教学网站是解决上述问题的有效方法。
该网站利用多媒体和互联网的交互性，为师生提供了交流的新平台，不仅适合那些C语言的初学者或很少有程序设计经验的学生，也为那些经验丰富的编程爱好者提供了交流和展示的平台。
1.2课题内容
建设一个基于校园网的《C语言程序设计》教学网站，服务于教师和学生。
在方便《C语言程序设计》专业课教师教学的前提下，对教学资源进行收集、整理。
同时方便学生对该门课程的学习，实现学生对课程的不定时，不固定地点学习。
还能实现学生与学生，教师与学生之间互动与交流，促进学生对该门课程学习的积极性、主动性、高效性。
在帮助需要学习《C语言程序设计》专业课程的专业之外，该网站还能满足其他专业对C语言喜欢学生的需要。
能让专业课学生与这些非专业课学生的进行交流，从而实现相互的促进与成长。
教师在这个网站中起着重要的作用。
教师不仅要对资源进行收集、整理和维护。
同时也要与同学进行交流，了解学生对该门课程的理解和学习程度，要兼顾不同学生的认知能力，总结教学经验。
在与学生进行交流的同时要听取学生建议，寻找和运用一种较适当的方法进行教学。
1.3可行性分析
经济可行性。
该教学网站作为本人的毕业设计，硬件方面需要联网PC一台，还有关于教学网站开发、Java语言、JSP、SQLServer2000等方面的参考书籍，这些书籍可以从图书馆借阅。
技术可行性。
该《C语言程序设计》教学网站是一个可视化的页面操作的，主要作用是将一些教程、课件发布到网站上，以供学生学习所用，并对数据进行及时的更新和维护。
该网站主要使用Java语言开发，用JSP实现可视化界面。
开发可行性。
该网站主要基于Java语言，开发平台为Windows7下的MyEclipse编程环境，后台数据库使用SQLServer2000。
教学网站相关技术和工具简介
2.1JSP简介
JSP（JavaServerPages）是由SunMicrosystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。
该技术为创建显示动态生成内容的Web页面提供了一个简捷而快速的方法。
JSP技术的设计目的是使得构造基于Web的应用程序更加容易和快捷，而这些应用程序能够与各种Web服务器，应用服务器，浏览器和开发工具共同工作。
JSP规范是Web服务器、应用服务器、交易系统、以及开发工具供应商间广泛合作的结果。
在传统的网页HTML文件（*htm,*.html）中加入Java程序片段（Scriptlet）和JSP标记（tag），就构成了JSP网页（*.jsp）。
Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序片段，然后将执行结果以HTML格式返回给客户。
程序片段可以操作数据库、重新定向网页以及发送email等等，这就是建立动态网站所需要的功能。
所有程序操作都在服务器端执行，网络上传送给客户端的仅是得到的结果，对客户浏览器的要求最低，可以实现无Plugin，无ActiveX，无JavaApplet，甚至无Frame。
2.1.1JSP的特点
JSP技术在多个方面加速了动态Web页面的开发：
1）将内容的生成和显示进行分离:
使用JSP技术，Web页面开发人员可以使用HTM或者XML标识来设计和格式化最终页面。
使用JSP标识或者小脚本来生成页面上的动态内容。
生成内容的逻辑被封装在标识和JavaBeans组件中，并且捆绑在小脚本中，所有的脚本在服务器端运行。
如果核心逻辑被封装在标识和Beans中，那么其他人，如Web管理人员和页面设计者，能够编辑和使用JSP页面，而不影响内容的生成。
在服务器端，JSP引擎解释JSP标识和小脚本，生成所请求的内容（例如，通过访问JavaBeans组件，使用JDBCTM技术访问数据库，或者包含文件），并且将结果以HTML（或者XML）页面的形式发送回浏览器。
这有助于作者保护自己的代码，而又保证任何基于HTML的Web浏览器的完全可用性。
2）强调可重用的组件:
绝大多数JSP页面依赖于可重用的，跨平台的组件（JavaBeans或者EnterpriseJavaBeans组件）来执行应用程序所要求的更为复杂的处理。
开发人员能够共享和交换执行普通操作的组件，或者使得这些组件为更多的使用者或者客户团体所使用。
基于组件的方法加速了总体开发过程，并且使得各种组织在他们现有的技能和优化结果的开发努力中得到平衡。
3）采用标识简化页面开发:
Web页面开发人员不会都是熟悉脚本语言的编程人员。
JavaServerPage技术封装了许多功能，这些功能是在易用的、与JSP相关的XML标识中进行动态内容生成所需要的。
标准的JSP标识能够访问和实例化JavaBeans组件，设置或者检索组件属性，下载Applet，以及执行用其他方法更难于编码和耗时的功能，通过开发定制化标识库，JSP技术是可以扩展的。
并且，以后第三方开发人员和其他人员可以为常用功能创建自己的标识库，这使得Web页面开发人员能够使用熟悉的工具和如同标识一样的执行特定功能的构件来工作。
JSP技术很容易整合到多种应用体系结构中，以利用现存的工具和技巧，并且扩展到能够支持企业级的分布式应用。
作为采用Java技术家族的一部分，以及Java2（企业版体系结构）的一个组成部分，JSP技术能够支持高度复杂的基于Web的应用。
2.1.2JSP知识体系和技术原理简介
JSP（JavaServerPages）是一种基于Java的脚本技术。
在JSP的众多优点之中，其中之一是它能将HTML编码从Web页面的业务逻辑中有效地分离出来。
用JSP访问可重用的组件，如Servlet、JavaBean和基于Java的Web应用程序。
JSP还支持在Web页面中直接嵌入Java代码。
可用两种方法访问JSP文件：
浏览器发送JSP文件请求、发送至Servlet的请求。
1）JSP文件访问Bean或其它能将生成的动态内容发送到浏览器的组件。
图5-1说明了该JSP访问模型。
当Web服务器接收到一个JSP文件请求时，服务器将请求发送至WebSphere应用服务器。
WebSphere应用服务器对JSP文件进行语法分析并生成Java源文件（被编译和执行为Servlet）。
Java源文件的生成和编译仅在初次调用Servlet时发生，除非已经更新了原始的JSP文件。
在这种情况下，WebSphere应用服务器将检测所做的更新，并在执行它之前重新生成和编译Servlet。
浏览器发送JSP文件请求
2）发送至Servlet的请求生成动态内容，并调用JSP文件将内容发送到浏览器。
该访问模型使得将内容生成从内容显示中分离出来更为方便。
WebSphere应用服务器支持HttpServiceRequest对象和HttpServiceResponse对象的一套新方法。
这些方法允许调用的Servlet将一个对象放入（通常是一个Bean）请求对象中，并将该请求传递到另一个页面（通常是一个JSP文件）以供显示。
调用的页面从请求对象中检索Bean,并用JSP来生成客户机端的HTML。
发送至Servlet的请求
2.2数据库连接方式简介
JDBC可具体实现数据库建立连接，想数据库发送语句，获得并处理结果集。
JDBC是一个编程接口集，它所定义的接口主要包含在java.sql和javax.sql中。
这两个包中定义的大部分只是接口，并没有实现具体的连接与操作数据的功能：
按照JDBC的体系结构设计，具体的功能实现是由特定的JDBC驱动器提供的，JDBC驱动程序经常使用的可分为以下三个种类：
1）JDBC网络纯Java驱动程序，这种驱动程序将JDBC转换为与DBMS无关的网络协议，这种协议又被某个服务器转换为一种DBMS协议。
这种网络服务器中间件能够将它的纯Java客户机连接到多种不同的数据库上。
所用的具体协议取决于提供者。
通常，这是最为灵活的JDBC驱动程序。
有可能所有这种解决方案的提供者都提供适合于Intranet用的产品。
2）JDBC-ODBC桥加ODBC驱动程序，JavaSoft桥产品利用ODBC驱动程序提供JDBC访问。
须将ODBC二进制代码（许多情况下还包括数据库客户机代码）加载到使用该驱动程序的每个客户机上。
这种类型的驱动程序最适合于企业网（这种网络上客户机的安装不是主要问题），或者是用Java编写的三层结构的应用程序服务器代码。
3）本地协议纯Java驱动程序，这种类型的驱动程序将JDBC调用直接转换为DBMS所使用的网络协议。
这将允许从客户机机器上直接调用DBMS服务器，是Intranet访问的一个很实用的解决方法。
2.3SQLServer2000数据库简介
选择SQLServer2000的理由
1）容易学习
大多数的中小企业日常的数据应用是建立在Windows平台上的。
由于SQLServer与Windows界面风格完全一致，且有许多"向导（Wizard）"帮助，因此易于安装和学习，有关SQLServer的资料、培训随处可得，并且目前国内具有MCDBA认证的工程师不在少数。
从另一个角度来讲，学习SQLServer是掌握其他平台及大型数据，如Oracle，Sybase，DB/2的基础。
因为这些大型数据库对于设备、平台、人员知识的要求往往较高，而并不是每个人都具备这样的条件，且有机会去接触它们。
有了SQLServer的基础，再去学习和使用它们就容易多了。
2）兼容性良好
由于今天Windows操作系统占领着主导地的位，选择SQLServer一定会在兼容性方面取得一些优势。
另外，SQLServer2000除了具有扩展性，可靠性以外，还具有可以迅速开发新的因特网系统的功能。
尤其是它可以直接存贮XML数据，可以将搜索结果以XML格式输出等特点，有利于构建了异构系统的互操作性，奠定了面向互联网的企业应用和服务的基石。
这些特点在.NET战略中发挥着重要的作用。
2.4Dreamweaver8.0简介
Dreamweaver是当前最流行的网页设计软件。
它与同为Macromedia公司出品的Fireworks和Flash一道，被誉为网页制作三剑客。
DreamweaverMX可以开发HTML、XHTML、ColdFusion、ASP、ASP.NET、JSP或PHP网站。
该软件可通过平面设计工具以及代码提示、标签编辑器、可扩展色彩代码、标签选择器、片段和代码检验这类编码特性来实现对代码和设计的管理。
新集成的工作空间可以与MacromediaFlashMX和FireworksMX共享，Dreamweaver8.0还包括有预建的布局和代码，其中有网站结构、表格、可访问的模板以及为客户端交互应用而提供的JavaScript。
Dreamweaver8.0与其它同类软件相比主要有以下优点：
不生成冗余代码。
可视化的网页编辑器，都要把使用者的操作转换成html代码。
一般的编辑器都会生成大量的冗余代码，给网页以后的修改带来了极大的不方便，同时还增加了网页文件的大小。
Dreamweaver则在使用时完全不生成冗余代码，避免了诸多麻烦。
方便的代码编辑。
可视化编辑和源代码编辑都有其长处和短处，有时候直接用源代码编辑会很有效。
Dreamweaver提供了html快速编辑器和自建的html编辑器，能方便自如的在可视化编辑状态和源代码编辑状态间切换。
强大的动态页面支持。
Dreamweaver的Behavior能在使用者不懂Javascript的情况下，往网页中加入丰富的动态效果。
Dreamweaver还可精确的对层进行定位，再加上timeline功能，可生成动感十足的动态层效果。
操作简便。
首先，Dreamweaver提供的历史面板、html样式、模版、库等功能避免了重复劳动，使用者不必重复输入相同的内容、格式。
其次，Dreamweaver能直接往页面中插入Flash、Shockwave等插件，经过设置后还可直接调用相应的软件对这些插件进行编辑。
最后，Dreamweaver与Fireworks集成紧密，可直接调用Fireworks对页面的图像进行修改、优化。
优秀的网站管理功能。
在定义的本地站点中，改变文件的名称、位置，Dreamweaver会自动更新相应的超级链接。
Checkin和Checkout功能可协调多个使用者对远程站点的管理。
便于扩展。
使用者可给Dreamweaver安装各种插件，使其功能更强大。
使用者若有兴趣，还可自己给Dreamweaver制作插件，使Dreamweaver更适应个人的需求。
2.5MyEclipse简介
Eclipse是一个IDE（IntegratedDevelopingEnvironment），而这个IDE是允许安装第三方开发的插件来使自身的功能得到扩展和增强的，而MyEclipse就是其中的一种有名的插件集之一，MyEclipse将开发者常用到的一些有用的插件都集合起来，但它是收费的。
Eclipse是一个开放源代码基于Java的可扩张的开发平台，多数人都是将Eclipse作为Java的集成开发环境使用，虽然Eclipse使用Java开发：
但Eclipse不仅仅局限于Java开发，还可用于其它语言的开发，如C/C++。
Eclipse是一个框架和一组服务，它通过各种插件来构建开发环境，因此只要提供支持C/C++插件便能进行相应语言的开发。
Eclipse最早是由IBM开发的，后来IBM将Eclipse作为一个开发源代码的项目，献给了开源组织Eclipse.org但仍由IBM的子公司OTI（主要从事Eclipse开发的人员）继续Eclipse的开发。
MyEclipse为Eclipse提供了一个大量私有和开源的Java工具的集合，这解决了各种开源工具的不一致和缺点。
NitroX是一个繁杂而强大的加速JavaWeb应用开发的工具，还包含了一个强大且能够编译所有JSP和StrutsWeb应用的工具AppXRay。
这些工具解析Java和XML配置文件。
MyEclipse的实际价值来自包含的发布包中的大量的工具。
如CCS/JS/HTML/XML的编辑器，帮助创建EJB和Struts项目的向导并产生项目的所有主要的组件如action/sessionbean/form等。
还包含编辑Hibernate配置文件和执行SQL语句的工具。
2.6Tomcat简介
Tomcat服务器是一个免费的开放源代码的Web应用服务器，Tomcat是Apache软件基金会（ApacheSoftwareFoundation）的Jakarta项目中的一个核心项目，由Apache、Sun和其他一些公司及个人共同开发而成。
由于有了Sun的参与和支持，最新的Servlet和JSP规范总是能在Tomcat中得到体现，Tomcat5支持最新的Servlet2.4和JSP2.0规范。
因为Tomcat技术先进、性能稳定，而且免费，因而深受Java爱好者的喜爱并得到了部分软件开发商的认可，成为目前比较流行的Web应用服务器。
Tomcat很受广大程序员的喜欢，因为它运行时占用的系统资源小，扩展性好，支持负载平衡与邮件服务等开发应用系统常用的功能；而且它还在不断的改进和完善中，任何一个感兴趣的程序员都可以更改它或在其中加入新的功能。
Tomcat是一个小型的轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP程序的首选。
对于一个初学者来说，可以这样认为，当在一台机器上配置好Apache服务器，可利用它响应对HTML页面的访问请求。
实际上Tomcat部分是Apache服务器的扩展，但它是独立运行的，所以当你运行tomcat时，它实际上作为一个与Apache独立的进程单独运行的。
这里的诀窍是，当配置正确时，Apache为HTML页面服务，而Tomcat实际上运行JSP页面和Servlet。
另外，Tomcat和IIS、Apache等Web服务器一样，具有处理HTML页面的功能，另外它还是一个Servlet和JSP容器，独立的Servlet容器是Tomcat的默认模式。
不过，Tomcat处理静态HTML的能力不如Apache服务器。
教学网站需求分析和概要设计
3.1网站需求分析
《C语言程序设计》教学网站可以实现其他教学网站的所具有的基本功能，用户必须先登陆，在管理员分配用户账号时就区分用户身份，这样可以方便用户登录，然后输入相应的密码，本网站有用户登陆与管理员登陆，网站的功能有公告栏、个人空间、教程区、课件区、上传区和知道吧。
个人根据不同的权限进行相应的操作，大体上满足了教学的要求。
系统开放式的数据库可以把教师收集的试题、课件随时上传到教程区和课件区中，实现了数据的有效管理，使管理员使用得心应手,大大提高了网站的效率。
顶层数据流图如下图所示。
教程信息请求教程信息
课件信息请求课件信息
个人空间信息请求个人空间信息
公告信息请求公告信息
知道吧信息请求知道吧信息
图3-1顶层数据流图
3.2网站功能需求
公告。
在这一部分中可以向学生发布一些校园信息、教学动态，本网站的一些注意事项、紧急通知等，学生通过公告管理能够尽快的了解到这些信息。
个人空间。
个人空间为用户提供了一个储存个人信息、上交作业、查询作业的平台。
教师在网上发布各章节的作业,学生在完成了每一章节的学习后,下载教师发布的作业,在完成教师的作业后再上传给教师,教师下载学生的作业进行批改,然后再将修改意见发布给学生。
教程区。
这部分用户可以浏览关于本门课程的一些学习教程，以及浏览用户上传的对本门课程学习有用的资料。
课件区。
这是教学网站的主要功能之一，也是学生进行网上学习的基础，在本网站中，教师根据其需要上传其教学课件，学生在学习时根据其学习需要随意浏览课件。
上传区。
管理员可以上传公告、课件、教程。
可以是文档，也可以是附件。
上传内容需管理员审核后在网页显示，改模块是提供了用户对资源的分享功能。
知道吧。
用户可以选择相应板块，然后提出问题也可对其他用户提出的问题进行解答。
老师可以在该板块对学生提出的相应问题进行解答，方便师生之间进行交流。
安全性：
由于完全开放了对服务器资源的访问，从JSP页面转换得到的不安全Servlet可能给服务器、服务器所在的网络、访问页面的客户机之中的任意一个或全体带来威胁，还可能影响到整个Internet，因此，从以上方面入手尽力保障了网站的安全性。
3.2.1系统实现过程分析
首先根据系统功能分析设计出数据库，以及数据库中的各个数据表。
在实现各个功能模块时，采用先模块化，后集成的方式。
即对系统各个功能模块分别独立设计和调试，在创建系统主窗体时再将各个功能模块通过主窗体的功能按钮集成到一起，最后进行系统整体设计调试。
在访问数据库时，采用公用数据模块存放访问数据库需要的对象。
该模块在各功能模块中被直接调用，避免对数据库的反复连接，并可减少代码编写，从而提高系统开发效率。
3.2.2系统开发与运行环境分析
《C语言程序设计》教学网站开发与运行环境如下：
开发环境：
Windows7
开发工具：
Java
开发平台：
MyEclipse9.0
数据库管理系统：
SQLServer2000
运行环境：
Windows7
3.3系统概要设计
通过对系统功能的需求分析，设计得出以下六个关键模块：
（1）网站管理模块：
管理员通过输入账号和密码登录模块，在此模块中，管理员可以增加或删除学生与教师信息。
对用户上传的文章进行审核，对上传和发布的公告、教程、课件进行添加和删除。
对知道吧板块进行添加和删除。
同时管理员还能进行密码的修改。
（2）个人空间模块：
学生使用该网站获取公告信息，教程信息，课件信息。
同时学生还能上传和查询作业，在知道吧模块中交流问题，备忘本功能为用户提供记录重要信息功能，用户可使用留言箱对其他用户进行留言。
（3）教程区模块：
用户可以浏览该部分，寻找自己需要的文件或是文章，体现了该网站的一个基本的教学功能。
（4）课件区模块：
该模块方便用户对所学课程的课件的浏览以及下载。
（5）上传区模块：
管理员可以上传公告、课件、教程。
可
升级会员 