毕业设计（论文）-初中英语短语练习网站.doc

初中英语短语练习网站 河河北北农农业业大大学学 本本科科毕毕业业论论文文 (设设计计) 题题 目：目： 初中英语短语练习网站 学学 院：院： 信息科学与技术学院 专业班级：专业班级： 计算机 1001 班 学学 号：号： 二二 O 一四年五月三十日一四年五月三十日 初中英语短语练习网站 摘要摘要 通过使用开发的初中英语短语网站，让初中生在短语练习的过程中产生兴趣，对于 学习英语短语有着很好的帮助。网站提供了多元化的练习方式，让乏味的英语不再那么 的枯燥，而变的有乐趣。这使得学生们更愿意去学习、练习短语，从而能有效的帮助初 中生更好的掌握英语。 论文阐述了网站开发的目的，结合初中生在英语学习过程中缺乏乐趣的实际情况， 利用 php 语言作为开发的编程语言详细阐述了初中生短语学习网站的开发。本网站以静 态网页为主，以 html5 为网站制作页面的语言。采用 mysql 数据库作为后台数据库。通 过对数据库基本理论的阐述并在此理论的指导下，详细的给出了从初中英语短语网站的 数据分析。网站的总体设计、详细设计与实现及网站的练习功能的各个环节都在网站的 前后台得以体现。 关键词关键词 ：html 、 css+div 、my sql 、 php、英语短语。 初中英语短语练习网站 Abstract In this paper, through the development of junior middle school English phrases, let students interested in the course of practice, for the study of English idioms have a very good help. There are many diversified practice, let the boring English not so dull, and have fun. Make students willing to learn, practice. Can effectively help the junior middle school students to learn English well. This paper expounds the purpose of website development, combined with junior high school students lack of interest of the actual situation and needs in the process of English learning, using PHP language of programming language. This website to static Webpage, taking HTML5 as the web page language. Using MySQL as the backstage database. Based on the basic theories of database States and under the guidance of this theory, gives a detailed analysis from the junior middle school English phrase website data. All aspects of the sites overall design, detailed design and implementation and site practice function in the web site before and after reflected. This site has middle school learning phrase some methods and ways etc. Keywords:：html、css+div、mysql 、php、English phrases. 初中英语短语练习网站 目录目录 1 1 绪论绪论 .1 1.1 系统开发背景 .1 1.2 系统开发的目的及意义 .1 1.3 系统开发及运行环境 .3 2 2 系统可行性分析及技术简介系统可行性分析及技术简介 .4 2.1 技术可行性 .4 2.2 经济可行性 .4 2.3 操作可行性 .4 2.4 相关技术简介 .4 2.4.1 网页制作工具 DREAMWEAVER8 介绍.4 2.4.2 html 技术 .5 2.4.3 css+div 技术 .6 2.4.4 javascript .6 2.4.5 php 技术 .7 2.4.5 MySQL 数据库 .7 3 3 需求分析与设计及实现需求分析与设计及实现 .9 3.1 需求规范 .9 3.1.1 产品背景 .9 3.1.2 产品概述 .9 3.1.3 性能需求 .9 3.1.4 总体设计概述 .9 3.2 系统功能描述 .10 3.3 数据库分析与设计 .10 3.4 系统主要功能模块实现 .11 3.4.1 系统前台 .11 3.4.2 普通管理员模块 .12 3.4.3 练习功能模块 .13 3.5 PHP与数据库的连接.17 4 4 结束语结束语 .18 致谢致谢 .19 参考文献参考文献 .20 初中英语短语练习网站 1 1 绪论 1.1 系统开发背景 随着科技的发展，计算机本身经历了巨大的变化。计算机的概念也由原始的分立式 走向今天的网络式。网络技术已逐渐成为现代信息技术的主流，网络的概念也随着 Internet 技术和应用的发展而渐入人心。Internet/Intranet 的作用正为越来越多的人所认识， 通过网络共享信息正成为科学研究的一种重要手段。可以这么说，谁拥有信息，谁就能 在科技信息革命的大潮中获得主动权，就能获取成功。 面对信息时代的挑战，网络的功能越来越强，国内教育系统也在积极建设或升级计 算机网络，并已建成了规模较大的英语网站，全国也纷纷建立许多的初中英语练习网站， 许多高校还有自己的英语练习的网站。英语短语练习网站是结合多媒体来发展英语的一 个横好的媒介。 但是，目前很多的英语练习网站的利用率却不是很高，主要原因是缺少好的练习应 用、有趣的方式。以前开发的网站往往是在单机上运行，或者采用单调的页面开发出来 的，对于今天因特网时代来说，这些网站很大程度上已经不能满足新生代的初中生更好 的来学习英语。学习英语最初是自己背诵、练习，显然在信息化发展的今天，这远远不 能满足新生代的初中生了。后来，一些简单的英语短语练习的开发，这在很大程度上解 决了上述问题但是，这种网站如今也不能满足的要求了，这主要是由于新生代的初中生 接触的对媒体越来越多。因此，开发多元化又有趣的英语短语练习网站是势在必行。 本文正是在这种背景下提出的，目的是为了开发出一套功能完善、操作便捷、及时 性好、适用面广初中短语练习网站，以提高初中生学习英语效率。 随着计算机互联网技术的飞速发展，计算机在各行各业的应用越来越广泛，而且网 络化是 21 世纪计算机技术发展的重要趋势之一。目前，我国的计算机网络发展己初具规 模，大部分中学网都已开通。因此，如何充分利用中学网络，发挥其巨大功能来为中学 的教学和科研服务成为摆在我们面前的一个需要深入探讨和解决的重大课题。随着网络 技术的日益成熟，网页技术的应用已经深入到了生活的每个角落。 一直以来人们使用传统学习英语短语的方式，这种学习方式存在着许多缺点,如:效率 低、趣味性低,另外时间一长,学生们也会感觉到乏味,这对于学习英语带来了不少困难。随 着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人 类社会的各个领域并发挥着越来越重要的作用。 1.2 系统开发的目的及意义 21 世纪以来，人类经济高速发展，人们发生了日新月异的变化，特别是计算机的应 用及普及到经济和社会生活的各个领域。使原本的旧的学习方法越来越不适应现在社会 的发展。许初中生还停留在旧的一些网站乏味的练习方式中。这大大地阻碍了初中生学 习英语的发展。为了适应现代社会人们高度强烈的时间观念，好的初中英语短语练习网 站为学生带来了极大的方便。近年来，随着计算机技术、网络技术的发展和普及，各行 初中英语短语练习网站 2 各业的工作信息化程度越来越高，教育行业也不例外。随着英语在全球的普及，以及其 在各行业的重要性。显然我们要更好的来学习英语，二英语短语又是英语中重要的部分。 英语在中学阶段是一个需要熟记，和记忆的过程。因此开发一个学习和复习英语短语网 站就显得尤为重要。随着网络的普及，我们的生活已经离开不了网络，在今天，网络技 术已经相当的成熟，而且已经基本普及，网络技术在生活中更是随处可见，英语在现在 是一门很重要的课程，随着中国逐渐走进国际，使用英语的范围也越来越广。现在在日 常的生活中许多地方都用得到英语，如平常同学之间经常说的口语：thanks、sorry。英语 一门主要的课程，与语数英并列，英语以后是要考四六级的，现在不学好英语，以后就 更不用说了。英语也是现在世界上用的最多的一门语言，许多国家都在学英语，所以， 学好了英语，出门就不怕沟通不方便了。 在各大中小学校，用简单的网站练习来复习英语已经越来越普遍了。用计算机不但 可以提高学习效率，而且还节省了许多人力物力，增强了学生的自学性。为此，用网站 来学习英语，是非常必要的。 初中英语短语练习网站是一个初中生对于学习英语的重要部分。一个功能齐全、简 单易用的初中英语短语网站不但能有效地减轻学生的学习压力，全世界 75的电视节目 是英语，四分之三的邮件是用英语书写，电脑键盘是英语键盘，任何一个会议敢号称是 国际会议，其会议工作语言一定要用英语，也是联合国的正式工作语言。我们看到，很 多官方的、政府性质的活动、文件、交流方式都使用英语。外贸行业也把英语作为通用 语言，外贸交往、国际礼仪、书信函电、进出口文件、还有银行文件语言等等，统统以 英语作为标准通用语言。大多数国家的高等学府，大学院校，都开设英语语言文学专业， 仅在中国，就有一百多所大学设有英语专业或英语相关专业。电脑和互联网，也是建立 在英语的基础上，这个行业的语言，就是英语。 初中英语短语练习网站，其开发主要包括后台数据库的建立和维护以及前端应用程 序的开发两个方面。对于前者要求建立起数据一致性和完整性强,数据安全性好的数据库。 而对于后者则要求练习功能完备、多远化、有趣化。清晰明了又易操作等特点。本网站 实现了初中英语短语练习的主要功能。 作为计算机应用的一部分,使用计算机对学校的各类信息进行管理,具有手工管理所无 法比拟的优点.例如:检索迅速、查询方便、效率高、可靠性好、存储量大、保密性好、寿 命长、成本低等。这些优点能够极大地提高学校信息管理的效率,也是一个单位科学化、 正规化管理,与世界接轨的重要条件。 如今时代是飞速发展的信息时代，在各行各业中离不开信息处理，这正是计算机被 广泛应用于学习的环境。而初中英语短语练习网站是一个学生们不可缺少的学习方式。 它中国在近几十年的确发生了翻天覆地的变化，各方面都发展得很快。但是，不容置疑 的是，我们在很多技术方面仍然落后于西方先进国家。要发展，要进步，要在较短的时 间内掌握各种技术，我们不可能单靠自己搞研究，必须学习发达国家先进的技术，而学 习的必要前提便是要掌握世界通用技术交流语言英语。就计算机程序开发为例，虽然 目前的计算机操作系统已经有中文版，但要进行应用程序开发，程序还是用英语编写的。 高新技术资料大部分都是以英语编写。印度虽然在很多方面的发展比不上中国，但印度 的软件开发业却比中国发达很多，造成这种差距的一个重要原因就是印度程序员普遍英 语应用水平比中国程序员高。我们在学习别人先进技术，经验的同时，也需要与世界各 国展开各种技术上和经济上的合作。如果不懂英语，便无法与合作方沟通交流，也更谈 初中英语短语练习网站 3 不上合作了。譬如某公司开发了一个具有世界水平的产品，如果能打开国际市场，前途 将是一片光明。但偏偏公司人员不懂英语，无法很好地与国外客户沟通，无法将产品的 优良性能展示出来，这将是一个惨重的损失。 1.3 系统开发及运行环境 操作系统：WindowsXP/win7/win8； 数据库：mysql； 服务器：Tomcat6.0 开发工具包：php 以及 html5； 初中英语短语练习网站 4 2 系统可行性分析及技术简介 可行性研究（FeasibilityStudy）是为了弄清所定义的项目是不是可能实现并值得进行。 可行性研究的目的是用较小的代价尽可能快的确定问题是否能够解决，是否值得解决， 并通过分析以避免冒太大的风险。从技术、经济和操作三个方面分析本系统的可行性。 2.1 技术可行性 初中英语短语练习网站，它采用了当前流行的 html5 和 Internet 网络技术。技术上的 可行性分析主要分析现有技术条件能否顺利完成开发工作，软硬件配置能否满足开发者 需要等，这一特点非常适合计算机的特点，发挥计算机的数据处理速度快，准确率高的 优势，现代计算机硬件和软件技术的飞速发展，为系统的建设提供了技术条件。由于对 英语练习网站这一类的网站进行开发已有一定的时期，有很多成功的实例，技术基础也 已经非常雄厚，因而技术上的准备应该不成问题。其相关技术简介详见 2.4 节。 2.2 经济可行性 主要是对项目的经济效益进行评价，一方面是支出的费用，其中包括设备购置费， 软件开发费，管理和维护费，人员工资和培训费等。另一方面是取得的收益中可以用钱 来衡量的那部分（收益的另一部分难以用钱来表示） 。基于企业的现有计算机及配套设备， 建设网站。不但能大大减少重复性的附资料的，学生的负重，提高初中生们的学习效率， 而且能提初中生的乐趣性，为初中生提供很方便。由于初中英语短语是一个比较小型的 网站，是由我一个人进行开发的，所以从人力、物力、财力方面来说都是可行的。 2.3 操作可行性 网络化已经成为社会的趋势，本系统操作简单方便，初中生们可以通过网站的提示 就能轻松使用该网站。采用本网站，能够使整个网站内部所有数据的简化的出现来帮助 学生完成练习，提高学习效益。由于采用最新更新的数据信息，使相关学习数据能够快 速地查询所需的数据、资料及，使初中生们学习英语快速高效、笨企鹅具有乐趣性。 2.4 相关技术简介 2.4.1 网页制作工具 Dreamweaver8 介绍 Macromedia Dreamweaver 8 是建立 Web 站点和应用程序的专业工具。它将可视布局 工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开 发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于 CSS 的设计的领先支持到手工编码功能，Dreamweaver 提供了专业人员在一个集成、高效 的环境中所需的工具。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功 初中英语短语练习网站 5 能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务和旧式系统。 Dream weaver 是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件， 随着 Dream weaver 8 的发布，更坚定 Dream weaver 在该领域的地位。它集网页设计、 网站开发和站点管理1功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目 前网站设计、开发、制作的首选工具。其特点如下： （1） 灵活的编写方式 Dream weaver 具有灵活编写网页的特点，不但将世界一流水 平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助 用户按工作需要定制自己的用户界面。 （2） 可视化编辑界面 Dreamweaver 是一种所见即所得的 HTML 编辑器，可实现页面 元素的插入和生成。或视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和 兼容性，并且可以对内部的 HTML 编辑器和任何第三方的 HTML 编辑器进行实时的访问。 无论用户习惯手工输入 HTML 源代码还是使用可视化的编辑界面，Dreamweaver 都能提供 便捷的方式使用户设计网页和管理网站变得更容易。 （3） 功能更多的 CSS 支持CSS 可视化设计、CSS 检查工具 （4） 动态跨浏览器验证当保存时系统自动检查当前文档的跨浏览器有效性，可以 指定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支 持的 tags 或 CSS 结构。动态跨浏览器有效性检查功能可以自动核对 tags 和 CSS 规则是 否适应目前的主浏览器。 （5） 强大的 WEB 站点管理功能 （6） 内建的图形编辑引擎 （7） Dreamweaver 的集成特性 Dreamweaver 8 继承了 Fireworks、Flash 和 Shockwave 的集成特性，可以在这些 Web 创作工具之间自由地切换，轻松地创建美观实用 的网页。 （8） 丰富的媒体支持能力可以方便地加入 Java、Flash、Shockwave、ActiveX 以 及其他媒体。Dreamweaver 具有强大的多媒体处理功能，在设计 DHTML 和 CSS 方面表现得 极为出色，它利用 JavaScript 和 DHTML 语言代码轻松地实现网页元素的动作和交互操作。 Dreamweaver 还提供行为和时间线两种控件来产生交互式响应和进行动画处理。 （9） 超强的扩展能力 Dreamweaver 还支持第三方插件，任何人都可以根据自己的 需要扩展 Dreamweaver 的功能，并且可以发布这些插件。 2.4.2 html 技术 首先 html（HyperText Markup Language）是学生会网站的基础，html 即超文本标 记语言。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（外语：Head） 、和“主体”部分（外语：Body） ， 其中“头”部提供关于网页的信息， “主体”部分提供网页的具体内容。 超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶 入，其主要特点如下：简易性、可扩展性、平台无关性、通用性 一个网页对应一个 HTML 文件，超文本标记语言文件以.htm（磁盘操作系统 DOS 限制 的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成 TXT 类型 初中英语短语练习网站 6 源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即 标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现 （部分标记除外例如：） ，即超文本标记语言文件的开头与结尾标志和超文本标记 语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。 标记符,说明该文件是用超文本标记语言（本标签的中文全称）来描述的,它 是文件的开头;而,则表示该文件的结尾，它们是超文本标记语言文件的开始标记 和结尾标记。；这 2 个标记符分别表示头部信息的开始和结尾。头部中包 含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显 示的效果。；，网页中显示的实际内容均包含在这 2 个正文标记符之间。 正文标记符又称为实体标记。 2.4.3 css+div 技术 DIV+CSS 是 WEB 设计标准，它是一种网页的布局方法。与传统中通过表格（table） 布局定位的方式不同，它可以实现网页页面内容与表现相分离。提及 DIV+CSS 组合，还 要从 XHTML 说起。XHTML 是一种在 HTML 基础上优化和改进的新语言，目的是基于 XML 应 用与强大的数据转换能力，适应未来网络应用更多的需求。 “DIV+CSS”其实是错误的叫法，而标准的叫法应是 XHTML+CSS。因为 DIV 与 Table 都是 XHTML 或 HTML 语言中的一个标记，而 CSS 只是一种表现形式。也许其提出者本意并 没有错，但是跟风者从表现曲解了其意思，认为整个页面就应当是 DIV+CSS 文件的组合。 css 是层叠样式表（Cascading Style Sheets）的缩写，用于定义 HTML 元素的显示 形式，是 W3C 推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。 精简的代码，使用 DIV+CSS 布局，页面代码精简，提高访问速度、增加用户体验性， div+css 结构清晰，很容易被搜索引擎搜索到，天生就是适合优化 seo，降低网页大小， 让网页体积变得更小。 页面内嵌法：就是将样式表直接写在页面代码的 head 区。类似这样： 外部调用法：将样式表写在一个独立的.css 文件中，然后在页面 head 区用类似以下 代码调用。 import命令方法：类以下代码, import url( css/style01.css ); 2.4.4 javascript JavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时 也是一种广泛用于客户端 Web 开发的脚本语言，常用来给 HTML 网页添加动态功能，比如 响应用户的各种操作。是一种动态、弱类型、基于原型的语言，内置支持类。一个完整 初中英语短语练习网站 7 的 JavaScript 实现是由以下 3 个不同部分组成的：核心（ECMAScript） 、文档对象模 型（Document Object Model，简称 DOM） 、浏览器对象模型（Browser Object Model，简 称 BOM） 。 JavaScript 是客户端脚本语言，也就是说 JavaScript 是在用户的浏览器上运行，不 需要服务器的支持而可以独立运行。 JavaScript 程序是由若干语句组成的，语句是编写程序的指令。JavaScript 提供了 完整的基本编程语句，它们是： 赋值语句、switch 选择语句、while 循环语句、for 循环语句、for each 循环语句、 do.while 循环语句、break 循环中止语句、continue 循环中断语句、with 语句、 trycatch 语句、if 语句（if.else，ifelse if） 。 Javascript 加入网页有两种方法：直接方式和引用方式。大部分含有 Javascript 的 网页都采用这种方法，例如： 2.4.5 php 技术 PHP（PHP: Hypertext Preprocessor 的缩写，中文名：“PHP：超文本预处理器” ） 是一种通用开源脚本语言。语法吸收了 C 语言、Java 和 Perl 的特点，入门门槛较低，易 于学习，使用广泛，主要适用于 Web 开发领域。用 PHP 做出的动态页面与其他的编程语 言相比，PHP 是将程序嵌入到 HTML 文档中去执行，执行效率比完全生成 HTML 标记的 CGI 要高许多；PHP 还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行 更快。PHP 支持几乎所有流行的数据库以及操作系统。开放的源代码所有的 PHP 源代码事 实上都可以得到。PHP 是免费的 和其它技术相比，PHP 本身免费且是开源代码。具有以下几种优势： 快捷性：程序开发快，运行快，技术本身学习快。嵌入于 HTML：因为 PHP 可以被嵌 入于 HTML 语言，它相对于其他语言。编辑简单，实用性强，更适合初学者。 跨平台性：由于 PHP 是运行在服务器端的脚本，可以运行在 UNIX、LINUX、WINDOWS、Mac OS 下。 效率高：PHP 消耗相当少的系统资源。 图像处理：用 PHP 动态创建图像,PHP 图像处理默认使用 GD2。且也可以配置为使用 image magick 进行图像处理。 面向对象：在 php4,php5 中，面向对象方面都有了很大的改进，php 完全可以用来 开发大型商业程序。 专业专注：PHP 支持脚本语言为主，同为类 C 语言。 PHP 在数据库方面的丰富支持，也是它迅速走红的原因之一，它支持下列的数据库 或是数据文件：Adabas 、D、 DBA、dBase 、dbm 、filePro 、Informix 、InterBase、mSQL 、Microsoft SQL Server、MySQL、Solid、Sybase、 Oracle 、PostgreSQL 初中英语短语练习网站 8 2.4.5 MySQL 数据库 MySQL 是一个关系型数据库管理系统，关联数据库将数据保存在不同的表中，而不是 将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。MySQL 所使用的 SQL 语言是用于访问数据库的最常用标准化语言。MySQL 软件采用了双授权政策（本词条“授 权政策” ） ，它分为社区版和商业版，由于其体积小、速度快、总体拥有成本低，尤其是 开放源码这一特点，一般中小型网站的开发都选择 MySQL 作为网站数据库。由于其社区 版的性能卓越，搭配 PHP 和 Apache 可组成良好的开发环境。 与其他的大型数据库例如 Oracle、DB2、SQL Server 等相比，MySQL 自有它的不足之 处，但是这丝毫也没有减少它受欢迎的程度。对于一般的个人使用者和中小型企业来说， MySQL 提供的功能已经绰绰有余，而且由于 MySQL 是开放源码软件，因此可以大大降低总 体拥有成本。使用 C 和 C+编写，并使用了多种编译器进行测试，保证源代码的可移植性。 MySQL 使用标准的 SQL 数据语言形式，Mysql 对 PHP 有很好的支持，PHP 是目前最流行的 Web 开发语言。优化的 SQL 查询算法，有效地提高查询速度。 初中英语短语练习网站 9 3 需求分析与设计及实现 软件需求分析是软件开发期的第一个阶段，也是关系到软件开发成败的关键步骤。 准确、完整和规范化的软件需求是软件开发成功的关键。它的重要性在于让用户完全清 楚对网站的确切要求，它不是确定网站怎样完成它的工作，而仅仅是确定系统必须完成 哪些工作。也就是对目标系统提出完整、准确、清晰、具体的要求。反复的调查和研究， 了解数据库的组织的详细情况，了解网站的业务流程等系统需求，它对于设计好概念模 型是至关重要的。而需求分析的好坏直接影响到系统设计的好坏。 3.1 需求规范 本网站根据初中生英语教材，将初中英语短语练习整个练习过程分成若干环节，通 过网页完成初中生放学后，自主练、学习英语的方式。运用数据库及网页技术，控制练 习的各个环节，动态统计各种数据，完成对练习各个环节的质量监控。 3.1.1 产品背景 目前，我国的计算机网络发展己初具规模，很多的英语网站都已开通。因此，如何 充分利用初中英语短语练习网站来很好的帮助学生，发挥其巨大功能来为初中生学习英 语服务成为摆在我们面前的一个需要深入探讨和解决的重大课题。随着网络技术的日益 成熟，网页技术的应用已经深入到了生活的每个角落。 3.1.2 产品概述 初中英语短语练习网站，是将初中生各个学期中的短语分成若干环节，来进行练习。 采用 3 种模式，通过网页完成毕业论文各环节的信息采集工作，运用数据库及网页技术， 控制英语短语练习各个环节，动态统计各种数据。 3.1.3 性能需求 本系统由 php 语言所开发，所以具有高度的可移植性。在软件方面，响应时间，更 新处理时间都比较快且迅速，完全满足初中学生需求。当用户需求，如操作方式，运行 环境发生变化时，设计的网站要做适当调整，灵活性非常大。 3.1.4 总体设计概述 本网站整体设计非常简单、明晰。程序设计时并不是一个网页一个网页设计的，而 是以网站主页为模板，分别制作其他页面，采用统一的 css+div 布局，通过引入不同的 javascript 形成一个完整的网页，减少了设计的工作。本次网站设计所有页面均是以这 种方式设计完成。对于后台部分，前台网站与数据库连接后，即可通过数据库在添加、 初中英语短语练习网站 10 修改英语短语。前台用户可以随时复习其中的英语短语，同样，后台管理员进行的操作 也会相应的呈现在前台。这种结构，可以轻松的添加要都系的内容。 系统主要实现的功能：学生能方便快捷的来完成英语短语的复习内容。可以很好， 很快的添加自己要学习、复习的内容。 3.2 系统功能描述 本系统主要包括学生、管理员用户二种角色。其功能主要有： 学生用户： 直接登陆便能进行练习。 管理员用户： 在后台添加和修改一些需要更改的数据。 初中生们进行练习的方式： 1、选择：给你汉语意思，通过汉语意思在 3 个英语短语中，选择出正确的那个答案 2、判断：通过汉语意思判断出给你的英语短语对还是错。 3、翻译：图中给你汉语意思，下面给短语的单词，按顺序排序。 4、答对了会有：加油啊的提示。答错了会有：小伙子真棒，继续努力的提示。 5、提示：如果遇见不会的会有提示查看 公告： 网站的更新会及时的出现在提示中。 3.3 数据库分析与设计 数据库是本网站的基础，把英语短语数据按照一定的顺序和单元组织起来，提供存 储、检索数据的功能，使网站可以方便、及时、准确安全的从数据库中获取所需要的信 息。数据库是网站的各个部分能否紧密的结合在一起以及如何结合的关键所在。 由于数据量不会很大，所以本网站设计采用数据库 mysql 存储英语短语信息。根据 初中生每学期的要求增减信息，共 3 个表,uint 表中存放着 choice 中的数据、 unit_judge 表中存放着 judge 中的数据、unit_select 表中存放内容 translate 中的内 容如图 3-1 所示。 图3-1 数据库表 unit、unit_judge、unit_select 类似。表中内容，如图 3-2： 初中英语短语练习网站 11 图3-2 数据库表 3.4 系统主要功能模块实现 详细设计是软件开发时期的第三个阶段，也是软件设计的第二步。总体设计阶段已 经确定了软件系统的总体结构，给出了系统中各个组成模块的功能和模块间的联系。这 一步的工作，就是要在上述结果的基础上，考虑“怎样实现”这个软件系统，直到对系 统中的每个模块给出足够详细的过程性描述。需要指出，这些描述应该用详细设计的表 达工具来表示，但它们还不是程序，一般不能在计算机上运行。 详细设计是编码的先导。这个阶段所产生的设计文档的质量，将直接影响下一阶段 程序的质量。为了提高文档的质量和可读性，说明书除了说明详细设计的目的、任务与 表达工具外，还要介绍结构程序设计的基本原理，以及如何用这些原理来指导模块内部 的逻辑设计，提高模块控制结构的清晰度。 1、根据原型化的开发原则，为系统的每个模块功能进行界面设计，作为进一步优化 的基础。 2、进行系统的流程分析，为模块的细化做好准备。 3、对每个模块进行详细的算法设计。 3.4.1 系统前台 打开主页的时候，渐变的背景让人感觉到亲切有自然感，体现练习中的乐趣和快乐， 努力塑造更好的学习氛围，图中有顶端的标题，背景图片。有网站名字。还具有 3 中练 习方式的图标 choice、judge、translate。如下图 3-3 所示。 初中英语短语练习网站 12 图3-3 网站主页 3.4.2 普通管理员模块 管理员只是在后台进行网站数据的添加和删改还有，网站的维护、网站日常管理。 后台管理员输入正确的用户名和密码后才能正确登陆，登陆的界面如图 3-4 所示， 图 3-4 管理员认证 初中英语短语练习网站 13 进行登陆时验证算法的流程图如图 3-5 所示。 图 3-5 登陆流程 管理员登陆成功之后可以对数据进行添加、修改，具体操作界面如图 3-6 所示。 图3-6 管理员修改数据页面 3.4.3 练习功能模块 在进行练习时，经分析设定了下面三种不同的练习方法，可根据需要进行不同的选 择。具体选择操作的界面如图 3-7 所示。 初中英语短语练习网站 14 图 3-7 学生模块图 1、选择功能是题目给出了汉语意思，选项中给出了出 3 个英文选项，要求从中选出 一个符合上述汉语意思的英文选项。如图 3-8 图 3-8 选择模块图 选择题算法的流程图如图 3-9 所示 初中英语短语练习网站 15 图 3-9 选择模块图 在做题过程中会出现作对或做错的情况，这时不管对错都会有提示的窗口出现。如 果答题正确会出现一个笑脸并且有句勉励的话在笑脸下面出现“小伙伴真棒，继续努力！ ”会鼓舞初中生的学习劲头。如图 3-10 所示。 图3-10 选择模块图 如果答题错误会出现一个哭泣的脸并且有鼓励的话在哭泣的脸下“加油啊！” ，会鼓励初 中生继续努力好好学习。如图3-11所示。 图3-11 选择模块图 初中英语短语练习网站 16 （另外的两种练习方式都会出现一样的对错功能界面，就不再一一列举了。 ） 2、判断功能是给出汉语，在汉语意思下给出一个英文的短语。看英文短语意思是否和上 面的汉语意思一致。如果对就点 right，如果不一致就点 wrong。如图 3-12 图 3-12 判断模块图 3、translate 功能主要是给出一个汉语的意思，在它的下方有一蓝色区域，在蓝色 区域中错乱排列着短语中的单词，在蓝色区域下有个答题框。需要初中生把蓝色区域中 的单词拿鼠标脱下来到答题框并且正确排列。如图 3-13 图 3-13 翻译模块图 初中英语短语练习网站 17 3.5 php 与数据库的连接 建立好数据库表以后，本网