【《基于Web的少儿英语学习网站的设计与实现》7300字（论文）】

PAGE2基于Web的少儿英语学习网站的设计与实现摘要随着近代中国国际化进程的加快，国内使用最多的外语已经成为英语。儿童具有语言可塑性，而7岁之前是学习语言的关键期。文明的传承需要语言来支持，学习一门新的语言，不仅能提高语言学习能力。基于少儿需要学习英语的大环境以及互联网的便捷决定设计实现一个少儿英语学习网站，提高少儿的英语水平。这个基于网络的儿童英语学习网站使用JSP技术和MYSQL数据库来存储数据，并且该框架是使用B/S结构开发的。在开发网站之前，根据儿童英语教育的总体环境，对该系统进行了多方面的分析。考虑在线学习的方式，构想了系统的三个功能模块，然后详细规划了网站的界面。除了系统的详细设计之外，还在基于网络的儿童英语学习网站上进行了系统的黑盒测试和测试用例，包括后台的管理员登录测试以及学生提交的测试问题。经过对系统的统合分析并得出了结论。最终，成功实现了对少儿英语学习网站的开发。管理员，学生和老师，管理员具有最高的权限，网站的维护和教学资源的管理，管理用户，审核英语课程，更新测试成绩，学生选择自己想学的课程，还可以进行英语测试，查看自己的测试成绩。老师可以上传自己的教学视频，批改学生提交的英语测试。关键词：学习网站；JAVA；MySQL；B/S目录1绪论 11.1本论文研究背景 11.2国内外研究现状 11.3本论文研究的目标和内容 22相关技术简介 32.1Java技术 32.2MYSQL数据库 32.3B/S结构 42.4运行环境 42.5本章小结 43系统分析 53.1系统可行性分析 53.2系统需求分析 53.2.1系统功能需求 53.2.2系统流程分析 53.3系统设计 63.3.2系统顺序图设计 63.3数据库设计 63.3.1E-R图设计 83.4数据表设计 83.5本章小结 14系统的实现 174.1学生功能模块的实现 174.1.1学生注册界面 174.1.2学生登录界面 184.1.3课程信息界面 184.1.4测试题详情界面 184.1.5课堂测试界面 194.2教师功能模块的实现 194.2.1教师注册界面 194.2.2课堂测试管理界面 204.2.3添加新课程界面 204.3管理员功能模块的实现 214.3.1管理员登录界面 214.3.2教师管理界面 224.3.3学生管理界面 234.3.4课程管理界面 234.3.5测试题管理界面 244.4本章小结 215系统测试 255.1黑盒测试 255.2测试用例 255.2.1管理员后台登录测试 265.2.2查找课程测试 265.2.3学生提交测试题测试 265.4本章小结 276结论 28参考文献 29PAGE4 1引言1.1本论文研究背景互联网的快速普及给平常人的生活带了数不清的便捷，在信息传递这方面特别明显。人们可以及时迅速的去查询到自己所想知道的信息，各种信息的网络随着出现，并且日臻成熟。互联网为许多在网=网络线上的学习成为可能，还提供了平台和资源，但是平常还是很难自己去寻找学习英语的机会。没有学习英语平台和方向，容易导致对英语的学习兴趣下降。因此，我想改变这一情况，让更多热孩子有平台去学习英语，去了解不用的文化，丰富自己的大脑。在网上搜索和了解了国内外的针对少儿英语学习网站的的大致情况后，设计实现本基于Web的少儿英语学习网站。本选题意在建立一个用户界面简易明了、易上手使用的、学习效率高的少儿英语学习网站，通过本系统，学生可实现注册登录、课程学习、在线测试等功能，提升英语水平。1.2国内外研究的现状英语是外语。国外对英语教育也发展的更早、更全面。那些以英语作为母语的国家语学习网站的发展一直处于前沿，不断的创新英语学习方式和方法。EnglishClub就是是国外一家的提供学习英语的网站。网站包括了如何学英语，语法，词汇课程，ESL游戏，问答比赛，学生论坛，聊天，语法帮助。ESL课程计划，ESL工作，留言板等各种信息。他们的教育方式多样化，可以更好的让孩子们对英语感兴趣。中国在改革开完之后，与国际的联系变得紧密，这使得英语这门语言也变得越来越重要，人们日常生活中也会用到英语，虽然许多城市在小学就开设英语课程，但还是有一些孩子没有机会去学习英语，许多家长想让孩子得到更好的教育。国内有阿卡索外教网该网站于2011年创立，也有自己教学体系，针对不同领域的用户，其网站的独创的“25+N循环沉浸式课堂”，让学员在短时高效的学习氛围中迅速提升英语学习效果。国内外的学习网站就有自己的教育特色。1.3本论文研究的目标和内容国家越来越强大，与其他国家之间的交流也变多了，大城市里走在大街上经常能遇见外国人，往往大多数人都会因为没有学习过英语而选择擦肩而过，也有许多英语专业的老师想要去教授更多的孩子英语，奈何在学校课堂上的教学时间有限，要是有一个平台可以上传自己的教学录像给学生学习就可以解决时间有限的问题。也有很多孩子想学习英语却又找不到学习的渠道，小孩子的学习能力强且语言可塑性也高，利用空余时间上网来学习英语，这对孩子的整体发展也有很大的帮助。所以为了孩子们更好的未来，我们需要设计与实现一个少儿英语学习网站本论文的主要框架由以下几点构成：第一章，观察学习英语的大环境，考虑影响少儿学习英语的因素、老师教学的方式和学生学习方式。所明确网站所需的功能去创造一种对老师和学生都有利的教学平台第二章，确定了网站的功能后，针对实现功能的方式，选择的技术往往非常重要，我采用JSP技术，编程语言选择JAVA,它使用便捷,网站的数据需要一个数据库来存放，因为在学校里也学过MySql，所以MySql数据库一定是首选，构架则选择了B/S结构。第三章，对系统的全面分析，从可行性到需求，在需求分析中主要是针对网站的主要功能来进行分析，对功能的实现顺序以图的方式来进行展现。还有E-R图对各个功能的属性进行了详细说明。第四章，开展对网站三大功能模块的开发，管理员界面，对网站的基本维护管理。老师对课程的上传，学生对课程的学习情况以及测试题的测试成绩。第五章，对系统的测试，黑盒测试，系统的用例测试。第六章．结论。2相关技术简介2.1java技术Java作为一门独立使用的编程语言，java开发软件通常能在多个应用平台上同时在线运行,使用一个java开发软件进行编写的一个应用程序甚至可以在整个世界各地同时进行文件共享[1]。它是一种面向对象的新型应用程序,internet的技术进步和未来发展趋势促使了java和该语言也快速被广泛应用,尤其是它适合于广泛用来帮助设计和测试开发用于internet中的应用程序软件。它的主要特点如下:(1)面向对象,设计的重点是对象和关系，它适合在专门分布在环境下的(2)采用分布式,专门针对同个网络中不同应用程序而进行设计的一种分布式网络编程设计语言,(3)为了保证内存安全性,当然这个目的主要是为了大大减少和有效避免非法清理删除后的内存分类指针和非法解决内存释放后的内存分类问题的重复操作,方便手机用户可以实现通过内存分类操作来快速完成释放内存。(4)多线程,java的软件核心是对系统有重要的线程交互性，能够实时事件响应的控制能力软件集成体,现在其主要功能是用于支持多线程。2.2MYSQL数据库MySQL是大家经常用的开源的一个数据库，有着开源的特点，所以你可以在征求作者的同意后，按照自己的想法去修改。MySQL它的查询速度飞快，也具有很强的适应性，[8]。MySQL的安装非常的便捷，并且存储的数据量大，还不需要过多复杂的处理。Sql语言有许多实现方法，在项目中编写SQL语句时使用起来非常方便。与其他语言一样，它不需要更复杂的语句即可实现[4]。由于MySQL使用sql语言进行数据库管理，因此它得到了大多数程序员的使用和认可。2.3B/S结构B/S的缩写是“Browser/Server”。以往项目所需架构使用最多的是C/S架构，但是在Internet网络兴起后，考虑到数据和信息共享的需要，出现了B/S架构，即“浏览器/服务器”模式。这种模式统一了客户端，让核心的业务处理在服务端完成。他是在原来的C/S架构基础上升级改进多了一个浏览器，原来直接访问服务器的方式变成了通过浏览器访问服务器。它可以在任何地方运行，而无需安装任何特殊软件。客户端的维护成本为零，系统非常易于扩展。只要有一台可访问Internet的计算机，就可以使用它。2.4运行环境运行本少儿英语学习网站可以在系统版本为Win10的电脑上进行。系统是通过Eclipse开发工具以Java为编程语言，Jsp为动态页面编写，并由B/S作为服务器构架进行构建。系统的数据处理则使用MySQL数据库。它速度快既保证了信息不易丢失，同时也保证了系统在进行数据交互的时候也能够高效运行。2.5本章小结本章节主要是对网站的开发过程中所用到的技术框架和开发工具进行相应的论述，系统使用的开发语言为java，框架则用B/S来构架，数据库是大家都很熟悉的MySQL。还介绍选用这些技术和工具对系统开发的优点。最后也列出了系统需要的运行环境。PAGE113系统分析3.1系统可行性分析在系统开发的第一阶段，首先要对系统的可行性进行分析，目的是更好的解决系统开发所面临的问题，开发所需要的技术是java，还有MySql数据库，对与我来说也可以上手操作，Java的功能强大，MySql的数据存储能力强，速度也快总。所以总体来说少儿英语学习网站的开发在技术层面是可行的。确认开发的成本，MySql数据库是开源的所需成本低，网站的实现在经济方面也是可行的。网站秉承服务少儿的宗旨，首页的界面设计一定要清爽明了，可以轻松的找到自己想要的功能，系统能满足用户的要求。给用户带去良好的体验。3.2系统需求分析3.2.1系统的功能需求此基于Web的少儿英语学习网站的功能分为三个角色分别为管理员、学生以及老师。下面介绍三位角色的功能需求：（1）管理员是系统的最高管理者，起到维护网站的作用，将新用户的信息录入数据库，教学课程的管理，更新学生的测试成绩。（2）学生是系统的使用者，注册学生账号，自行选择课程学习，还有英语测试可以做答，提交等到老师的批改，查看成绩并自我检查。（3）老师也是系统的使用者，注册老师账号，上传教学视频录像，批改学生提交的英语测试，及时反馈给学生3.2.2系统流程分析（1）登录流程用户在登陆界面输入正确的账号密码后点击登录，后台把用户的账号密码与数据库中的数据核对，核对正确就通过验证进入主页流程如图3.2.3所示。图3.2.1登录流程图（2）学生作答测试题流程学生登录可自行选择想要作答的测试题，做完提交给老师批改，等待结果。流程如图3.2.2所示。图3.2.2学生作答测试流程图（3）管理员可以在课程管理中修改课程信息。也可以删除过期失效的课程流程图如图3.2.4所示图3.6修改课程信息流程图3.3系统设计教学系统的设计应详细，各个角色的功能明确，最重要的是要方便和有效，本系统有三位管理员要维护运行网站的一切事物，处理好信息的更迭，从用户信息管理注册到老师批改学生测试，这些必须要精确。老师的教学资格应严格审核，课程的筛选还有批改学生提交的测试。这些一定要及时快速的完成，让学生及时得到反馈。学生则要专心认真的去学习，选择适合自己，感兴趣的英语课程，进行一段时间的学习后可以做一些测试题来检验自己的学习情况。图3.3.1系统结构图3.3.2系统顺序图设计（1）登录模块顺序图登录模块负责管理员，学生和老师的账号登录，如图4.2所示。图3.2登录顺序图（2）添加课程模块顺序图老师在后台可以添加新的英语课程视频，让学生更好的学习如图4.3所示。图3.3添加课程顺序图3.4数据库设计3.4.1E-R图设计E-R图(EntityRelationshipDiagram)中文名实体-联系图，它的主要作用是显示各种数据类型之间的相互关系,E-R图是描述现实世界关系概念模型的有效方法。用“矩形框”表示实体型，矩形框内写明实体名称；用“椭圆图框”或圆角矩形表示实体的属性，并用“实心线段”将其与相应关系的“实体型”连接起来；这些构成了E-R图。我也用E-R图清楚地把系统中各个关系的抽象的概念表达出来（1）教师属性如图3.4所示。图3.4教师属性图（2）测试题信息实体属性图如图3.8所示。图3.5测试题信息实体属性图3.4数据库表设计本系统所用到的各个数据表的详细情况如下：表3.1管理员数据表表3.2教师数据表表3.3英语课程数据表列名数据类型主键长度说明kechengmingcheng`varchar否50课程名称leibievarchar否50类别shipinvarchar否50视频kechengjianjievarchar否255课程简介addtimetimestamp否添加时间表3.4学生数据表表3.5测试题数据表列名数据类型主键长度说明kechengmingchengvarchar否40课程名称shitivarchar否50试题beizhuvarchar否255备注addtimetimestamp否添加时间3.5本章小结本章阐明了系统开发阶段，主要内容是功能需求分析，系统过程和数据流分析以及操作和数据库之间的关联，综合分析了网站的主要功能，并介绍了数据表的字段，数据类型和值。用E-R图来对网站各个数据的属性概念进行分类。运用数据表来说明主要功能的一些属性和详细情况。PAGE274系统的实现4.1学生功能模块的实现学生登录网站可以选择更改个人信息，选择英语课程、测试题等功能。网站封面如图4.1所示。图4.1系统主界面4.1.1学生注册界面新学生用户首先需要注册一个学习账号，注册界面如图4.2所示。图4.2学生注册界面4.1.2学生登录界面因为网站登录为不同的身份用户设置了不同的入口，学生用户要想进入系统，首先得在登录界面选择学生登入口，输入自己账号、密码，为了保护系统还会有一个随机生成的验证码，正确输入后，双击“登录”就成功进去了，学生登录界面展示如图4.3所示。图4.3学生登录界面4.1.3课程信息界面在传统教育中，都是在课堂上面对面的教学，但在本网站采用的是老师录制并上传教学视频，学生自行选择想学习的课程类型。如图4.4所示。图4.4课程信息界面4.1.4测试题详情界面学生在学习了一定课程之后。老师会发布英语测试题，学生选择作答测试。如图4.5所示。图4.5测试题详情界面4.1.5课堂测试界面为了学生更好学习，定期的英语测试很重要，学生可以下载测试题进行作答，测试题界面如图4.6所示。图5.6课堂测试界面4.2教师功能模块的实现4.2.1教师注册界面老师也要先注册一个账号来进行后续的教学工作如图4.7所示。图4.7教师注册界面4.2.2课堂测试管理界面老师可以选择上传新的测试内容，也可以选择删除失效测试题如图4.8所示。图4.8课堂测试管理界面4.2.3添加新课程界面老师可以根据自己的教学方向来添加新的英语课程如图4.9所示。图4.9课程添加界面4.3管理员功能模块的实现4.3.1管理员登录界面管理员选择管理员登录口，输入需要的验证信息进入后台如图4.10所示。图4.10管理员登录界面4.3.2教师管理界面管理员可以更改教师信息，维护网站的运行如图4.11所示。图4.11教师管理界面4.3.3学生管理界面管理员可以更改学生的信息，维护网站的运行如图4.12所示。图5.12学生管理界面4.3.4课程管理界面课程的编号，名称，类别都在课程界面，学生可以下载课件来学习。课程有显示添加时间，方便学生选择。课程也可以被管理员修改，如课程失效可以删除。如图4.13所示。图4.13课程管理界面4.3.5测试题管理界面学生可以清楚地找到自己想要的测试题如图4.14所示。图4.14测试题管理界面4.4本章小结第四章主要是一些网站的主要功能界面，在初期界面的构想中就要求干净明了，所以我会注重编写界面的代码，界面显示要简洁，各个功能的位置要清楚。代码的逻辑要有条理，避免出现在进行系统测试时出现无从下手，进退两难的困境。

5系统测试系统设计的最终完成少不了测试，在网站开始正式运行之前，必须要对系统进行严格全面的测试，确保各项功能按照初期那样正常运行，在这一阶段，我们需要站在不同的角度去思考，哪些地方会出现错误，应马上采取措施进行修复。网站的登入登出是否流畅，学生学习的过程是否顺利。本系统采用边界值测试法，这是黑盒测试里的一种方法。156945.1黑盒测试黑盒测试对于软件的功能性需求有很强的针对性，程序被认为是无法打开的黑匣子。根据程序的内部结构和特点，对程序接口进行了测试，检验程序的功能能够按照设计要求和规范正常打开和使用。边界值分析（BVA）是一种测试程序输入或输出边界值的黑盒测试方法。实际测试结果表明，有边界条件的测试用例比无边界条件的测试用例具有更高的测试返回率。5.2测试用例5.2.1超级管理员登录测试表5.1管理员后台登录测试用例图测试内容操作预期结果实际结果超级管理员登录输入错误的账号、密码、验证码登录失败登录失败输入正确的账号、密码、验证码登录成功登录成功5.2.2查找课程测试表5.2查找课程测试用例图测试内容操作预期结果实际结果学生查找课程输入错误课程名称查找失败查找失败输入错误课程类别查找失败查找失败输入正确课程名称查找成功查找成功输入正确课程类别查找成功查找成功5.2.3学生提交测试题测试表5.3学生提交测试题测试用例图测试内容操作预期结果实际结果学生提交测试题进入测试题界面点击详细未作答选择提交提交失败提交失败进入测试题界面点击详细作答后选择提交提交成功提交成功5.3本章小结在对系统进行了严格的全面的功能测试后，及时发现解决了一些问题，使用了黑色测试对系统各方面都更加熟悉了，在功能方面基本上都能满足用户的需求。测试表明实际和预测的结果一样，可以初步实现系统的三大功能模块，这就说明数据库的很好的执行了他的作用。对自己的设计又了解的全面了一些。6结论根据语言学习大环境，结合实际需要的基本功能，元素，设计与实现了适合少儿学习英语的网站，本系统运行正常，总体效果良好。本文从JAVA语言技术和数据库技术着手开发。分析了MySql数据库的JAVA技术在少儿英语学习网站中的应用。在本次网站设计开发中做了如下工作：1.讨论了MySql数据库可能经历的多个模式，重点讨论B/S结构的工作原理及特性。分析可以用那些方法完美的实现MySql数据库。JSP技术在操作的运用性以及便捷性方面，都是MySql数据库所需要的。2.探讨了JSP技术的内置对象和组件在少儿英语学习网站的应用方法。实现对少儿英语学习网站的访问与管理。自己独立开发一个项目。真的对自身能力有很大的提升，从对网站需求的分析到整个系统的设计，网站功能的详细实现和最终测试,都需要细心的去完成,不然任何一处出现了问题,检查又会耽误很多时间。在开发过程中,也有遇到过一些问题,比如一个优秀的英语学习网站都该具有哪一些功能,界面应该怎样去设计。这些我还是思考了很久,后来我去问了同学,同学给了一些意见,再加上自己思考，最后决定了这些功能。在编写代码过程中，因为自己没有很强的编程功底，出现了很多bug，一点一点的查询学习才慢慢修复了这些bug，最后还算满意的完成了这个网站。参考文献[1]张孝祥.JAVA邮件开发详解[M].北京：电子工业出版社,2017：10-300.[2]雷文华,薛小文.MATLAB和Servlet在网络数据处理中的应用[J].电子测试,2018,(11):81-86.[3]黄艳峰.在Java语言中实施“案例教学”的研究与探索[J].电脑知识与技术,2014,6(5):1148-1149[4]王玉英.基于JSP的MySQL数据库访问技术[J].现代计算机：专业版,2015,19(14):63-66[5]赵钢.JSPServlet+EJB的Web模式应用研究[J].电子设计工程,2013,21(13):47-49[6]肖英.解决JSP/Servlet开发中