中学生培训平台的设计.doc

4毕业设计(论文) 题目名称：中小学信息技术培训平台的设计与实现 学 院： 计算机科学技术学院 专业年级： 软件工程 （12级） 学生姓名： 李 民 班级学号： 1 班 15 号 指导教师： 尹健慧 二一六 年 五 月 二十五 日摘 要本文采用从上向下的结构化的系统分析方法。系统针对日新月异的信息化时代教师网络培训的必然需求，解决教师在网络上学习新的教学理论和教学方法的问题，也可以借鉴其他教师的成功教学经验。本文首先概述了整个项目，简要介绍了整个项目开发的背景、开发的目的和开发的意义。通过对实际业务流程的调查，人们对整个系统的规划进程做了整体的分析，也对小学和中学教师网络培训系统进行了较为具体的总结性需求分析，可行性分析，目前的业务流程分析，同时也优化了现有的业务过程，从系统的主要业务过程中获得整个系统的主要功能；随后是对该系统进行分析，然后完成对整个数据库的表格的设计，数据流分析和数据字典的分析，并且对项目的需求得到了充分的了解，在系统设计阶段主要完成的功能数据、数据库设计和系统界面设计进行了划分。对每一个模块的功能进行了非常详细的设计，本系统具有作业模块，视频模块，在线自测模块和留言板模块，形成了本系统的功能模块图，教师通过这一整套模块教学能更好更快的了解教学前沿信息。根据对前几个阶段的分析和设计，本系统在实现方面都采用了B/S模式，同时使用JSP技术进行基本页面的设计与功能的实现，并且后台数据库选用了SQL2008数据库。本系统的设计方案为中小学教师网络培训的运行做了鉴定的基础，从而为中小学教师网络培训提供良好的条件。关键词：中小学信息技术培训；结构化分析；B/SAbstract In this paper from the top downward structured system analysis method. This system for the teachers of the ever-changing information age the inevitable demand of network training, solve the teachers to learn new teaching theory and teaching methods in the network, also can draw lessons from the successful teaching experience of the other teachers. This article first summarizes the whole project, briefly introduced the development background, development of the whole project for the development of purpose and meaning. Then illustrates the system of the planning process, through the survey of the actual business process, planning process of the whole system do the overall analysis, also for primary and secondary school teachers network training system are discussed in detailed summary of requirements analysis, feasibility analysis, the current business process analysis, but also optimizes the existing business process, from the system in the process of the main business for the main process of the whole system; Followed by analysis of the system, and then to complete the design of the entire database table, data flow analysis and the analysis of the data dictionary, and the demand for project got fully understand; The main function of complete data for system design stage, database design and system interface design.This phase of the function of each module, a very detailed design, this system has the operation module and video module, online self-test module and message board module, formed the function module diagram of this system, teachers can better and faster to understand through the whole module teaching teaching frontier information, on this basis, to choose the appropriate development mode; According to former several stages of the analysis and design of this system in the design of B/S mode has been adopted, and using JSP technology of basic pages design and function implementation, and backend database chose SQL2008 database. The design scheme of this system for the operation of the network training for primary and secondary school teachers to do the appraisal, the basis of network training for primary and secondary school teachers to provide good conditions.Key words: Information Technology Training for Primary and Secondary schools; Structured Analysis; B/SII目 录摘 要IAbstractII第1章 概述11.1 项目开发的背景11.2 项目开发的意义1第2章 方案论证32.1 方案比较3 2.1.1 tapestry3 2.1.2 spring mvc32.2 可行性分析3 2.2.1 技术可行性4 2.2.2 经济可行性4 2.2.3 社会可行性4 2.2.4 实用的可行性42.3方案选择52.4总体设计原则5第3章 系统分析63.1 业务流程分析63.2 数据流图73.3 数据字典10第4章 系统设计与实现134.1 系统功能设计134.2 系统数据库设计14 4.2.1 概念结构设计14 4.2.2 数据库表设计184.3 系统开发工具与开发模式的选择20 4.3.1 系统开发工具20 4.3.2 系统设计模式214.4 前台模块23 4.4.1 首页23 4.4.2 查看教学视频界面25 4.4.3 下载作业界面26 4.4.4 在线自测界面27 4.4.5 留言板界面284.5后台模块29 4.5.1登录界面29 4.5.2 学科管理界面31 4.5.3 教学资料管理界面33 4.5.4 公告管理界面34第五章 软件测试与分析365.1 软件测试的重要性365.2 测试实例的研究与选择365.3 测试环境与测试条件375.4 系统运行情况375.5 功能测试375.6 系统评价40结 论41参考文献42致 谢43第1章 概述1.1 项目开发的背景随着越来越多的高新技术引入教育事业，教学方法的变更、微课等教学手段的引入，对教师提出了新时代的信息化教学的要求，对教师信息化水平的要求。其中文字处理、教学支持、教学素质和教学方法等都有了进一步的规范。所以为教师提供一个教学交流和学习的平台是势在必行的。同样在网络的信息技术的培训系统中中小学教师也能得到了很大帮助，网络的教学系统主要是针对每个教师所涉及的教学系统的所有相关工作的管理，建立中小学教师网络培训可以使中小学教师变得更加信息化、网络化。同时，中小学教师网络培训也可以让学校的教学质量变得更加有现代气息和生命周期。近几年，随着信息化的逐年提高，中小学教师信息化程度已经不能满足日益迫切的教学需要。为了使中小学教师能够更好的适应信息化时代的高效性，一个可以利用计算机来实现的中小学教师培训系统，来培训工作需要的知识必然会得广大教师的的认可。对于以上的认知和需求，我们需要收集与其相关资料和数据和查阅有关文献及技术参数，该教学需要做一个整体的研究，当前传统教学在以下几个方面有着教学方法存在着弊端。对象的范围太广，教学心得交流不方便。传统教学躲着很多弊端，浪费时间，浪费精力，并且会有大量数据重复；不容易存档，成千上万的信息和堆积如山的数据对管理人员来说是一个很大负担，而且还需要大量的文档资料。介于以上各种原因，各个学校教学的管理需要一种软件来代替手工操作来管理数据资料。对于计算机技术在网络培训中的应用，人们将使用计算机推向了信息化时代的先锋，自然而然的计算机也成为了现代技术的重要工具1。计算机可以使教师在任何时间和地点和其他人交流学术心得和向更优秀得教师学习教学方法，让接受培训的教师可以无时无刻的接受到不同的的教学信息和教学前沿动态。计算机教师在任何时间和地点交流教学和学习经验的优秀教师的教学方法，使教师可以接受新的教学和教学的前沿动态信息，随时随地。1.2 项目开发的意义中小学教师网络培训管理平台的开发目的主要是使教师的交流模式从传统的对话方式转变为电子信息教学交流方式，为大多数教学人员提供方便的条件。调查教学的实际情况后，需要对项目需求有一个细致的分析，然后再改变现在的培训方式，并开发出一套新型的网络培训系统，从而实现新型的教师培训系统，并且熟练的掌握系统开发的流程和方法。随着每个学校信息系统的不断完善，教师的交流工作日益依赖于信息管理。因此，本系统的开发将重点放在学校的实际情况来拓展整个系统，是整个系统能快速达到学校广大师生的需要。中小学教师网络培训的实施的现实意义：增强中小学教师的的现代化程度；学生及教师可以随时在网上浏览查看资料，而且可以显示的更加直观；改变了以前教师不懂现代化教学的方式，电脑融入现代教学会更加方便快捷；最后实现中小学信息技术培训的计算机化。第2章 方案论证2.1 方案比较2.1.1 Tapestry本系统主要使用JSP、Struts技术对系统进行设计和开发。JSP拥有Java程序设计语言“一次编写，各处执行”、“安全性、保密性高”等的特点13；Struts框架为开放者提供了一个统一的标准框架，通过使用Struts作为基础，开发者能够更专注于应用程序的商业逻辑，Struts能充分满足应用开发的需求，简单易用，敏捷迅速。JSP技术使用Java策划语言概括了XML的tags和scriptlets，进而来封闭了整个发生的动向和网页的处理方式。网页还可以通过tags和scriptlets访问应用在服务端资源的应用方式。JSP将服务端逻辑与网页开发和显示分开，咱们可利用的组件基础的设计，使整个Web的应用程序的开发变得更快和更容易。在访问JSP页面的请求面对Web服务器时，首先返回给客户执行的程序，然后把JSP文件中的HTML代码反馈给客户。使用Java编程能够重新使访问数据库的操作指向网站，以实现建立功能所需的动态网页。2.1.2 spring MVCspring mvc：Spring的 Web MVC框架是围绕DispatcherServlet设计的，它把各个请求分配给不同的处理程序，并可配置处理程序映射，角度分辨率，分辨率设置，主题以及上传文件的支持。默认的处理程序是非常简单Controlle接口,只有一个方法 ModelAndView handleRequest（request，response）。Spring提供了一个分层控制器结构，他们可以分为生子类。如果在应用程序中需要处理用户输入表单，那么可以继续Abstract Form Controller。如果你需要处理多页输入的表单，那么可以继承Abstract Wizard Form Controller. spring提供的东东，使用了spring的IoC，并且也非常强大，但是感觉它比较接近低层，要关注的东西很多。2.2 可行性分析可行性分析，也被称为可行性研究，是在调研结果分析上，对网络教师培训系统发展进行调研，对比现在开发的教师网络培训平台是否有必要的研发的可能性，对于网络教师的培训系统的开发技术，开发经验等一些方面进行分析和讨论，从而使得各种错误避免，并且保证教师网络培训的开发的成功。可行性研究的主要目的是在最短的时间内使用最小的成本，从而以确定出现问题后能否尽快的解决。 下面分别从技术、经济、社会等三个方面对中小学教师网络培训的建设来进行分析和研究。2.2.1 技术可行性根据学校所提出的系统得功能、性能及实现系统的各种束缚条件，根据新系统的目标来衡量所需的技术是否全部都有，这是一个控制数据库进行和查阅消息的系统，我们现在的技术已逐渐娴熟，对于硬件、软件的性能和环境条件等软件的需求，通过利用如今技术条件可以完成整个系统的功能目标。同时，人们考虑的开发的时间期限也很充足，估计本格系统是可以在规定的时间内完成开发的。综上所述，中小学教师网络培训的开发在教学手段上是具有可行性的。2.2.2 经济可行性每个学校都具有不同的信息化的处理设施，并且都拥有支持本系统的应用平台。因此不再需要再投入更多的资金来购买其他的设施。系统的开发基础于每个人对程序的开发的实践，学校不再需要更多的资金投入，而且软件开发过程的费用不是很高，因此开发软件的经费完全可以接受的。对以上的内容分析可了解，中小学教师网络培训在经济上是具有可行性的。2.2.3 社会可行性整个系统的需要可行性主要的研究方向是从法律因素和用户使用可行性因素出发的。这个系统对整个教师团队的网络培训和实际情况进行调查分析，但是结果还需要参考其他的调研结果得出。本系统的软件设计过程和研究过程是在自主的条件下完成的，并不需要给予向任何组织机构剽窃软件产品。对以上的内容分析可了解，本系统具有社会的可行性。2.2.4 实用的可行性本系统即要满足用户的要求，还需要在Microsoft Windows平台上使用个人电脑的知识，其它的地方并不需要特别的技术能力。管理员在使用系统的时候，还需要可以熟练的掌握Tomcat服务器，这样在投入使用前，不再需要对操作系统的人员进行培训。这样既减少投入成本又简化了操作的各个环节。2.3 方案选择通过对技术、经济、社会和实用性的实际情况的分析，和对于实践的经验和对技术的娴熟程度展开了综合性的分析，说明了整个系统可以很大程度的进行设计和研究，选用Tapestry进行本系统的开发。2.4总体设计原则本系统主要目的是为了使设计达到预期目标和后续维护的方案，以及为了便利所有的系统人群，所以人们必须采取一定的规划原则。其主要的设计原则有：简单性：在实现系统功能的同时，尽量要让系统操作过程变得更加简单易懂，这对于一个新的系统来说是非常重要的。针对性：网络教师培训的系统开发主要目的是针对教师培训需求的既定的方向进行研究开发，所以整个教师网络培训系统必须具有很精湛的技术强度来突出强劲培训功能。实用性：本系统尽可能的满足教学系统的所有需求需求，所以整个系统必须具有良好的实用性。一致性：页面整体设计风格以及命名规则必须一致：整体的页面布局和涂色填充风格及变量、类别名和其他元素的命名规则也必须保持一致。性能一致性：如若达到了相同的性能我们就应该尽量使用相同的组件，元素风格的一致性：系统界面组件的审美风格、摆放位置在相同的界面和不同的界面都应该是一致的。变量命名规则的一致性：变量命名规则应该用统一的规则来进行命名，要求做到任意变量均能从上下文推断其义。先进性：整个系统全部利用JSP技术、SQL2008等被大量的地采用系统研发技术和数据库技术，因此整个系统的设计应该具备优良的创新性，它的详细的体现方式是它拥有优良的可延伸性和可研究性。第3章 系统分析3.1 业务流程分析在业务流程分析中，我们必须遵循现有的信息流，独立处理业务的各个方面、处理方式、处理顺序和处理时间要求，明确本系统所需的信息源、目的流、处理方法、计算方法、提供时间信息和提供形态信息（报告、显示、显示等）等4。本系统的管理员拥有最大执行权力，管理员添加不同课程的资讯，教师培训序列号，添加教学内容，受培训教师可以注册个人账号，可以登录在线学习，业务进程的分析能有助于设计者知晓整个业务的进程，能够第一时间观察和处置在系统调研工作中的出现的纰漏。工作流程的分析是通过工作流程图来完成的，并且有些特定的符号及标记来突出某一种具体业务的处理过程。具体业务流程如图3-1所示教师查看作业添加学科信息图3-1业务流程图图3.1业务流程图作业信息培训人员发布作业教师人员信息添加教师人员信息培训人员信息学科信息添加培训人员信息 添加课程信息班级信息添加班级信息管理员3.2数据流图数据流是指在系统中所产生、传输、加工处理、使用和存储的过程。然而数据流的分析是把整个数据在系统内部流向的数据独立起来，删除掉特定的组织特定的组织名称、信息载体、工具，这个物质、材料只能从数据流中检查具体的业务的数据处理方式。人们今后建立的数据库和设计性能模板的过程基础就是数据进程和数据进程的分析。对整个数据进程的描述方法就是对数据进程图的整理和分析数据流程图附加的数据字典以及处理逻辑等图表。当中得数据流图是阐述整个系统逻辑模型主要手段，它以很少的符号笼统的反映出了信息在系统中的流向与存储以及传递的动态7。在分析业务进程时候，人们还对整个数据流程进行了大致上的分析，从数据流动过程中发现到了根本业务的数据处理方式。本个系统的数据流图可分为最高层、第一层、第二层。下边这个是现行的最高层数据流图，如图3.2所示。相关信息用户信息相关信息管理信息管理员中小学信息培训网站用户图3-2顶层数据流图具体分析第一层数据流图，该层数据流图如图3-3所示3.3 数据字典通过对整个系统数据流程的分析，接下来人们用数据字典来阐述数据流图中某些大体的数据元素的项目、数据流程、加工进程、数据保存和一些外部实体。数据元素条目如表3-1所示。表3-1数据元素数据元素条目总编号：1-101编号：101名称：教师编号 XXX说明：教师的编号数据值类型：离散长度：50学习编号数据结构条目如表3-2所示。表3-2数据结构数据结构条目名称：公告信息表说明：创建公告信息记录似的数据总编号：2-01结构：编号：01编号有关数据流、数据存储：标题P5公告管理、D5公告信息表内容数量：每月约30份时间数据流条目如表3-3所示：表3-3数据流名称：修改密码 总编号：3-10说明：将密码信息存储到密码信息存储 编号：10数据流来源：P4修改密码数据流去向：D4管理员信息存储 流通量：10份/周表3.3数据流表3-4数据存储表3-4数据存储数据存储条目名称：公告信息 总编号：4-01说明：存储公告信息 标号：D5结构：编号标题内容时间处理过程条目如表3-5所示：表3-5处理过程处理过程条目名称：公告管理总编号：5-15说明： 编号：P5输入：P5公告管理输出：D5公告信息外部实体条目如表3-6所示表3-6外部实体外部实体条目名称：管理员总编号：6-01说明：编号：001输入数据流：P5公告管理个数：1个输出数据流：第4章 系统设计与实现4.1 系统功能设计系统设计的主体是把一个软件需求的过程转换成用软件系统表示的过程9。通过对整个目标系统的分析和研究，做出了整个中小学教师网络培训的总体规划，这也是全面开发系统的重要基础。在对中小学教师网络培训全面分析调查的基础上，制定出中小学教师网络培训的总体规划。系统设计包括系统总体设计、系统详细设计、系统数据库设计、系统开发工具、开发技术和开发模式等。从数据流图出发，对数据流图进行分析，得出的层次化的模块结构图.图的格式不对，网格去掉，字体字号不对中小学教师网络培训前台功能模块图如图4.1所示：.图4-2 中小学教师网络培训系统后台功能模块图Z作业下载培训人员培训教师中小学信息培训系统留言板教学视频资料下载发布作业首页网站公告在线自测首 页资料下载教学视频中小学教师网络培训后台功能模块图如图4.2所示：教学视频管理资料下载管理新闻管理公告管理课程管理教师管理培训人员管理学科管理管理员维护图4-2 中小学教师网络培训系统后台功能模块图中小学信息技术培训系统4.2 系统数据库设计数据库是这个系统的中心和基层环节。数据库设计的好与差直接导致了整个系统的水平。数据库是一切系统设计的最根本要素，正如俗话说的一般，数据库的设计就像拴住风筝的线一样，无论风筝飞的再高，如果没有线，一样回不到地面。同理数据库如果设计的不合适、不完美，那么在开发进程中或者在后续的维护中、性能变更和性能补充的时候，数据可能导致更多的后果，严重时可能要再一次规划，重新制作许多已经结束的任务。4.2.1概念结构设计从数据需求分析中得出系统的实体属性图。管理员实体属性图如图4-3所示：图4-3管理员实体属性图公告实体属性图如图4-4所示：图4-4公告实体属性图教师实体属性图如图4-5所示：图4-5教师实体属性图留言实体属性图如图4-6所示：图4-6留言实体属性图学科实体属性图如图4-7所示：图4-7学科实体属性图 课程实体属性图如图4-8所示：图4-8课程实体属性图学生实体属性图如图4-9所示：图4-9学生实体属性图E-R模型的组成元素有：实体、属性、联系。E-R模型用E-R图表示。实体是用户工作环境中所涉及的事务，属性是对实体特征的描述11。 (1)模块中的实物相当于实体集、一个表，而不是单一的实物或表中的任意一行。实物用矩形图来体现，实物名称标记在矩形图内。用菱形表示实体间的联系，菱形框内写上联系名，用无向边把菱形分别与有关实体相连接，在无向边旁标上联系的类型12。 (2)属性是实体的性质。用椭圆形来显示，和实体用一条线相连，表的主要区别的是属性，主要属性项加标注。 (3)各子系统模块中主键相同的字段之间存在着相互关联的关系。(4)在程序中实现对他们的完整性和一致性控制。在实际应用当中，为了更加准确、更加形象、更加简单地描述被建模的对象，有时候也允许设计人员自定义一些E-R图的构件。在这件事情上，没有严格的规定，只要事先约定好了就可以。由于E-R模型与人们认识现实世界的相似形，因此在描述数据库的概念结构或全局逻辑结构时，采用E-R图这种图形化的表示有非常大的好处，一是图形化表示的简单性；二是图形化表示的清晰性。这就是为什么E-R模型在设计数据库的概念模式时被广泛使用的重要原因。实体-联系方法是抽象和描述现实世界的有力工具。用E-R图表示的概念模型独立于具体的DBMS所支持的逻辑数据模型，它是各种数据模型的共同基础，因而比逻辑数据模型更一般、更抽象、更接近现实世界。另外，人们总是喜欢比较形象化的简单的东西，E-R图的简单化和形象化使得它被广泛使用。 从数据需求分析中的出了系统的实体属性图，遵循三范式原则，对整个实体之间的相互关系进行了集合，总结出网络教师培训系统的E-R图。如图4.10所示：图4-10系统E-R图留言M发布L培训学科培训教师MM学习审核NNNM培训人员审核培训课程4.2.2数据库表设计表4-1管理员信息表列 名数据类型 长 度允许空userIDint4NuserNamevarchar50NuserPWvarchar50N说明：用户表用于存放管理员的信息。表4-2班级信息表列 名数据类型长度允许空IDint4NNamevarchar50Yzhuanye_IDint4Ydelvarchar50Y说明：用于存放班级的基本信息。表4-3公告表列名数据类型长度允许空IDint4Ntitlevarchar50Ycontentvarchar50Yshijinvarchar50Y说明：公告信息表用来存放公告的基本信息。表4-4课程信息表列名数据类型长度允许空IDint4Nnamevarchar50Yjieshaovarchar50Ydelvarchar50Y说明：用来存放课程的基本信息。表4-5留言信息表列名数据类型长度允许空IDint4Ntitlevarchar50Ycontentvarchar50Yshijianvarchar50Yuser_IDvarchar50Y说明：用来存放留言的基本信息的。表4-6培训教师信息表列名数据类型长度允许空IDint4Njiaogonghaovarchar50Yname1varchar50Ysexvarchar50Yagevarchar50Yxueke_idvarchar50Ypeixunshijianvarchar50Ydelvarchar50Y说明：培训教师信息表用于存放培训教师的基本信息。表4-7培训人员信息表列名数据类型长度允许空IDint4Nbianhaovarchar50Yname1varchar50Ysexvarchar50Yagevarchar50Ydelvarchar50Y说明：培训信息表用于存放培训人员的基本信息。4.3 系统开发模式的选择4.3.1 系统开发工具本系统主要使用JSP、Struts技术对系统进行设计和开发。Tapestry是一个免费的servlet的应用程序框架，交互的web应用使用了组件式模型来创建动态。组件就是html标记任意一个带有jwcid属性。其中Java Web Component的意思是jwc，Tapestry使得java代码和html全部分开，利用这个框架开发新的大型应用不但变非常容易。让这些新开发出来程序能够得到相对来说较为简单的维护和升级。Tapestry一致在支持本国持有化的定位，也可以让其错误定位的更加明确。Tapestry主要使用javabean和xml技术发展进行开发，是一个事件驱动的架构风格的一个组成部分，这个概念是非常先进的，就像是实现类似于开发便捷的桌面模式。但是它的学习模式比较偏僻，要很多时间去理解它。它适用于各种大型的开发项目，随着对各种组件的积累，开发到后期的时候可重复利用的组件会越来越多，最后的开发也会越来越开。jsp和java servlet是在服务器端操作的，一般都是反馈给客户端的HTML文本，因此人们只要有浏览器就可以浏览。JSP的1.0规范的最后版本是1999年9月出版的，并且在十二月又推出了1.1规范。更新了相对于目前较新的是JSP1.2规范，JSP2.0规范的征求意见稿也已经颁布了。JSP页面由HTML代码和嵌入其中的Java代码所组成。客户端服务器页面需要以后对这些Java代码进行处理，然后将生成的HTML界面退还回给客户端的浏览器上边。Java Servlet 是JSP的技术基础，而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP阐释了Java语言的简洁和实用，整体面向对象，能够在现在网络的优点上完美运行。由于JSP的发展，许多大学校支持JSP服务器技术，如IBM、Oracle和其他学校，它迅速成为了广泛应用的服务器端语言。使用SQL2008数据库作为后台数据库，SQL2008系统具有强大的网上功能，可以在互联网上发布数据库中的数据。在SQL2008系统中，允许用户简单的使用一些向导和工具把数据库的数据发布到网络上，并且可以根据需要来调度修改已经发布的数据。在大家所了解数据库系统中，SQL2008，经过40多年的发展，已经成为相对于来说比较重要的数据处理技术，被广泛应用到各种内容的开发与国化中，人们想利用这个数据库系统来达到整个系统的设计的目的。4.3.2 系统设计模式B/S结构，就是Browser/Server(浏览器/服务器)结构，它是跟着Internet技术一切发展的，对与C/S结构的各种变化或者改善的构造。在B/S的构架下，前端的用户界面可以完全的通过浏览器来完成。有一些的业务流程可以在网页端来实现，然而另外一些主要的业务流程还要在后台服务端去实现，从而达形成相对的3-tier构架。B / S结构，主要使用WWW浏览器技术的成熟，综合了不同浏览器的各种Script语言(VBScript、JavaScript)和ActiveX技术，能使用大部分的浏览器来实现原本需要各种复杂的功能型软件才可以完成的特种需求，而且还可以精简技术上的投入，这将是种崭新的软件架构系统的技术。随着Windows 98/Windows XP技术的发展必须插入整个操作系统的内在，这种结构框架已经变成了当今应用软件的第一个软件体系结构。很明显B/S构造应用程序对比与其他传统的C/S结构应用程序或许会有巨大的进步。B/S结构采用了星形拓展的结构框架，并且大部分都建立在企业通信网络内部或被使用在Internet虚拟专网（VPN）内部。第一个的特点是安全、快的、精确的。后边的则要节省开销、跨地远的优点。人们必须须重视企业大小和地理分配情况来确定。企业内部通过防火墙接入Internet，再整个网络采TCP/IP协议。图4-10 TCP/IP协议图C/S 与 B/S 区别：Client/Server是建立在局域网的基础上的.Browser/Server是建立在广域网的基础上的。1硬件环境不同: C/S 一般拥有自己单独的网络，在网络安全的内网环境中，再通过单独的服务器实现局域网内的数据交换。B/S 建立在广域网之上的，并没有的单独的网络环境和硬件环境，只要拥有有浏览器和一般开放式的网络就能实现数据的交互。2对安全的要求不同。然而本系统面向的是中小学教师，使他们有教学交流的平台，需要有十分强劲网络安全信息管理的能力。 3程序架构不同：即C/S 端的程序更加偏重与流程，对权限也能进行多层次的检验，对整个系统的运行速度可以较少的考虑，B/S系统考虑到了安全以及访问速度的问题，建立了更加优化的程序.如今C/S有着更高的要求。而B/S结构的架构是今后计算机发展的主要趋势。从MS的.Net系列的BizTalk 2008 Exchange 2008看，应该更全面去支持网络搭建的系统. SUN 和IBM推向的JavaBean 构件技术等，使 B/S更加成熟。4软件重用不同：C/S 端程序必须在研发阶段考虑到整体结构。构件的重用性相对而言必然是不可能超越在B/S端下的构件。在使用B/S 的多重结构时，要考虑到每一个构件都能拥有相对独立的功能.使得这些构件能够得到多次的重用.就像把新的餐刀可以多次重用，而不像是一次性筷子一样只能使用一次。5系统维护不同：在软件生命周期内日常对系统进行维护必须进行的，系统的日常维护也是相对来说相当耗费精力的，并且会耗费大量时间。最为重要的是C/S 程序，拥有相对独立的客户端，由于C/S具有整体性，所以必须对整个C/S系统进行全面的考虑和分析，保证能够及时的处理出现的问题和系统更新，但是，对于系统的更新的难度不亚于去重新开发一个新的C/S构件，但是B/S端的程序是不需要重新开发的，只需要更改前台界面和后台的一部分代码就可以实现，从而使系统维护的精力和时间减到最小，从而保证后期维护系统不需要很大的投入。4.4 前台模块4.4.1 首页本系统使用JSP编写网页，JSP是基于Java网页开发语言，它拥有Java开发的一切优点，因为所有的JSP页面都被编译成为Java Servlet，JSP页面就具有Java技术的所有好处，包括健壮的存储管理和安全性14。 代码如下： function reg() var url=/qiantai/userinfo/userReg.jsp; var n=; var w=480px; var h=500px; var s=resizable:no;help:no;status:no;scroll:yes; openWin(url,n,w,h,s); function check() if(document.ThisForm.userName.value=) alert(请输入用户名);return false; if(document.ThisForm.userPw.value=) alert(请输入密码);return false; document.getElementById(indicator).style.display=block loginService.login(document.ThisForm.userName.value,document.ThisForm.userPw.value,document.ThisForm.userType.value,callback);function callback(data) document.getElementById(indicator).style.display=none; if(data=no) alert(用户名或密码错误); if(data=yes) alert(登陆成功); window.location.reload(); 图5.1系统登录图4.4.2 查看教学视频界面为了能使视频正常播放，使用flash 播放 可以用的jwplayer 这个引入他的js和flash 然后把视频地址传进去就可以播放了，这个方法相对而言比较传统，容错率较比HTML5的videojs好一些，通过value标签来引用视频路径，然后通过Object标签将WindowsMediaPlayer播放器引入到页面。代码如下param NAME=url VALUE=/$requestScope.shipin.fujian图5.2系统视频图4.4.3 下载作业界面当计算机发送和接收文件时，其实发送的和接收都是流，这些流在磁盘上是用文件的形式保存的。是程序要做的就是用HttpServletRequest和HttpServletResponse，或者是response和request来发送流和读取流。以及把文件转换成流或把流转换成文件的操作。function up()var pop=new Popup( cont