时尚趣味英语学习网站

1、时尚趣味英语学习网站 i 摘要摘要 针对我国儿童英语学习效率较低的实际情况，考虑到 b/s 模式的实用性，通 过对目前主流动态网页技术，如 asp、jsp、cgi 、php 等的分析比较，了解到 jsp 较其他技术有着诸多的优点，因此以 mysql 数据库为后台，提出了基于 jsp 的时尚趣味英语学习系统的开发。该系统主要是根据 model1 的结构思想，充分 利用 jsp 和 javabean 相结合的优势，融入 http 协议、jdbc、html 标记性语 言、javascript 脚本语言、css 样式表等技术，并根据小孩子天真好动的特点， 为激发他们的学习热情，以筛选式背单词法为核心特

2、色，建设成寓教于乐、趣味 性强、操作简便的网站。 本文分七部分阐述了时尚趣味英语学习网站的设计与实现的过程。 第一部分：绪论。描述了时尚趣味英语学习网站的开发背景，阐明国内外对 于英语学习网站发展的现状与概况，及相关的可行性分析。 第二部分：介绍了实现时尚趣味英语学习网站使用到的核心技术。包括 jsp,uml 建模等。 第三部分：是本文的重点。时尚趣味英语学习网站的系统分析过程，主要是 对系统全面的进行需求分析，uml 建模。 第四部分：系统设计，这里主要包括结构设计、数据库设计，系统难点的解 决方案等。 第五部分：系统实现，主要包括系统的界面实现、核心代码实现。 第六部分：系统测试，包括单元

3、测试、冒烟测试、通过设计测试用例对系统 进行黑盒测试。 第七部分：总结。其中包括软件的优点和经济效益预测，还有需要改进完善 的地方。 关键词：关键词：筛选式背单词法；uml 建模；动态网页 时尚趣味英语学习网站 ii abstract jsp technology has more advantages than others according to the fact that the inefficiency of english study for children in our country, taking into account the practicability of b/s

4、, through the analysis and comparison to the dynamic pages technologies of the current mainstream such as asp, jsp, cgi, php and so on . therefore raising the development of the fashionable and interesting english learning system is based on jsp as mysql for database. the system is mainly based on t

5、he structure thinking of model1, and takes full advantage of the combination of jsp and javabean, and integrates into the technology such as http protocol, jdbc, html markup language, javascript scripting language, ajax, css style sheets. in accord with the innocent and active typical of children. w

6、ith a view to stimulating their learning enthusiasm, we build an entertaining, interesting strong and simple site, which revolves around filter back-word method. there are 7 parts in this paper to describe the process of developing english learning system: 1. general introduction: the background of

7、system development on english learning system, describing the current situation and general information of english learning system. 2. the core technology of english learning system, including jsp, uml modeling. 3. the key point of this paper: describing the process of system analysis on english lea

8、rning system, including roundly requirement analysis and use case modeling. 4. system designing, mainly talked structure design, database design and approach to the difficulties. 5. the development of system: including the implement of core codes and ui. 6. the installation and test of english learn

9、ing system: including unit test, smoking test, test case designing to black box test. 7. expected results, including the advantages of this software, profit forecast and some aspects to be improved. keywords: filter back-word method, uml modeling, dynamic website design 时尚趣味英语学习网站 iii 目录目录 摘要.i abst

10、ract .ii 第一章 绪论.1 1.1 时尚趣味英语学习网站的开发背景与发展现状.1 1.1.1 时尚趣味英语学习网站的开发背景.1 1.1.2 目前相关领域的发展现状.1 1.2 开发时尚趣味英语学习网站的目的与意义.1 1.3 时尚趣味英语学习网站开发的依据.2 1.3.1 时尚趣味英语学习网站的特点.2 1.3.2 开发可行性分析.2 第二章 核心技术.4 2.1 jsp 简介.4 2.1.1 jsp 的特点.4 2.1.2 jsp 的运行原理.4 2.2 uml 建模.5 2.2.1 uml 建模概述.5 2.2.2 uml 建模的目的与原则.5 2.3 javascript脚本语

11、言 .6 第三章 系统分析.7 3.1 时尚趣味英语学习网站的设计目标与性能分析.7 3.1.1 时尚趣味英语学习网站的设计目标.7 3.1.2 软件性能.7 3.2 需求分析.8 3.2.1 数据需求.8 3.2.2 功能需求.8 3.2.3 性能需求.17 第四章 系统设计.19 4.1 结构设计.19 4.1.1b/s 结构.19 4.1.2 功能模块结构图.20 时尚趣味英语学习网站 iv 4.2 数据库设计.20 4.3 系统难点评估及解决方案.22 4.3.1 筛选式背单词.22 4.3.2 上传试卷.22 4.3.3 总体设计策略和实现手段.22 第五章 系统实现.23 5.1

12、总体结构.23 5.1.1 模块与页面及主要功能.23 5.1.2 系统主干流程时序图.24 5.2 数据库的实现.26 5.2.1 数据库的实现.26 5.2.2 程序与数据接口的实现.27 5.3 学习系统模块的实现.28 5.3.1 疯狂背单词功能子模块的实现.28 5.3.2 看影片功能子模块的实现.28 5.3.3 娱乐学习功能子模块的实现.29 5.4 考试系统模块的实现.30 5.4.1 学生考试功能子模块的实现.30 5.4.2 判卷评分功能子模块的实现.31 5.5 数据维护模块的实现.32 5.5.1 用户管理功能子模块的实现.33 5.5.2 试卷上传功能子模块的实现.3

13、4 第六章 测试和运行.35 第七章 总结.36 7.1 时尚趣味英语学习网站开发过程的回顾.36 7.2 时尚趣味英语学习网站的发展方向和前景预测.36 致谢.37 参考文献.37 时尚趣味英语学习网站 1 第一章第一章 绪论绪论 1.1 时尚趣味英语学习网站的开发背景与发展现状时尚趣味英语学习网站的开发背景与发展现状 1.1.1 时尚趣味英语学习网站的开发背景时尚趣味英语学习网站的开发背景 随着经济全球化的进一步加剧，人与人之间的交流变得越来越频繁，越来越 重要，越来越国际化。英语就像计算机一样，成了现代人发展必不可少的翅膀。 当然，学好英语不是一朝一夕的事，它需要长久的积累。研究发现，十

14、二岁之前， 也就是小学阶段才是学习外语的最佳时机，学习外语应该从小做起。而整个社会 对小学生学英语学习的重视程度却不像表面看起来的那么重视。目前，市面上的 学习软件种类繁多，英语学习软件也不胜枚举，各种中考高考、大学英语四六级、 雅思托福 gre 的学习软件数不胜数，但是小学生的学习软件却很少，更不用说 时尚趣味英语学习网站。因此，很有必要开发一个时尚趣味英语学习网站。 一个好的时尚趣味英语学习网站不但可以让英语学习变的富有成效，还可以 培养小学生对英语学习的兴趣；在学习中不断点燃他们的激情，使他们在享受英 语学习乐趣的同时加深对计算机的熟悉和了解，提高计算机应用的能力。 1.1.2 目前相关

15、领域的发展现状目前相关领域的发展现状 现在，社会上存在着一些时尚趣味英语学习网站，但为数不多，更达不到普 及的程度，而且还有着某些缺陷。比如有的软件有学习游戏，却没有用法说明或 者使用帮助，界面不够友好；有的软件是好几门学科的内容都有，却只是泛泛的 一个软件，缺乏针对性；现有的大部分软件只是进行单词学习和记忆，而且界面 单一呆板很不美观，没有办法让小学生产生兴趣，更没有办法抓住低年级小学生 的注意力。正因为如此的现状，现在的小学生还是用着老师讲学生听，老师课堂 留作业学生回家做练习的方法。一个实用的时尚趣味英语学习网站的出现备受期 望。 1.2 开发时尚趣味英语学习网站的目的与意义开发时尚趣味

16、英语学习网站的目的与意义 时尚趣味英语学习网站的目的，主要是通过生动的画面、友好的界面来吸引 小学生使用，让小学生通过使用体会到乐趣并对软件产生兴趣，从而进一步产生 对英语的兴趣，这一点在低年级小学生身上表现得更为明显，对长久的英语来说 也更为重要。 时尚趣味英语学习网站 2 针对低年级小学生的英语学习，专门开发一个学习软件，让他们通过使用喜 欢上这个软件，并愿意使用这个软件，这样一来，不但可以提高和巩固英语学习 成绩，更能够达到提高学习兴趣和动力的目的，使他们体会到满足感和成就感， 从而真正做到以学为乐。坚持一段时间以后，通过家长和老师的引导、小学生的 主动进取和积极努力，就会培养起良好的学

17、习兴趣和学习习惯。潜移默化之下得 到提高的不只是英语成绩，还有其他科目的成绩和孩子的整体素质，培养起来的 良好习惯更是可以受用终身。 1.3 时尚趣味英语学习网站开发的依据时尚趣味英语学习网站开发的依据 1.3.1 时尚趣味英语学习网站的特点时尚趣味英语学习网站的特点 1.本文时尚趣味英语学习网站的主要特点本文时尚趣味英语学习网站的主要特点 (1)注重激发小学生的学习兴趣，培养小学生的学习习惯。 (2)寓教于乐，趣味性强，图文并茂，有声界面，外观宜人，操作简便。 (3)与教材配套，辅助教学，提供考试，强化练习。 (4)提供音标、单词、英文电影、英文儿歌、故事等的学习，内容丰富。 (5)有声软件

18、，支持定点朗读和全文朗读。 (6)为家长和孩子提供不同用户权限和功能，数据安全性好。 (7)数据库提供用户接口，支持动态更新，能够随时与孩子学习水平相适应。 2.本文时尚趣味英语学习网站与其他同类产品的不同之处本文时尚趣味英语学习网站与其他同类产品的不同之处 (1)为了培养小学生学习时专心致志且独立思考不依赖他人的好习惯，取消了 有的软件提供的随时陪伴的小精灵。 (2)为了适用于低年级小学生，界面设计的清新可人且极富童趣；学习软件支 持文字、图像、声音等同步的多媒体学习方法，特别加入了他们普遍比较感兴趣 的英语儿歌和故事(都带有朗读和音乐)，还提供了动画和小游戏。 (3)为了解决现有软件的学习

19、内容固定不变、可使用范围小且使用期短的缺陷， 特别设计和提供了家长使用的数据库维护功能，使家长可以随时根据自己孩子的 学习状况和英语水平更新学习和考试内容，使软件“量体裁衣”具有个性化，真正 起到激励和促进小学生英语学习的作用。 1.3.2 开发可行性分析开发可行性分析 1.技术路线与手段技术路线与手段 所要完成的课题项目是时尚趣味英语学习网站的设计与实现，该题目实际上 就是要开发一个供小学生学习英语使用的单机版应用软件。 目前，大多数小学生使用的是 windows 操作系统；他们对单一的文字性信息 不够敏感，对声音图像动画等的记忆更好，更喜欢和适合趣味性较强的学习方式。 时尚趣味英语学习网站

20、 3 因此，时尚趣味英语学习网站应该做成一个界面友好、操作方便、清新动人、图 文并茂的趣味性学习软件。 鉴于以上原因，本软件的设计与开发在 window 操作系统下进行，采用 jsp 作为开发语言，使用 mysql 搭建后台数据库，走 jsp+mysql 的技术路线，通 过加入声音、图片、动画等多媒体手段完成课题。 2.可行性分析可行性分析 (1)关于编程语言 jsp jsp 是面向对象的编程语言，整个程序由事件驱动。jsp 可以实现功能模块 化的编码，提供了强大的多媒体和界面可视化等功能，简单易学，开发项目时间 较短，有利于图形界面软件的开发，适合 windows 编程。就设计课题的自身要求

21、 和完成时间来看，使用 jsp 开发时尚趣味英语学习网站的是合理可行的。 jsp 具有典型的面向对象的特点，它的思维方式与人一致；强调模拟现实世 界中的概念而不强调算法，使开发者在软件开发的绝大部分过程中都用应用领域 的概念去思考。面向对象的软件开发过程始终都围绕着建立问题领域的对象模型 来进行，可以按照人习惯的思维方式建立问题领域的模型，模拟客观世界。在开 发过程中现实世界的模型最重要，这样的方式更有助于软件的设计、实现与完善。 另外，jsp 面向对象的软件系统的结构是根据问题领域的模型建立起来的， 而不是基于对系统应完成的功能的分解，故当对系统的功能需求变化时并不会引 起软件结构的整体变化

22、，往往仅需要作一些局部性的修改；程序测试通常比较容 易实现，如果发现错误也往往比较容易调试。因此，用 jsp 进行开发，稳定性好， 可重用性高，并且容易维护，更有利于在进行毕业设计的过程中逐步完善和改进。 (2)关于后台数据库的 mysql 搭建 mysql是一种支持标准查询语言sql的关系型数据库，支持传统关系数据库 组件(如数据库、表等)和特性(如表的连接等)。mysql在目前广泛使用和流行的 b/s结构中扮演着后端的角色保存数据和提供一套方法来管理这些数据，并 应付来自客户端的连接和数据访问需求。 mysql支持数据库的导入的功能，有利于保持数据的一致性；提供了不同方 式的身份认证方法和

23、权限设置，有利于维护数据的安全性。mysql这些方面的特 点是access数据库所不能达到的。另外，与oracle、sql server相比，mysql对 机器硬件的配置要求低，更容易满足和适合单机版软件的数据库搭建。 因而，采用 mysql 进行时尚趣味英语学习网站数据库的搭建，执行效率高， 安全性和稳定性好，能弥补数据库配置要求高、access 数据库安全隐患等缺点， 有着其他数据库不可比拟的优势。 时尚趣味英语学习网站 4 第二章第二章 核心技术核心技术 2.1 jsp 简介简介 jsp 的全称是 java server pages，它是由 sun microsystems 公司于 19

24、99 年 6 月开发出来的一种全新的动态网页技术标准。它在传统的静态页面文件 （*.html，*.htm）中加入 java 程序片段和使用各种各样的 jsp 指令，构成 jsp 页 面（扩展名为.jsp）。 2.1.1 jsp 的特点的特点 jsp 技术让动态网页的编写更加容易、功能更强，可移植性、可扩展性更好。 总结起来，它的特点如下： （1） 将内容的生成与显示分离 （2） 支持可重用组件 （3） 采用标签简化页面开发 （4） 一次编写，处处运行 2.1.2 jsp 的运行原理的运行原理 服务器在接收到客户端发来的一个 jsp 页面请求时，首先由 jsp 引擎把 jsp 代码转成 serv

25、let 代码 (中间代码 )。然后由 jsp 引擎调用服务器端的 java 编译器 对 servlet 代码进行编译，把它编译成字节码文件（.class）。由 jvm（java 虚拟 机）执行此字节码文件，最后将执行结果以 html 格式返回给客户。如图 2.4 所 示。 时尚趣味英语学习网站 5 图 2.1 jsp 运行原理 2.2 uml 建模建模 2.2.1 uml 建模概述建模概述 uml（unified model language）是一种定义良好、易于表达、功能强大且普 遍适用的建模语言。它溶入了软件工程领域的新思想、新方法和新技术。它的作 用域不限于支持面向对象的分析与设计，还支

26、持从需求分析开始的软件开发的全 过程。 uml 融合了 brooch、omt 和 oose 方法中的基本概念，而且这些基本概念 与其他面向对象技术中的基本概念大多相同，因而，uml 必然成为这些方法以 及其他方法的使用者乐于采用的一种简单一致的建模语言;其次，uml 不仅仅是 上述方法的简单汇合，而是在这些方法的基础上广泛征求意见，集众家之长，几 经修改而完成的，uml 扩展了现有方法的应用范围;第三，uml 是标准的建模语 言，而不是标准的开发过程。尽管 uml 的应用必然以系统的开发过程为背景， 但由于不同的组织和不同的应用领域，需要采取不同的开发过程。 2.2.2 uml 建模的目的与原

27、则建模的目的与原则 （1） 帮助我们按照实际情况或按我们需要的样式对系统进行可视化；提供 一种详细说明系统的结构或行为的方法；给出一个指导系统构造的模板；对我们 所做出的决策进行文档化。 时尚趣味英语学习网站 6 （2） 仅当需要模型时，才构建它。 （3） 选择要创建什么模型对如何动手解决问题和如何形成解决方案有着意 义深远的影响；每一种模型可以在不同的精度级别上表示；最好的模型是与现实 相联系的；单个模型是不充分的。对每个重要的系统最好用一组几乎独立的模型 去处理。 2.3 javascript 脚本语言脚本语言 javascript 语言是 netscape 公司开发的一种机遇对象的、由浏

28、览器负责解释 执行的、弱类型的描述性脚本语言。ie3.0 和 netscape3.0 以上的浏览器都支持 javascript 语言。与 html 以及 applet 一起用于开发客户端用户界面，javascript 是通过嵌入到 html 语言中实现的，可以出现在 html 的任何地方，它弥补了 html 语言的缺陷，是 java 与 html 折衷的选择。 javascript 语言的特点： （1）解释型的脚本语言，采用小程序端的方式实现编程，不需要事先编译； （2）是基于对象的语言，可以运用已经创建好的对象，结合对象的方法和 脚本实现所需的功能； （3）是事件驱动的语言，可以直接对用户的

29、输入做出响应，不需要服务器 的支持，减少了浏览器和服务器之间的通信量，提高了响应速度； （4）是一种安全的语言，只能通过浏览器实现信息浏览或动态交互，不允 许访问本地硬盘或将数据存到服务器上，不允许对网络文档进行修改和删除，从 而有效防止数据的丢失。 （5）是一种与平台无关的语言，依赖于浏览器本身，与操作系统无关，从 而实现了一定程度的“一次编写，随处运行”。 时尚趣味英语学习网站 7 第三章第三章 系统分析系统分析 3.1 时尚趣味英语学习网站的设计目标与性能分析时尚趣味英语学习网站的设计目标与性能分析 3.1.1 时尚趣味英语学习网站的设计目标时尚趣味英语学习网站的设计目标 设计要求：软件

30、是针对小学生而设计，所以需要根据小学生的实际情况进行 设计，要求界面和功能吸引人，能够激发小学生的学习兴趣，要教与学和练相结 合，在教完之后有相应的练习题，并在成绩良好的时候有相应的奖励与鼓励。 对于一般的小学生用户来说，学习和考试是此软件要满足他们的，因此要有 两个模块：学习系统、考试系统。其中，学习系统要实现内容列表、选择学习、 益智小游戏等；考试系统要实现的是组卷、考试、评分等功能。另外，要注意小 学生的特点，突出界面的美观和儿童化。 对于小学生的家长来说，他们也是这个软件的用户，他们主要需要的是对数 据库进行维护和更新等。 因此，软件要达到的基本设计目标如下： (1)分为三个大的功能模

31、块：学习系统模块、考试系统模块、数据维护模块。 (2)学习系统要实现丰富的学习内容列表、相应内容学习和益智小游戏等功能。 (3)考试系统要考试、评分及答案解析等功能。 (4)数据维护实现对数据库信息的操作、更新和维护等。 (5)界面美观友好、生动清新，图文并茂，有背景声音搭配界面，操作简便、 方便使用。 (6)软件适合小学生使用，做的有吸引力，寓教于乐、有声有色。 3.1.2 软件性能软件性能 为了保证软件能够长期、安全、稳定、可靠、高效的运行，应该满足以下的 性能要求： (1)软件处理的准确性和及时性：软件处理的准确性和及时性是软件的必要性 能。在软件设计和开发过程中，要充分考虑软件当前和将

32、来可能承受的工作量， 使软件的处理能力和响应时间能够满足用户的需求。 (2)软件的开放性和软件的可扩充性：软件在开发过程中，应该充分考虑以后 的可扩充性。例如数据表中用户选择字段方式的改变，用户查询的需求也会不断 的更新和完善。所有这些，都要求软件提供足够的手段进行功能的调整和扩充。 而要实现这一点，应通过软件的开放性来完成，既软件应是一个开放软件，只要 符合一定的规范，可以简单的加入和减少软件的模块，配置软件的硬件。通过软 时尚趣味英语学习网站 8 件的修补、替换完成软件的升级和更新换代。 (3)软件的易用性和易维护性：要实现这一点，就要求软件应该尽量使用用户 熟悉的信息和界面；针对用户可能

33、出现的使用问题，要提供足够的使用说明和帮 助，缩短用户对软件熟悉的过程。 3.2 需求分析需求分析 3.2.1 数据需求数据需求 1.数据库需求数据库需求 一个稳定、安全的系统与它的数据结构和数据库系统有很大的关系。开发时 尚趣味英语学习网站，对数据库的要求就是安全性和响应速度。在设计进行的过 程中，选择 access 作为测试数据库，这主要考虑到了，access 是个轻量级的数据 库，占用的存储空间比较小。而测试成功后，再选用 mysql 来实现本软件的数 据库，这主要是考虑软件长期运行时的数据安全性问题和处理效率高的问题。 2.数据需求数据需求 从时尚趣味英语学习网站的目的与功能考虑，实现

34、该软件需要的数据主要是 有关小学生英语学习的内容，包括音标、单词、短语、英语测试题(选择、填空等 题型，每种题型都要有题文、答案等信息)等，此外还需要用户信息，包括：用户 名、密码等。 3.2.2 功能需求功能需求 本软件是时尚趣味英语学习网站，故应根据小学生学习的年龄、生理、心理 等实际情况以及英语学习的特点，使软件满足如下的功能需求： (1)分为三个大的功能模块：学习系统模块、考试系统模块、数据维护模块。 (2)学习系统要实现丰富的学习内容列表、相应内容学习和益智小游戏等功能。 (3)考试系统要实现考试及评分等功能。 (4)数据维护实现对数据库信息的操作、更新和维护等。 (5)界面美观友好

35、、生动清新，图文并茂，有背景声音搭配界面，操作简便、 方便使用。 (6)软件适合小学生使用，做的有吸引力，寓教于乐、有声有色。 经过总体的分析，本系统主要有两种类型的用户，即：已注册的用户和系统 管理员。详见下面的 uml 建模分析： 时尚趣味英语学习网站 9 图 3.1 用户角色对系统操作的总用例图 图 3.2 管理员角色对系统操作的总用例图 时尚趣味英语学习网站 10 图 3.3 用户对系统操作的活动图 时尚趣味英语学习网站 11 图 3.4 管理员角色对系统操作的活动图 通过 uml 建模分析，笔者进行了系统功能点的细化，同时进入了用例建模 中的用例描述阶段，由于用例描述是较为复杂、文字

36、量较多的，所以本文只展示 了本系统的核心功能注册、登录、背单词模块的用例描述，如下： uc01-注册帐号注册帐号 描述（描述（description） 用户注册帐号 角色（角色（actors） 用户 用户界面用户界面 （ui） 时尚趣味英语学习网站 12 图 3.5 注册界面截图 图 3.6 注册成功界面截图 辅助图例（辅助图例（diagram） 图 3.7 用户注册时序图 前置流程前置流程 （pre-conditions） 入口：系统主页点击“注册” 条件：用户已成功进入系统主页 基本流程基本流程 （main flow of events） 1. 用户点击主页中的“注册”按钮。 2. 系统在

37、本窗口中跳转到注册页面，页面显示详见 demo。 3用户输入注册信息后，点击“注册”按钮。 4系统对用户输入的信息格式进行校验，格式详见 dd，若校验成功，系统 从本窗口自动跳转到注册成功页面，页面显示详见 demo。 分支流程分支流程 （alternate flows） 时尚趣味英语学习网站 13 1. 接基本流程 1，若用户登录超时 30 分钟，系统会直接跳转到主页，并提 示用户“登录已超时，请重新登录！”。 2. 接基本流程 3，若用户点击“重置”按钮，系统会自动将所有的输入控件清 空。 3.若用户输入的信息不符合 dd 的要求，系统会自动以文本的形式在本页面 中提示用户何处出错。 后置

38、流程后置流程 （post-conditions） 1.用户点击“回到首页”按钮，系统在本窗口中自动跳转的系统主页，同时， 用户处于登录状态。 商业规则商业规则 （business rules） 注册密码和确认密码必须一致，用户才能注册成功。 数据字典数据字典 （data dictionary） 1dd-注册注册.用户名用户名 字段名：用户名 字段类型：字符 长度：10-50 个中文字符、英文字符、下划线和数字组合，其中下划线和数 字不能位于首位。 含义：用户登录时所需的用户名 备注：无 默认值：无 是否必填：是 2dd-注册注册.密码密码 字段名：密码 字段类型：字符 长度：6-8 个英文字符

39、。 含义：用户登录时所需的密码 备注：无 默认值：无 是否必填：是 3dd-注册注册.确认密码确认密码 字段名：确认密码 字段类型：字符 长度：6-8 个英文字符。 含义：用户注册时，系统为保证用户输入的密码正确 备注：无 默认值：无 是否必填：是 4dd-注册注册.邮箱邮箱 时尚趣味英语学习网站 14 字段名：邮箱 字段类型：字符 长度：15-50 个英文字符、数字、下划线和一个组成，其中数字和下划线 不能位于首位。 含义：用户登录时所需的密码 备注：无 默认值：null 是否必填：否 其他：略。 词汇表（词汇表（glossary） 无。 补充说明补充说明 （additional infor

40、mation） 无。 uc02-登录登录 描述（描述（description） 用户登录 角色（角色（actors） 用户 用户界面用户界面 （ui） 图 3.8 时尚趣味学习网站的主页面截图 辅助图例（辅助图例（diagram） 无。 前置流程前置流程 （pre-conditions） 入口：系统主页 条件：用户已成功进入系统主页 基本流程基本流程 （main flow of events） 时尚趣味英语学习网站 15 1. 用户在主页中的登录输入框中，输入用户名和密码，点击“登录”按钮。 2系统对用户输入的信息格式进行校验，格式详见 dd，若校验成功，系统 验证用户的输入的用户名和密码是否

41、匹配，若匹配正确，系统会在主页中显示， “用户名，欢迎您！” 分支流程分支流程 （alternate flows） 1. 接基本流程 2，若用户输入的信息不符合 dd 的要求，系统会自动以文本 的形式在本页面中提示用户何处出错。 2. 接基本流程 2，若用户输入的用户名和密码不匹配，系统会自动以文本的 形式在本页面中提示用户， “用户名和密码不匹配”。 后置流程后置流程 （post-conditions） 1.用户可进行学习和考试。 商业规则商业规则 （business rules） 无。 数据字典数据字典 （data dictionary） 1dd-登录登录.用户名用户名 字段名：用户名 字

42、段类型：字符 长度：10-50 个中文字符、英文字符、下划线和数字组合，其中下划线和数 字不能位于首位。 含义：用户登录时所需的用户名 备注：无 默认值：无 是否必填：是 2dd-登录登录.密码密码 字段名：密码 字段类型：字符 长度：6-8 个英文字符。 含义：用户登录时所需的密码 备注：无 默认值：无 是否必填：是 词汇表（词汇表（glossary） 无。 uc03-背单词背单词 描述（描述（description） 用户背单词 角色（角色（actors） 用户 时尚趣味英语学习网站 16 用户界面用户界面 （ui） 图 3.9 学习模块的主页面截图 图 3.10 背单词界面截图 辅助图例

43、（辅助图例（diagram） 图 3.11 用户背单词用例图 前置流程前置流程 （pre-conditions） 入口： 1.系统主页趣味学习疯狂背单词 2.系统主页趣味学习单词 条件：用户已成功登录系统 基本流程基本流程 （main flow of events） 1. 用户进入疯狂背单词页面。 2. 系统显示： 页面顶部控件：“浏览全部解释”、 “显示全部单词”、 “只显示未记住 时尚趣味英语学习网站 17 单词”、 “保存当前学习进度”，四个按钮； 单词列表所包含的元素 表头：no.、单词、状态、操作数据项，其中状态栏的文字 前包含一个小图片，详见 demo，操作栏中不填文字。 no.列

44、以正整数 1 开始逐一递增排序，单词列显示单词（全 部小写） ，状态列中显示方块式复选框+“记住了”，操作列显示“查看 解释”按钮。 3用户点击列表中的“查看解释”按钮。 4系统会在将解释按钮变为对应本行单词的音标和解释，格式详见 dd。 5用户在状态列中选择记住了的单词，点击“只显示未记住单词”。 6系统会自动将选中的单词隐藏，no.列自动重新以正整数 1 开始逐一递增 排序。 7用户点击“显示全部单词”按钮。 8系统在列表中显示本课所有单词，no.列自动重新以正整数 1 开始逐一递 增排序。 9用户点击“浏览全部解释”按钮。 10系统会将列表中所有的“查看解释”按钮隐藏，在此区域显示对应单

45、词的 音标和解释，格式详见 dd。 分支流程分支流程 （alternate flows） 1. 接基本流程 1，若用户登录超时 30 分钟，系统会直接跳转到主页，并提 示用户“登录已超时，请重新登录！”。 后置流程后置流程 （post-conditions） 无。 商业规则商业规则 （business rules） 无。 数据字典数据字典 （data dictionary） 1dd-单词单词.解释解释 字段名：单词解释 字段类型：字符 长度：1-50 个中文字符和英文字符组合，其还包含“”“”“， ”“；”。 含义：单词的音标、中文解释 备注：音标要以“”开始， “”结束 默认值：无 是否必填

46、：是 3.2.3 性能需求性能需求 为了使所设计与实现的学习软件更加方便、实用，应该使软件具有较好的总 时尚趣味英语学习网站 18 体性能。 (1)界面生动活泼，图文并茂，有声有色。 软件是专为低年级小学生设计的，所以要一切从小学生的实际情况出发进行 考虑和设计。小学生对单一的文字性信息不够敏感，而对声音、图像、动画等的 信息刺激更敏感，记忆更好，他们更喜欢和适合趣味性较强的学习方式。因此， 时尚趣味英语学习网站的要界面生动活泼、清新动人，图文并茂、有声有色。 (2)界面友好，操作方便。 所有的软件一般都要求有一个方便的操作界面，以减少不必要和没有意义的 操作和过程。一般而言，小学生对计算机的

47、熟悉程度较低，操作比较不熟练，因 此，操作方便就显得尤为重要。另外，软件要有必要的操作说明和使用帮助，一 来可以减少不必要的麻烦和时间精力的浪费，二来可以培养小学生独立思考的能 力和独立的人格。 (3)数据全面，与教材配套，且可以更新。 调查和研究发现，在使用软件后，能不能有效的提高学习成绩是用户评价软 件的重要指标，这一点关系到他们是否继续使用软件的决定。在满足上述性能需 求的条件下，只有保证数据与教材配套、非常全面，才能够满足促进学习提高成 绩的要求。数据可以更新是其他学习软件所不具备的，本软件独有的特点。而数 据更新则保证了软件能够最大程度的满足不同用户的个性化要求，这样能极大地 提高学

48、习的兴趣，长期如此就会使小学生的学习成绩和英语功底有明显的提升， 本软件的价值才更好的体现出来。 时尚趣味英语学习网站 19 第四章第四章 系统设计系统设计 4.1 结构设计结构设计 4.1.1b/s 结构结构 b/s 结构：（browser/server，浏览器/服务器模式）：是 web 兴起后的一种 网络结构模式，web 浏览器是客户端最主要的应用软件。这种模式统一了客户 端，将系统功能实现的核心部分集中到服务器上，简化了系统的开发、维护和使 用。 在 b/s 体系结构系统中，用户通过浏览器向分布在网络上的许多服务器发出 请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器。实际

49、上 b/s 体系结构是把二层 c/s 结构的事务处理逻辑模块从客户机的任务中分离出来， 由 web 服务器单独组成一层来负担其任务，这样客户机的压力减轻了，把负荷分 配给了 web 服务器。这种三层体系结构如图 2.1 所示。 图 4.1 b/s 三层体系结构 这种结构不仅把客户机从沉重的负担和不断对其提高的性能的要求中解放出 来，也把技术维护人员从繁重的维护升级工作中解脱出来。由于客户机把事务处 理逻辑部分分给了功能服务器，使客户机一下子苗条了许多，不再负责处理复 杂计算和数据访问等关键事务，只负责显示部分，所以维护人员不再为程序的维 时尚趣味英语学习网站 20 护工作奔波于每个客户机之间，

50、而把主要精力放在功能服务器上程序的更新工作。 这种三层结构在层与层之间相互独立，任何一层的改变不会影响其它层的功能。 4.1.2 功能模块结构功能模块结构图图 时尚趣味学习网站 趣 味 学 习 轻 松 考 试 后 台 管 理 疯 狂 背 单 词 看 英 文 电 影 听 歌 学 英 语 智 力 游 戏 在 线 答 题 查 看 分 数 查 看 解 析 用 户 信 息 管 理 管 理 员 信 息 管 理 上 传 试 卷 图 4.2 软件模块结构示意图 4.2 数据库设计数据库设计 软件使用了数据库技术，但主要是数据库中比较基本、比较简单的功能，并 不涉及到特别复杂的逻辑结构和功能，因此，数据库设计的

51、主要内容就是对数据 表的设计。 1.英文音标单词表英文音标单词表 表名：biao 主键：b# 表 4.1 英文音标表结构(biao) 名称数据类型说明 b#int表索引 biaobvarchar音标 biaoevarchar英文单词 biaocvarchar汉语解释 时尚趣味英语学习网站 21 2.用户表用户表 表名：user 主键：u# 表 4.2 用户表(user) 名称数据类型说明 u#int表索引 unvarchar用户名 umvarchar密码 3.选择题表选择题表 表名：choose 主键：c# 表 4.3 选择题表(choose) 4.考试表考试表 表名：ksh 主键：ksh#

52、表 4.4 考试表(ksh) 名称数据类型说明名称数据类型说明 c#int表索引acvarchar答案 a txcint题型bcvarchar答案 b thcint题号ccvarchar答案 c jhcint卷号dcvarchar答案 d cdcchar难易程度rcchar正确答案 twcvarchar题文fcint分值 名称数据类型说明 ksh#int表索引 txkshint题型 thshint题号 jhshint卷号 twkshvarchar题文 fkshint分值 时尚趣味英语学习网站 22 4.3 系统难点评估及解决方案系统难点评估及解决方案 4.3.1 筛选式背单词筛选式背单词 1.

53、 难点评估难点评估 本系统开发的难点就是筛选式背单词和试卷上传的设计和实现，其中，在单 词存储、只显示未记住单词上都存在很大的问题。由于单词的数量较多，采用人 工输入是非常耗费工作量的，而只显示未记住的单词就需要与用户的交动进行操 作，所以以何种方式实现此功能也是系统的难点。 2. 解决方案解决方案 经过分析和咨询，我总结了 2 个方案 （1） 由于小学生学习单词的数量相比字典要少很多，所以采用简单的人工输入 还是可以满足需求的，但扩展性不好。 （2） 在网上下载相关数据库，这种方法也只能满足目前需求，而较好的字典数 据库是要收费的。 本次设计决定采用第一种方案。 4.3.2 上传试卷上传试卷

54、 1. 难点评估难点评估 在试卷上传这一模块中，我对试卷的字体大小转换、复制、剪切、粘贴、文 本转 html 的功能实现上存在很多风险，因为笔者未曾开发过类似功能。 2. 解决方案解决方案 通过查看相关的学习资料，我发现用 javascript 实现动态网页交互，不仅能 减轻数据库的负担，同时也能是系统的执行效率得到有力的提高，所以上传试卷 功能，笔者决定采用页面交互，从而调用 javascript 函数的方案解决。 4.3.3 总体设计策略和实现手段总体设计策略和实现手段 整个设计与实现主要采用“结构化设计，分层设计实现”的原则，自顶向下逐 步细分，以达到提高模块内聚性，降低模块间耦合程度的

55、目的，从而开发出可维 护性和安全性较高的时尚趣味英语学习网站。具体方法如下： (1)采用结构化设计方法，将软件分解为多个层次化模块结构。 (2)对主要模块，采用以功能为中心的设计策略，把一个大的复杂的模块逐步 分解成小的相对简单的功能模块。 (3)对低层模块，采用简单设计策略，直接设计实现。 (4)通过数据库将各个模块联系在一起，提高软件的可维护性 。 时尚趣味英语学习网站 23 第五章第五章 系统实现系统实现 5.1 总体结构总体结构 5.1.1 模块与页面及主要功能模块与页面及主要功能 启动页面：index.jsp；注册页面：regist.jsp；登录页面：login.jsp conn.j

56、sp 学习模块的功能是提供小学生的学习界面，以实现单词学习短语学习儿歌学 习身体部位学习补充童话阅读寓教于乐小游戏等功能。它包括的主要页面有： studygame.jsp word.jsp music.jsp game.jsp select.jsp online.jsp 考试系统模块主要的功能是通过提交成套的测试题，让小学生作答并提交答 案，通过将小学生的答案与数据库中的对应的题文的正确答案相比较，然后根据 题文的分值对考生的答案做出相应的评分。 此模块包含的页面有： testonline.jsp first.jsp second.jsp third.jsp fourth.jsp fifth.

57、jsp sixth.jsp seventh.jsp 数据维护模块的主要功能是为软件提供维护、更新的接口，实现包括题文的 录入，用户信息的修改、维护等在内的各种数据库维护功能。它包含的页面有： admin.jsp main.jsp custom.jsp paper.jsp 时尚趣味英语学习网站 24 图 5.1 系统总体结构类图 5.1.2 系统主干流程时序图系统主干流程时序图 用户行为时序图，描述了用户操作系统的时序图，包括所调用到的页面和具体的功能交 互。 时尚趣味英语学习网站 25 图 5.2 用户行为时序图 管理员行为时序图，描述了用户操作系统的时序图，包括所调用到的页面和具体的功能 交

58、互。如下： 图 5.3 管理员行为时序图 用户背单词的时序图，描述了用户背单词的流程及执行顺序，包括所调用到的页面和具 体的功能交互。 时尚趣味英语学习网站 26 图 5.4 用户背单词时序图 5.2 数据库的实现数据库的实现 5.2.1 数据库的实现数据库的实现 在软件设计与实现的过程中，可以采用两种方式来实现数据库。 一种是在 mysql-front 创建数据库，创建表，录入需要的数据库信息。这种 方法操作起来比较简单，但只适用于软件打包成用户安装程序之前。因为，这种 方法只能在本地的计算机上建立数据库，进行相应数据信息的更新，而软件用户 并不使用开发软件时所使用的计算机，而且他可能并不上

59、网，故没有办法对数据 库进行远程访问。第二种方法是通过使用 mysql 的相关语句来实现数据库。 需要注意的是，在软件设计和实现过程中，无论采取那种方式都可以成功达 到既定目标，但是当软件即将交付用户使用的时候必须提交用第二种方法实现数 据库的全部 sql 语句。它主要包含入下内容： (1)创建数据库 create database englishlearning (2)创建数据表 对于不同的数据表创建方法是相同的，只需根据不同表的实际情况稍作修改， 改变 sql 语句中的表名、数据项、约束等相关内容就可以了。在此仅举一例，其 他表的创建大同小异，详见附录。 创建音标单词表(biao)： 时尚

60、趣味英语学习网站 27 create table biao( b# int，-表索引 biaob varchar，-音标 biaoe varchar，-单词 biaoc varchar-汉语解释 primary key(b#)，-主键约束 ) (3)录入数据 数据库和数据表创建之后，还要录入相关的数据信息，这样才使得软件可用。 部分录入信息的 sql 语句也是固定的，对于不同的记录、不同的表等只需更改要 录入信息的表名和待录入的纪录即可。在此同样举一例说明。 insert into biao values(4，sku:l，school，学校) 5.2.2 程序与数据接口的实现程序与数据接口的实