1、初中英语短语练习网站本科毕业论文（20 届）初中英语短语练习网站的设计与实现所在学院专业班级 计算机科学与技术学生姓名指导教师完成日期初中英语短语练习网站摘要通过使用开发的初中英语短语网站，让初中生在短语练习的过程中产生兴趣，对于学习英语短语有着很好的帮助。网站提供了多元化的练习方式，让乏味的英语不再那么的枯燥，而变的有乐趣。这使得学生们更愿意去学习、练习短语，从而能有效的帮助初中生更好的掌握英语。论文阐述了网站开发的目的，结合初中生在英语学习过程中缺乏乐趣的实际情况，利用 php 语言作为开发的编程语言详细阐述了初中生短语学习网站的开发。本网站以静态网页为主，以 html5 为网站制作页面的
2、语言。采用 mysql 数据库作为后台数据库。通过对数据库基本理论的阐述并在此理论的指导下，详细的给出了从初中英语短语网站的数据分析。网站的总体设计、详细设计与实现及网站的练习功能的各个环节都在网站的前后台得以体现。关键词 ：html 、 css+div 、my sql 、 php、英语短语。初中英语短语练习网站AbstractIn this paper, through the development of junior middle school English phrases, let students interested in the course of practice, for
3、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
4、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. Base
5、d 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 aft
6、er reflected. This site has middle school learning phrase some methods and ways etc.Keywords:：html、css+div、mysql 、php、English phrases.初中英语短语练习网站目录1绪论 .11.1 系统开发背景 .11.2 系统开发的目的及意义 .11.3 系统开发及运行环境 .32系统可行性分析及技术简介 .42.1 技术可行性 .42.2 经济可行性 .42.3 操作可行性 .42.4 相关技术简介 .42.4.1 网页制作工具 DREAMWEAVER8 介绍 .42.4.2
7、html技术 .52.4.3 css+div技术 .62.4.4 javascript .62.4.5 php技术 .72.4.5 MySQL 数据库 .73需求分析与设计及实现 .93.1 需求规范 .93.1.1产品背景 .93.1.2产品概述 .93.1.3性能需求 .93.1.4总体设计概述 .93.2 系统功能描述 .103.3 数据库分析与设计 .103.4 系统主要功能模块实现 .113.4.1系统前台 .113.4.2普通管理员模块 .123.4.3练习功能模块 .133.5 PHP 与数据库的连接 .174结束语 .18致谢 .19参考文献 .20初中英语短语练习网站11绪论
8、1.1系统开发背景随着科技的发展，计算机本身经历了巨大的变化。计算机的概念也由原始的分立式走向今天的网络式。网络技术已逐渐成为现代信息技术的主流，网络的概念也随着Internet 技术和应用的发展而渐入人心。Internet/Intranet 的作用正为越来越多的人所认识，通过网络共享信息正成为科学研究的一种重要手段。可以这么说，谁拥有信息，谁就能在科技信息革命的大潮中获得主动权，就能获取成功。面对信息时代的挑战，网络的功能越来越强，国内教育系统也在积极建设或升级计算机网络，并已建成了规模较大的英语网站，全国也纷纷建立许多的初中英语练习网站，许多高校还有自己的英语练习的网站。英语短语练习网站是
9、结合多媒体来发展英语的一个横好的媒介。但是，目前很多的英语练习网站的利用率却不是很高，主要原因是缺少好的练习应用、有趣的方式。以前开发的网站往往是在单机上运行，或者采用单调的页面开发出来的，对于今天因特网时代来说，这些网站很大程度上已经不能满足新生代的初中生更好的来学习英语。学习英语最初是自己背诵、练习，显然在信息化发展的今天，这远远不能满足新生代的初中生了。后来，一些简单的英语短语练习的开发，这在很大程度上解决了上述问题但是，这种网站如今也不能满足的要求了，这主要是由于新生代的初中生接触的对媒体越来越多。因此，开发多元化又有趣的英语短语练习网站是势在必行。本文正是在这种背景下提出的，目的是为
10、了开发出一套功能完善、操作便捷、及时性好、适用面广初中短语练习网站，以提高初中生学习英语效率。随着计算机互联网技术的飞速发展，计算机在各行各业的应用越来越广泛，而且网络化是 21 世纪计算机技术发展的重要趋势之一。目前，我国的计算机网络发展己初具规模，大部分中学网都已开通。因此，如何充分利用中学网络，发挥其巨大功能来为中学的教学和科研服务成为摆在我们面前的一个需要深入探讨和解决的重大课题。随着网络技术的日益成熟，网页技术的应用已经深入到了生活的每个角落。一直以来人们使用传统学习英语短语的方式，这种学习方式存在着许多缺点,如:效率低、趣味性低,另外时间一长,学生们也会感觉到乏味,这对于学习英语带
11、来了不少困难。随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。1.2系统开发的目的及意义21 世纪以来，人类经济高速发展，人们发生了日新月异的变化，特别是计算机的应用及普及到经济和社会生活的各个领域。使原本的旧的学习方法越来越不适应现在社会的发展。许初中生还停留在旧的一些网站乏味的练习方式中。这大大地阻碍了初中生学习英语的发展。为了适应现代社会人们高度强烈的时间观念，好的初中英语短语练习网站为学生带来了极大的方便。近年来，随着计算机技术、网络技术的发展和普及，各行初中英语短语练习网站2各业的工作信息化程度越来越高，教
12、育行业也不例外。随着英语在全球的普及，以及其在各行业的重要性。显然我们要更好的来学习英语，二英语短语又是英语中重要的部分。英语在中学阶段是一个需要熟记，和记忆的过程。因此开发一个学习和复习英语短语网站就显得尤为重要。随着网络的普及，我们的生活已经离开不了网络，在今天，网络技术已经相当的成熟，而且已经基本普及，网络技术在生活中更是随处可见，英语在现在是一门很重要的课程，随着中国逐渐走进国际，使用英语的范围也越来越广。现在在日常的生活中许多地方都用得到英语，如平常同学之间经常说的口语：thanks、sorry 。英语一门主要的课程，与语数英并列，英语以后是要考四六级的，现在不学好英语，以后就更不用
13、说了。英语也是现在世界上用的最多的一门语言，许多国家都在学英语，所以，学好了英语，出门就不怕沟通不方便了。在各大中小学校，用简单的网站练习来复习英语已经越来越普遍了。用计算机不但可以提高学习效率，而且还节省了许多人力物力，增强了学生的自学性。为此，用网站来学习英语，是非常必要的。初中英语短语练习网站是一个初中生对于学习英语的重要部分。一个功能齐全、简单易用的初中英语短语网站不但能有效地减轻学生的学习压力，全世界 75的电视节目是英语，四分之三的邮件是用英语书写，电脑键盘是英语键盘，任何一个会议敢号称是国际会议，其会议工作语言一定要用英语，也是联合国的正式工作语言。我们看到，很多官方的、政府性质
14、的活动、文件、交流方式都使用英语。外贸行业也把英语作为通用语言，外贸交往、国际礼仪、书信函电、进出口文件、还有银行文件语言等等，统统以英语作为标准通用语言。大多数国家的高等学府，大学院校，都开设英语语言文学专业，仅在中国，就有一百多所大学设有英语专业或英语相关专业。电脑和互联网，也是建立在英语的基础上，这个行业的语言，就是英语。初中英语短语练习网站，其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。对于前者要求建立起数据一致性和完整性强,数据安全性好的数据库。而对于后者则要求练习功能完备、多远化、有趣化。清晰明了又易操作等特点。本网站实现了初中英语短语练习的主要功能。作为计算
15、机应用的一部分,使用计算机对学校的各类信息进行管理,具有手工管理所无法比拟的优点.例如:检索迅速、查询方便、效率高、可靠性好、存储量大、保密性好、寿命长、成本低等。这些优点能够极大地提高学校信息管理的效率,也是一个单位科学化、正规化管理,与世界接轨的重要条件。如今时代是飞速发展的信息时代，在各行各业中离不开信息处理，这正是计算机被广泛应用于学习的环境。而初中英语短语练习网站是一个学生们不可缺少的学习方式。它中国在近几十年的确发生了翻天覆地的变化，各方面都发展得很快。但是，不容置疑的是，我们在很多技术方面仍然落后于西方先进国家。要发展，要进步，要在较短的时间内掌握各种技术，我们不可能单靠自己搞研
16、究，必须学习发达国家先进的技术，而学习的必要前提便是要掌握世界通用技术交流语言英语。就计算机程序开发为例，虽然目前的计算机操作系统已经有中文版，但要进行应用程序开发，程序还是用英语编写的。高新技术资料大部分都是以英语编写。印度虽然在很多方面的发展比不上中国，但印度的软件开发业却比中国发达很多，造成这种差距的一个重要原因就是印度程序员普遍英语应用水平比中国程序员高。我们在学习别人先进技术，经验的同时，也需要与世界各国展开各种技术上和经济上的合作。如果不懂英语，便无法与合作方沟通交流，也更谈初中英语短语练习网站3不上合作了。譬如某公司开发了一个具有世界水平的产品，如果能打开国际市场，前途将是一片光
17、明。但偏偏公司人员不懂英语，无法很好地与国外客户沟通，无法将产品的优良性能展示出来，这将是一个惨重的损失。1.3系统开发及运行环境操作系统：WindowsXP/win7/win8；数据库：mysql；服务器：Tomcat6.0开发工具包：php 以及 html5；初中英语短语练习网站42系统可行性分析及技术简介可行性研究（FeasibilityStudy ）是为了弄清所定义的项目是不是可能实现并值得进行。可行性研究的目的是用较小的代价尽可能快的确定问题是否能够解决，是否值得解决，并通过分析以避免冒太大的风险。从技术、经济和操作三个方面分析本系统的可行性。2.1技术可行性初中英语短语练习网站，它
18、采用了当前流行的 html5 和 Internet 网络技术。技术上的可行性分析主要分析现有技术条件能否顺利完成开发工作，软硬件配置能否满足开发者需要等，这一特点非常适合计算机的特点，发挥计算机的数据处理速度快，准确率高的优势，现代计算机硬件和软件技术的飞速发展，为系统的建设提供了技术条件。由于对英语练习网站这一类的网站进行开发已有一定的时期，有很多成功的实例，技术基础也已经非常雄厚，因而技术上的准备应该不成问题。其相关技术简介详见 2.4 节。2.2经济可行性主要是对项目的经济效益进行评价，一方面是支出的费用，其中包括设备购置费，软件开发费，管理和维护费，人员工资和培训费等。另一方面是取得的
19、收益中可以用钱来衡量的那部分（收益的另一部分难以用钱来表示） 。基于企业的现有计算机及配套设备，建设网站。不但能大大减少重复性的附资料的，学生的负重，提高初中生们的学习效率，而且能提初中生的乐趣性，为初中生提供很方便。由于初中英语短语是一个比较小型的网站，是由我一个人进行开发的，所以从人力、物力、财力方面来说都是可行的。2.3操作可行性网络化已经成为社会的趋势，本系统操作简单方便，初中生们可以通过网站的提示就能轻松使用该网站。采用本网站，能够使整个网站内部所有数据的简化的出现来帮助学生完成练习，提高学习效益。由于采用最新更新的数据信息，使相关学习数据能够快速地查询所需的数据、资料及，使初中生们
20、学习英语快速高效、笨企鹅具有乐趣性。2.4相关技术简介2.4.1 网页制作工具 Dreamweaver8介绍Macromedia Dreamweaver 8 是建立 Web 站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于CSS 的设计的领先支持到手工编码功能，Dreamweaver 提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功初中英语短语练习网站5能强大的 Internet 应
21、用程序，从而使用户能连接到数据库、Web 服务和旧式系统。 Dream weaver 是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着 Dream weaver 8 的发布，更坚定 Dream weaver 在该领域的地位。它集网页设计、网站开发和站点管理1功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。其特点如下：（1） 灵活的编写方式 Dream weaver 具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。（2） 可视化编辑界面
22、 Dreamweaver 是一种所见即所得的 HTML 编辑器，可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的 HTML 编辑器和任何第三方的 HTML 编辑器进行实时的访问。无论用户习惯手工输入 HTML 源代码还是使用可视化的编辑界面，Dreamweaver 都能提供便捷的方式使用户设计网页和管理网站变得更容易。（3） 功能更多的 CSS 支持CSS 可视化设计、CSS 检查工具（4） 动态跨浏览器验证当保存时系统自动检查当前文档的跨浏览器有效性，可以指定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支
23、持的 tags 或 CSS 结构。动态跨浏览器有效性检查功能可以自动核对 tags 和 CSS 规则是否适应目前的主浏览器。（5） 强大的 WEB 站点管理功能（6） 内建的图形编辑引擎（7） Dreamweaver 的集成特性 Dreamweaver 8 继承了 Fireworks、Flash 和Shockwave 的集成特性，可以在这些 Web 创作工具之间自由地切换，轻松地创建美观实用的网页。（8） 丰富的媒体支持能力可以方便地加入 Java、Flash、Shockwave、ActiveX 以及其他媒体。Dreamweaver 具有强大的多媒体处理功能，在设计 DHTML 和 CSS 方
24、面表现得极为出色，它利用 JavaScript 和 DHTML 语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver 还提供行为和时间线两种控件来产生交互式响应和进行动画处理。（9） 超强的扩展能力 Dreamweaver 还支持第三方插件，任何人都可以根据自己的需要扩展 Dreamweaver 的功能，并且可以发布这些插件。2.4.2 html技术 首先 html（HyperText Markup Language）是学生会网站的基础，html 即超文本标记语言。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（外语：H
25、ead） 、和“主体”部分（外语：Body） ，其中“头”部提供关于网页的信息， “主体”部分提供网页的具体内容。超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，其主要特点如下：简易性、可扩展性、平台无关性、通用性一个网页对应一个 HTML 文件，超文本标记语言文件以.htm（磁盘操作系统 DOS 限制的外语缩写）为扩展名或.html（外语缩写）为扩展名。可以使用任何能够生成 TXT 类型初中英语短语练习网站6源文件的文本编辑器来产生超文本标记语言文件，只用修改文件后缀即标准的超文本标记语言文件都具有一个基本的整体结构，标记一般都是成对出现（部分标记除外例如：） ，
26、即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。标记符,说明该文件是用超文本标记语言（本标签的中文全称）来描述的,它是文件的开头;而,则表示该文件的结尾，它们是超文本标记语言文件的开始标记和结尾标记。；这 2 个标记符分别表示头部信息的开始和结尾。头部中包含的标记是页面的标题、序言、说明等内容，它本身不作为内容来显示，但影响网页显示的效果。；，网页中显示的实际内容均包含在这 2 个正文标记符之间。正文标记符又称为实体标记。2.4.3 css+div技术DIV+CSS 是 WEB 设计标准，它是一种网页的布局方法。与传统中通过表格（
27、table）布局定位的方式不同，它可以实现网页页面内容与表现相分离。提及 DIV+CSS 组合，还要从 XHTML 说起。XHTML 是一种在 HTML 基础上优化和改进的新语言，目的是基于 XML 应用与强大的数据转换能力，适应未来网络应用更多的需求。“DIV+CSS”其实是错误的叫法，而标准的叫法应是 XHTML+CSS。因为 DIV 与 Table都是 XHTML 或 HTML 语言中的一个标记，而 CSS 只是一种表现形式。也许其提出者本意并没有错，但是跟风者从表现曲解了其意思，认为整个页面就应当是 DIV+CSS 文件的组合。css 是层叠样式表（Cascading Style Sh
28、eets）的缩写，用于定义 HTML 元素的显示形式，是 W3C 推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。精简的代码，使用 DIV+CSS 布局，页面代码精简，提高访问速度、增加用户体验性，div+css 结构清晰，很容易被搜索引擎搜索到，天生就是适合优化 seo，降低网页大小，让网页体积变得更小。页面内嵌法：就是将样式表直接写在页面代码的 head 区。类似这样：外部调用法：将样式表写在一个独立的.css 文件中，然后在页面 head 区用类似以下代码调用。“import“命令方法：类以下代码, import url( css/style01.css );2.4.4 javascriptJavaScript 是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端 Web 开发的脚本语言，常用来给 HTML 网页添加动态功能，比如响应用户的各种操作。是一种动态、弱类型、基于原型的语言，内置支持类。一个完整
