軟件工程畢業(yè)論文-初中英語短語練習網(wǎng)站的設計與實現(xiàn)

1、<p><b>　　本科畢業(yè)論文</b></p><p><b>　?。?0 屆）</b></p><p>　　初中英語短語練習網(wǎng)站的設計與實現(xiàn)</p><p><b>　　摘要</b></p><p>　　通過使用開發(fā)的初中英語短語網(wǎng)站，讓初中生在短語練習的過程中

2、產生興趣，對于學習英語短語有著很好的幫助。網(wǎng)站提供了多元化的練習方式，讓乏味的英語不再那么的枯燥，而變的有樂趣。這使得學生們更愿意去學習、練習短語，從而能有效的幫助初中生更好的掌握英語。</p><p>　　論文闡述了網(wǎng)站開發(fā)的目的，結合初中生在英語學習過程中缺乏樂趣的實際情況，利用 php語言作為開發(fā)的編程語言詳細闡述了初中生短語學習網(wǎng)站的開發(fā)。本網(wǎng)站以靜態(tài)網(wǎng)頁為主，以html5為網(wǎng)站制作頁面的語言。采用 my

3、sql數(shù)據(jù)庫作為后臺數(shù)據(jù)庫。通過對數(shù)據(jù)庫基本理論的闡述并在此理論的指導下，詳細的給出了從初中英語短語網(wǎng)站的數(shù)據(jù)分析。網(wǎng)站的總體設計、詳細設計與實現(xiàn)及網(wǎng)站的練習功能的各個環(huán)節(jié)都在網(wǎng)站的前后臺得以體現(xiàn)。</p><p>　　關鍵詞 ：html 、 css+div 、my sql 、 php、英語短語。</p><p><b>　　Abstract</b></p>

4、;<p>　　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 diver

5、sified 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.</p><p>　　This paper

6、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. Th

7、is 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

8、from the junior middle school English phrase webs</p><p>　　Keywords:：html、css+div、mysql 、php、English phrases.</p><p><b>　　目錄</b></p><p><b>　　1緒論1</b></p&

9、gt;<p>　　1.1系統(tǒng)開發(fā)背景1</p><p>　　1.2系統(tǒng)開發(fā)的目的及意義1</p><p>　　1.3系統(tǒng)開發(fā)及運行環(huán)境3</p><p>　　2系統(tǒng)可行性分析及技術簡介4</p><p>　　2.1技術可行性4</p><p>　　2.2經(jīng)濟可行性4</p>&l

10、t;p>　　2.3操作可行性4</p><p>　　2.4相關技術簡介4</p><p>　　2.4.1 網(wǎng)頁制作工具Dreamweaver8介紹4</p><p>　　2.4.2 html技術5</p><p>　　2.4.3 css+div技術6</p><p>　　2.4.4 javascrip

11、t6</p><p>　　2.4.5 php技術7</p><p>　　2.4.5 MySQL 數(shù)據(jù)庫7</p><p>　　3需求分析與設計及實現(xiàn)9</p><p><b>　　3.1需求規(guī)范9</b></p><p>　　3.1.1產品背景9</p><p>

12、;　　3.1.2產品概述9</p><p>　　3.1.3性能需求9</p><p>　　3.1.4總體設計概述9</p><p>　　3.2系統(tǒng)功能描述10</p><p>　　3.3數(shù)據(jù)庫分析與設計10</p><p>　　3.4系統(tǒng)主要功能模塊實現(xiàn)11</p><p>　　3.

13、4.1系統(tǒng)前臺11</p><p>　　3.4.2普通管理員模塊12</p><p>　　3.4.3練習功能模塊13</p><p>　　3.5 php與數(shù)據(jù)庫的連接17</p><p><b>　　4結束語18</b></p><p><b>　　致謝19</b>

14、;</p><p><b>　　參考文獻20</b></p><p><b>　　1緒論</b></p><p><b>　　1.1系統(tǒng)開發(fā)背景</b></p><p>　　隨著科技的發(fā)展，計算機本身經(jīng)歷了巨大的變化。計算機的概念也由原始的分立式走向今天的網(wǎng)絡式。網(wǎng)絡技術已逐

15、漸成為現(xiàn)代信息技術的主流，網(wǎng)絡的概念也隨著Internet技術和應用的發(fā)展而漸入人心。Internet/Intranet的作用正為越來越多的人所認識，通過網(wǎng)絡共享信息正成為科學研究的一種重要手段?？梢赃@么說，誰擁有信息，誰就能在科技信息革命的大潮中獲得主動權，就能獲取成功。</p><p>　　面對信息時代的挑戰(zhàn)，網(wǎng)絡的功能越來越強，國內教育系統(tǒng)也在積極建設或升級計算機網(wǎng)絡，并已建成了規(guī)模較大的英語網(wǎng)站，全國也紛

16、紛建立許多的初中英語練習網(wǎng)站，許多高校還有自己的英語練習的網(wǎng)站。英語短語練習網(wǎng)站是結合多媒體來發(fā)展英語的一個橫好的媒介。</p><p>　　但是，目前很多的英語練習網(wǎng)站的利用率卻不是很高，主要原因是缺少好的練習應用、有趣的方式。以前開發(fā)的網(wǎng)站往往是在單機上運行，或者采用單調的頁面開發(fā)出來的，對于今天因特網(wǎng)時代來說，這些網(wǎng)站很大程度上已經(jīng)不能滿足新生代的初中生更好的來學習英語。學習英語最初是自己背誦、練習，顯然在

17、信息化發(fā)展的今天，這遠遠不能滿足新生代的初中生了。后來，一些簡單的英語短語練習的開發(fā)，這在很大程度上解決了上述問題但是，這種網(wǎng)站如今也不能滿足的要求了，這主要是由于新生代的初中生接觸的對媒體越來越多。因此，開發(fā)多元化又有趣的英語短語練習網(wǎng)站是勢在必行。</p><p>　　本文正是在這種背景下提出的，目的是為了開發(fā)出一套功能完善、操作便捷、及時性好、適用面廣初中短語練習網(wǎng)站，以提高初中生學習英語效率。</p

18、><p>　　隨著計算機互聯(lián)網(wǎng)技術的飛速發(fā)展，計算機在各行各業(yè)的應用越來越廣泛，而且網(wǎng)絡化是21世紀計算機技術發(fā)展的重要趨勢之一。目前，我國的計算機網(wǎng)絡發(fā)展己初具規(guī)模，大部分中學網(wǎng)都已開通。因此，如何充分利用中學網(wǎng)絡，發(fā)揮其巨大功能來為中學的教學和科研服務成為擺在我們面前的一個需要深入探討和解決的重大課題。隨著網(wǎng)絡技術的日益成熟，網(wǎng)頁技術的應用已經(jīng)深入到了生活的每個角落。</p><p>　　

19、一直以來人們使用傳統(tǒng)學習英語短語的方式，這種學習方式存在著許多缺點,如:效率低、趣味性低,另外時間一長,學生們也會感覺到乏味,這對于學習英語帶來了不少困難。隨著科學技術的不斷提高,計算機科學日漸成熟,其強大的功能已為人們深刻認識,它已進入人類社會的各個領域并發(fā)揮著越來越重要的作用。</p><p>　　1.2系統(tǒng)開發(fā)的目的及意義</p><p>　　21世紀以來，人類經(jīng)濟高速發(fā)展，人們發(fā)生

20、了日新月異的變化，特別是計算機的應用及普及到經(jīng)濟和社會生活的各個領域。使原本的舊的學習方法越來越不適應現(xiàn)在社會的發(fā)展。許初中生還停留在舊的一些網(wǎng)站乏味的練習方式中。這大大地阻礙了初中生學習英語的發(fā)展。為了適應現(xiàn)代社會人們高度強烈的時間觀念，好的初中英語短語練習網(wǎng)站為學生帶來了極大的方便。近年來，隨著計算機技術、網(wǎng)絡技術的發(fā)展和普及，各行各業(yè)的工作信息化程度越來越高，教育行業(yè)也不例外。隨著英語在全球的普及，以及其在各行業(yè)的重要性。顯然我們

21、要更好的來學習英語，二英語短語又是英語中重要的部分。英語在中學階段是一個需要熟記，和記憶的過程。因此開發(fā)一個學習和復習英語短語網(wǎng)站就顯得尤為重要。隨著網(wǎng)絡的普及，我們的生活已經(jīng)離開不了網(wǎng)絡，在今天，網(wǎng)絡技術已經(jīng)相當?shù)某墒欤乙呀?jīng)基本普及，網(wǎng)絡技術在生活中更是隨處可見，英語在現(xiàn)在是一門很重要的課程，隨著中國逐漸走進國際，使用英語的范圍也越來越廣?，F(xiàn)在在日常的生活中許多地方都用得到英語，如平常同學之間經(jīng)常說的口語：thanks、sorry

22、。英語一門主要的課程，與語數(shù)英并列，英語以后是要考四六級的，現(xiàn)在不學好英語，以后</p><p>　　在各大中小學校，用簡單的網(wǎng)站練習來復習英語已經(jīng)越來越普遍了。用計算機不但可以提高學習效率，而且還節(jié)省了許多人力物力，增強了學生的自學性。為此，用網(wǎng)站來學習英語，是非常必要的。</p><p>　　初中英語短語練習網(wǎng)站是一個初中生對于學習英語的重要部分。一個功能齊全、簡單易用的初中英語短語網(wǎng)

23、站不但能有效地減輕學生的學習壓力，全世界75％的電視節(jié)目是英語，四分之三的郵件是用英語書寫，電腦鍵盤是英語鍵盤，任何一個會議敢號稱是國際會議，其會議工作語言一定要用英語，也是聯(lián)合國的正式工作語言。我們看到，很多官方的、政府性質的活動、文件、交流方式都使用英語。外貿行業(yè)也把英語作為通用語言，外貿交往、國際禮儀、書信函電、進出口文件、還有銀行文件語言等等，統(tǒng)統(tǒng)以英語作為標準通用語言。大多數(shù)國家的高等學府，大學院校，都開設英語語言文學專業(yè)，僅

24、在中國，就有一百多所大學設有英語專業(yè)或英語相關專業(yè)。電腦和互聯(lián)網(wǎng)，也是建立在英語的基礎上，這個行業(yè)的語言，就是英語。</p><p>　　初中英語短語練習網(wǎng)站，其開發(fā)主要包括后臺數(shù)據(jù)庫的建立和維護以及前端應用程序的開發(fā)兩個方面。對于前者要求建立起數(shù)據(jù)一致性和完整性強,數(shù)據(jù)安全性好的數(shù)據(jù)庫。而對于后者則要求練習功能完備、多遠化、有趣化。清晰明了又易操作等特點。本網(wǎng)站實現(xiàn)了初中英語短語練習的主要功能。</p&g

25、t;<p>　　作為計算機應用的一部分,使用計算機對學校的各類信息進行管理,具有手工管理所無法比擬的優(yōu)點.例如:檢索迅速、查詢方便、效率高、可靠性好、存儲量大、保密性好、壽命長、成本低等。這些優(yōu)點能夠極大地提高學校信息管理的效率,也是一個單位科學化、正規(guī)化管理,與世界接軌的重要條件。</p><p>　　如今時代是飛速發(fā)展的信息時代，在各行各業(yè)中離不開信息處理，這正是計算機被廣泛應用于學習的環(huán)境。而

26、初中英語短語練習網(wǎng)站是一個學生們不可缺少的學習方式。它中國在近幾十年的確發(fā)生了翻天覆地的變化，各方面都發(fā)展得很快。但是，不容置疑的是，我們在很多技術方面仍然落后于西方先進國家。要發(fā)展，要進步，要在較短的時間內掌握各種技術，我們不可能單靠自己搞研究，必須學習發(fā)達國家先進的技術，而學習的必要前提便是要掌握世界通用技術交流語言－英語。就計算機程序開發(fā)為例，雖然目前的計算機操作系統(tǒng)已經(jīng)有中文版，但要進行應用程序開發(fā)，程序還是用英語編寫的。高新技

27、術資料大部分都是以英語編寫。印度雖然在很多方面的發(fā)展比不上中國，但印度的軟件開發(fā)業(yè)卻比中國發(fā)達很多，造成這種差距的一個重要原因就是印度程序員普遍英語應用水平比中國程序員高。我們在學習別人先進技術，經(jīng)驗的同時，也需要與世界各國展開各種技術上和經(jīng)濟上的合作。如果不懂英語，便無法與合作方溝通交流，也更談不上合作了。譬如某公司開發(fā)了一個具有世界水平的產品，如果能打開國際市場，前途將是一片光明。但偏偏公司人員不懂英語，無法很好地與國外客戶溝通，無

28、法將產品的優(yōu)良性能展示出</p><p>　　1.3系統(tǒng)開發(fā)及運行環(huán)境</p><p>　　操作系統(tǒng)：WindowsXP/win7/win8；</p><p>　　數(shù)據(jù)庫：mysql；</p><p>　　服務器：Tomcat6.0</p><p>　　開發(fā)工具包：php以及html5；</p><

29、p>　　2系統(tǒng)可行性分析及技術簡介</p><p>　　可行性研究（FeasibilityStudy）是為了弄清所定義的項目是不是可能實現(xiàn)并值得進行?？尚行匝芯康哪康氖怯幂^小的代價盡可能快的確定問題是否能夠解決，是否值得解決，并通過分析以避免冒太大的風險。從技術、經(jīng)濟和操作三個方面分析本系統(tǒng)的可行性。</p><p><b>　　2.1技術可行性</b><

30、/p><p>　　初中英語短語練習網(wǎng)站，它采用了當前流行的html5和Internet網(wǎng)絡技術。技術上的可行性分析主要分析現(xiàn)有技術條件能否順利完成開發(fā)工作，軟硬件配置能否滿足開發(fā)者需要等，這一特點非常適合計算機的特點，發(fā)揮計算機的數(shù)據(jù)處理速度快，準確率高的優(yōu)勢，現(xiàn)代計算機硬件和軟件技術的飛速發(fā)展，為系統(tǒng)的建設提供了技術條件。由于對英語練習網(wǎng)站這一類的網(wǎng)站進行開發(fā)已有一定的時期，有很多成功的實例，技術基礎也已經(jīng)非常雄厚

31、，因而技術上的準備應該不成問題。其相關技術簡介詳見2.4節(jié)。</p><p><b>　　2.2經(jīng)濟可行性</b></p><p>　　主要是對項目的經(jīng)濟效益進行評價，一方面是支出的費用，其中包括設備購置費，軟件開發(fā)費，管理和維護費，人員工資和培訓費等。另一方面是取得的收益中可以用錢來衡量的那部分（收益的另一部分難以用錢來表示）。基于企業(yè)的現(xiàn)有計算機及配套設備，建設網(wǎng)

32、站。不但能大大減少重復性的附資料的，學生的負重，提高初中生們的學習效率，而且能提初中生的樂趣性，為初中生提供很方便。由于初中英語短語是一個比較小型的網(wǎng)站，是由我一個人進行開發(fā)的，所以從人力、物力、財力方面來說都是可行的。</p><p><b>　　2.3操作可行性</b></p><p>　　網(wǎng)絡化已經(jīng)成為社會的趨勢，本系統(tǒng)操作簡單方便，初中生們可以通過網(wǎng)站的提示就

33、能輕松使用該網(wǎng)站。采用本網(wǎng)站，能夠使整個網(wǎng)站內部所有數(shù)據(jù)的簡化的出現(xiàn)來幫助學生完成練習，提高學習效益。由于采用最新更新的數(shù)據(jù)信息，使相關學習數(shù)據(jù)能夠快速地查詢所需的數(shù)據(jù)、資料及，使初中生們學習英語快速高效、笨企鵝具有樂趣性。</p><p><b>　　2.4相關技術簡介</b></p><p>　　2.4.1 網(wǎng)頁制作工具Dreamweaver8介紹</p&g

34、t;<p>　　Macromedia Dreamweaver 8是建立Web站點和應用程序的專業(yè)工具。它將可視布局工具、應用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強大，使得各個層次的開發(fā)人員和設計人員都能夠快速創(chuàng)建界面吸引人的基于標準的網(wǎng)站和應用程序。從對基于CSS的設計的領先支持到手工編碼功能，Dreamweaver提供了專業(yè)人員在一個集成、高效的環(huán)境中所需的工具。開發(fā)人員可以使用Dreamweaver及所選擇的服

35、務器技術來創(chuàng)建功能強大的Internet應用程序，從而使用戶能連接到數(shù)據(jù)庫、Web服務和舊式系統(tǒng)。 ·</p><p>　　Dream weaver是在網(wǎng)頁設計與制作領域中用戶最多、應用最廣、功能最強大的軟件，隨著Dream weaver 8的發(fā)布，更堅定Dream weaver在該領域的地位。它集網(wǎng)頁設計、網(wǎng)站開發(fā)和站點管理[1]功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網(wǎng)站設計、開

36、發(fā)、制作的首選工具。其特點如下：</p><p>　?。?） 靈活的編寫方式Dream weaver具有靈活編寫網(wǎng)頁的特點，不但將世界一流水平的“設計”和“代碼”編輯器合二為一，而且在設計窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。</p><p>　　（2） 可視化編輯界面Dreamweaver是一種所見即所得的HTML編輯器，可實現(xiàn)頁面元素的插入和生成。或視化編輯環(huán)境

37、大量減少了代碼的編寫，同時亦保證了其專業(yè)性和兼容性，并且可以對內部的HTML編輯器和任何第三方的HTML編輯器進行實時的訪問。無論用戶習慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶設計網(wǎng)頁和管理網(wǎng)站變得更容易。</p><p>　　（3） 功能更多的CSS支持——CSS可視化設計、CSS檢查工具</p><p>　?。?） 動態(tài)跨瀏覽器驗

38、證當保存時系統(tǒng)自動檢查當前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測試用瀏覽器，同時系統(tǒng)自動檢驗以確定頁面有沒有目標瀏覽器不支持的tags或CSS結構。動態(tài)跨瀏覽器有效性檢查功能可以自動核對tags和CSS規(guī)則是否適應目前的主瀏覽器。</p><p>　?。?） 強大的WEB站點管理功能</p><p>　　（6） 內建的圖形編輯引擎</p><p>　?。?）

39、Dreamweaver的集成特性Dreamweaver 8繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實用的網(wǎng)頁。</p><p>　?。?） 豐富的媒體支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強大的多媒體處理功能，在設計DHTML和CSS方面表現(xiàn)得極為出色，

40、它利用JavaScript和DHTML語言代碼輕松地實現(xiàn)網(wǎng)頁元素的動作和交互操作。Dreamweaver還提供行為和時間線兩種控件來產生交互式響應和進行動畫處理。</p><p>　?。?） 超強的擴展能力Dreamweaver還支持第三方插件，任何人都可以根據(jù)自己的需要擴展Dreamweaver的功能，并且可以發(fā)布這些插件。</p><p>　　2.4.2 html技術 </p&

41、gt;<p>　　首先html（HyperText Markup Language）是學生會網(wǎng)站的基礎，html即超文本標記語言?！俺谋尽本褪侵疙撁鎯瓤梢园瑘D片、鏈接，甚至音樂、程序等非文字元素。超文本標記語言的結構包括“頭”部分（外語：Head）、和“主體”部分（外語：Body），其中“頭”部提供關于網(wǎng)頁的信息，“主體”部分提供網(wǎng)頁的具體內容。</p><p>　　超級文本標記語言文檔制作不是

42、很復雜，但功能強大，支持不同數(shù)據(jù)格式的文件鑲入，其主要特點如下：簡易性、可擴展性、平臺無關性、通用性</p><p>　　一個網(wǎng)頁對應一個HTML文件，超文本標記語言文件以.htm（磁盤操作系統(tǒng)DOS限制的外語縮寫）為擴展名或.html（外語縮寫）為擴展名?？梢允褂萌魏文軌蛏蒚XT類型源文件的文本編輯器來產生超文本標記語言文件，只用修改文件后綴即</p><p>　　標準的超文本標記語言

43、文件都具有一個基本的整體結構，標記一般都是成對出現(xiàn)（部分標記除外例如：<br/>），即超文本標記語言文件的開頭與結尾標志和超文本標記語言的頭部與實體兩大部分。有三個雙標記符用于頁面整體結構的確認。</p><p>　　標記符<html>,說明該文件是用超文本標記語言（本標簽的中文全稱）來描述的,它是文件的開頭;而</html>,則表示該文件的結尾，它們是超文本標記語言文件的開始

44、標記和結尾標記。<head></head>；這2個標記符分別表示頭部信息的開始和結尾。頭部中包含的標記是頁面的標題、序言、說明等內容，它本身不作為內容來顯示，但影響網(wǎng)頁顯示的效果。<body></body>；，網(wǎng)頁中顯示的實際內容均包含在這2個正文標記符之間。正文標記符又稱為實體標記。</p><p>　　2.4.3 css+div技術</p><

45、;p>　　DIV+CSS是WEB設計標準，它是一種網(wǎng)頁的布局方法。與傳統(tǒng)中通過表格（table）布局定位的方式不同，它可以實現(xiàn)網(wǎng)頁頁面內容與表現(xiàn)相分離。提及DIV+CSS組合，還要從XHTML說起。XHTML是一種在HTML基礎上優(yōu)化和改進的新語言，目的是基于XML應用與強大的數(shù)據(jù)轉換能力，適應未來網(wǎng)絡應用更多的需求。</p><p>　　“DIV+CSS”其實是錯誤的叫法，而標準的叫法應是XHTML+CS

46、S。因為DIV與Table都是XHTML或HTML語言中的一個標記，而CSS只是一種表現(xiàn)形式。也許其提出者本意并沒有錯，但是跟風者從表現(xiàn)曲解了其意思，認為整個頁面就應當是DIV+CSS文件的組合。</p><p>　　css是層疊樣式表（Cascading Style Sheets）的縮寫，用于定義HTML元素的顯示形式，是W3C推出的格式化網(wǎng)頁內容的標準技術。網(wǎng)頁設計者必須掌握的技術之一。</p>

47、<p>　　精簡的代碼，使用DIV+CSS布局，頁面代碼精簡，提高訪問速度、增加用戶體驗性，div+css結構清晰，很容易被搜索引擎搜索到，天生就是適合優(yōu)化seo，降低網(wǎng)頁大小，讓網(wǎng)頁體積變得更小。</p><p>　　頁面內嵌法：就是將樣式表直接寫在頁面代碼的head區(qū)。類似這樣：</p><p>　　<style type="text/css"&g

48、t; <!-- body { background : white ; color : black ; } --> </style></p><p>　　外部調用法：將樣式表寫在一個獨立的.css文件中，然后在頁面head區(qū)用類似以下代碼調用。</p><p>　　<link href="css/style.css" type="

49、text/css" rel="stylesheet"/></p><p>　　"@import"命令方法：類以下代碼, <style type="text/css" media="all">@import url( css/style01.css );</style></p>&l

50、t;p>　　2.4.4 javascript</p><p>　　JavaScript是一種基于對象和事件驅動并具有相對安全性的客戶端腳本語言。同時也是一種廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML網(wǎng)頁添加動態(tài)功能，比如響應用戶的各種操作。是一種動態(tài)、弱類型、基于原型的語言，內置支持類。一個完整的 JavaScript 實現(xiàn)是由以下 3 個不同部分組成的：核心（ECMAScript）、文檔對象模型

51、（Document Object Model，簡稱DOM）、瀏覽器對象模型（Browser Object Model，簡稱BOM）。</p><p>　　JavaScript是客戶端腳本語言，也就是說JavaScript是在用戶的瀏覽器上運行，不需要服務器的支持而可以獨立運行。</p><p>　　JavaScript程序是由若干語句組成的，語句是編寫程序的指令。JavaScript提供了

52、完整的基本編程語句，它們是：</p><p>　　賦值語句、switch選擇語句、while循環(huán)語句、for循環(huán)語句、for each循環(huán)語句、do...while循環(huán)語句、break循環(huán)中止語句、continue循環(huán)中斷語句、with語句、try…catch語句、if語句（if..else，if…else if…）。</p><p>　　Javascript加入網(wǎng)頁有兩種方法：直接方式和

53、引用方式。大部分含有Javascript的網(wǎng)頁都采用這種方法，例如：</p><p>　　<script type="application/javascript"><!--document.write("這是Javascript！采用直接插入的方法！");//-Javascript結束--></script></p>&l

54、t;p>　　2.4.5 php技術</p><p>　　PHP（PHP: Hypertext Preprocessor的縮寫，中文名：“PHP：超文本預處理器”）是一種通用開源腳本語言。語法吸收了C語言、Java和Perl的特點，入門門檻較低，易于學習，使用廣泛，主要適用于Web開發(fā)領域。用PHP做出的動態(tài)頁面與其他的編程語言相比，PHP是將程序嵌入到HTML文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標記的C

55、GI要高許多；PHP還可以執(zhí)行編譯后代碼，編譯可以達到加密和優(yōu)化代碼運行，使代碼運行更快。PHP支持幾乎所有流行的數(shù)據(jù)庫以及操作系統(tǒng)。開放的源代碼所有的PHP源代碼事實上都可以得到。PHP是免費的</p><p>　　和其它技術相比，PHP本身免費且是開源代碼。具有以下幾種優(yōu)勢：</p><p>　　快捷性：程序開發(fā)快，運行快，技術本身學習快。嵌入于HTML：因為PHP可以被嵌入于HTML

56、語言，它相對于其他語言。編輯簡單，實用性強，更適合初學者。</p><p>　　跨平臺性：由于PHP是運行在服務器端的腳本，可以運行在UNIX、LINUX、WINDOWS、Mac OS下。</p><p>　　效率高：PHP消耗相當少的系統(tǒng)資源。</p><p>　　圖像處理：用PHP動態(tài)創(chuàng)建圖像,PHP圖像處理默認使用GD2。且也可以配置為使用image magi

57、ck進行圖像處理。</p><p>　　面向對象：在php4,php5 中，面向對象方面都有了很大的改進，php完全可以用來開發(fā)大型商業(yè)程序。</p><p>　　專業(yè)專注：PHP支持腳本語言為主，同為類C語言。</p><p>　　PHP 在數(shù)據(jù)庫方面的豐富支持，也是它迅速走紅的原因之一，它支持下列的數(shù)據(jù)庫或是數(shù)據(jù)文件：Adabas 、D、 DBA、dBase 、

58、dbm 、filePro 、Informix 、InterBase、mSQL 、Microsoft SQL Server、·MySQL、Solid、Sybase、 Oracle 、PostgreSQL</p><p>　　2.4.5 MySQL 數(shù)據(jù)庫</p><p>　　MySQL是一個關系型數(shù)據(jù)庫管理系統(tǒng)，關聯(lián)數(shù)據(jù)庫將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個大倉庫內，這

59、樣就增加了速度并提高了靈活性。MySQL所使用的SQL語言是用于訪問數(shù)據(jù)庫的最常用標準化語言。MySQL軟件采用了雙授權政策（本詞條“授權政策”），它分為社區(qū)版和商業(yè)版，由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點，一般中小型網(wǎng)站的開發(fā)都選擇MySQL作為網(wǎng)站數(shù)據(jù)庫。由于其社區(qū)版的性能卓越，搭配PHP和Apache可組成良好的開發(fā)環(huán)境。</p><p>　　與其他的大型數(shù)據(jù)庫例如Oracle、DB

60、2、SQL Server等相比，MySQL自有它的不足之處，但是這絲毫也沒有減少它受歡迎的程度。對于一般的個人使用者和中小型企業(yè)來說，MySQL提供的功能已經(jīng)綽綽有余，而且由于MySQL是開放源碼軟件，因此可以大大降低總體擁有成本。使用C和C++編寫，并使用了多種編譯器進行測試，保證源代碼的可移植性。MySQL使用標準的SQL數(shù)據(jù)語言形式，Mysql對PHP有很好的支持，PHP是目前最流行的Web開發(fā)語言。優(yōu)化的SQL查詢算法，有效地提

61、高查詢速度。</p><p>　　3需求分析與設計及實現(xiàn)</p><p>　　軟件需求分析是軟件開發(fā)期的第一個階段，也是關系到軟件開發(fā)成敗的關鍵步驟。準確、完整和規(guī)范化的軟件需求是軟件開發(fā)成功的關鍵。它的重要性在于讓用戶完全清楚對網(wǎng)站的確切要求，它不是確定網(wǎng)站怎樣完成它的工作，而僅僅是確定系統(tǒng)必須完成哪些工作。也就是對目標系統(tǒng)提出完整、準確、清晰、具體的要求。反復的調查和研究，了解數(shù)據(jù)庫的

62、組織的詳細情況，了解網(wǎng)站的業(yè)務流程等系統(tǒng)需求，它對于設計好概念模型是至關重要的。而需求分析的好壞直接影響到系統(tǒng)設計的好壞。</p><p><b>　　3.1需求規(guī)范</b></p><p>　　本網(wǎng)站根據(jù)初中生英語教材，將初中英語短語練習整個練習過程分成若干環(huán)節(jié)，通過網(wǎng)頁完成初中生放學后，自主練、學習英語的方式。運用數(shù)據(jù)庫及網(wǎng)頁技術，控制練習的各個環(huán)節(jié)，動態(tài)統(tǒng)計各種

63、數(shù)據(jù)，完成對練習各個環(huán)節(jié)的質量監(jiān)控。</p><p><b>　　3.1.1產品背景</b></p><p>　　目前，我國的計算機網(wǎng)絡發(fā)展己初具規(guī)模，很多的英語網(wǎng)站都已開通。因此，如何充分利用初中英語短語練習網(wǎng)站來很好的幫助學生，發(fā)揮其巨大功能來為初中生學習英語服務成為擺在我們面前的一個需要深入探討和解決的重大課題。隨著網(wǎng)絡技術的日益成熟，網(wǎng)頁技術的應用已經(jīng)深入到了

64、生活的每個角落。</p><p><b>　　3.1.2產品概述</b></p><p>　　初中英語短語練習網(wǎng)站，是將初中生各個學期中的短語分成若干環(huán)節(jié)，來進行練習。采用3種模式，通過網(wǎng)頁完成畢業(yè)論文各環(huán)節(jié)的信息采集工作，運用數(shù)據(jù)庫及網(wǎng)頁技術，控制英語短語練習各個環(huán)節(jié)，動態(tài)統(tǒng)計各種數(shù)據(jù)。</p><p><b>　　3.1.3性能需

65、求</b></p><p>　　本系統(tǒng)由php語言所開發(fā)，所以具有高度的可移植性。在軟件方面，響應時間，更新處理時間都比較快且迅速，完全滿足初中學生需求。當用戶需求，如操作方式，運行環(huán)境發(fā)生變化時，設計的網(wǎng)站要做適當調整，靈活性非常大。</p><p>　　3.1.4總體設計概述</p><p>　　本網(wǎng)站整體設計非常簡單、明晰。程序設計時并不是一個網(wǎng)頁

66、一個網(wǎng)頁設計的，而是以網(wǎng)站主頁為模板，分別制作其他頁面，采用統(tǒng)一的css+div布局，通過引入不同的javascript形成一個完整的網(wǎng)頁，減少了設計的工作。本次網(wǎng)站設計所有頁面均是以這種方式設計完成。對于后臺部分，前臺網(wǎng)站與數(shù)據(jù)庫連接后，即可通過數(shù)據(jù)庫在添加、修改英語短語。前臺用戶可以隨時復習其中的英語短語，同樣，后臺管理員進行的操作也會相應的呈現(xiàn)在前臺。這種結構，可以輕松的添加要都系的內容。</p><p>

67、　　系統(tǒng)主要實現(xiàn)的功能：學生能方便快捷的來完成英語短語的復習內容?？梢院芎?，很快的添加自己要學習、復習的內容。</p><p><b>　　3.2系統(tǒng)功能描述</b></p><p>　　本系統(tǒng)主要包括學生、管理員用戶二種角色。其功能主要有：</p><p><b>　　學生用戶：</b></p><p

68、>　　直接登陸便能進行練習。</p><p><b>　　管理員用戶：</b></p><p>　　在后臺添加和修改一些需要更改的數(shù)據(jù)。</p><p>　　初中生們進行練習的方式：</p><p>　　1、選擇：給你漢語意思，通過漢語意思在3個英語短語中，選擇出正確的那個答案</p><p&g

69、t;　　2、判斷：通過漢語意思判斷出給你的英語短語對還是錯。</p><p>　　3、翻譯：圖中給你漢語意思，下面給短語的單詞，按順序排序。</p><p>　　4、答對了會有：加油啊的提示。答錯了會有：小伙子真棒，繼續(xù)努力的提示。</p><p>　　5、提示：如果遇見不會的會有提示查看</p><p><b>　　公告：<

70、/b></p><p>　　網(wǎng)站的更新會及時的出現(xiàn)在提示中。</p><p>　　3.3數(shù)據(jù)庫分析與設計</p><p>　　數(shù)據(jù)庫是本網(wǎng)站的基礎，把英語短語數(shù)據(jù)按照一定的順序和單元組織起來，提供存儲、檢索數(shù)據(jù)的功能，使網(wǎng)站可以方便、及時、準確安全的從數(shù)據(jù)庫中獲取所需要的信息。數(shù)據(jù)庫是網(wǎng)站的各個部分能否緊密的結合在一起以及如何結合的關鍵所在。</p>

71、;<p>　　由于數(shù)據(jù)量不會很大，所以本網(wǎng)站設計采用數(shù)據(jù)庫mysql 存儲英語短語信息。根據(jù)初中生每學期的要求增減信息，共3個表,uint表中存放著choice中的數(shù)據(jù)、unit_judge表中存放著judge中的數(shù)據(jù)、unit_select表中存放內容translate中的內容如圖3-1所示。</p><p><b>　　圖3-1 數(shù)據(jù)庫表</b></p>&l

72、t;p>　　unit、unit_judge、unit_select類似。表中內容，如圖3-2：</p><p><b>　　圖3-2 數(shù)據(jù)庫表</b></p><p>　　3.4系統(tǒng)主要功能模塊實現(xiàn)</p><p>　　詳細設計是軟件開發(fā)時期的第三個階段，也是軟件設計的第二步?？傮w設計階段已經(jīng)確定了軟件系統(tǒng)的總體結構，給出了系統(tǒng)中各個組成

73、模塊的功能和模塊間的聯(lián)系。這一步的工作，就是要在上述結果的基礎上，考慮“怎樣實現(xiàn)”這個軟件系統(tǒng)，直到對系統(tǒng)中的每個模塊給出足夠詳細的過程性描述。需要指出，這些描述應該用詳細設計的表達工具來表示，但它們還不是程序，一般不能在計算機上運行。</p><p>　　詳細設計是編碼的先導。這個階段所產生的設計文檔的質量，將直接影響下一階段程序的質量。為了提高文檔的質量和可讀性，說明書除了說明詳細設計的目的、任務與表達工具外

74、，還要介紹結構程序設計的基本原理，以及如何用這些原理來指導模塊內部的邏輯設計，提高模塊控制結構的清晰度。</p><p>　　1、根據(jù)原型化的開發(fā)原則，為系統(tǒng)的每個模塊功能進行界面設計，作為進一步優(yōu)化的基礎。</p><p>　　2、進行系統(tǒng)的流程分析，為模塊的細化做好準備。</p><p>　　3、對每個模塊進行詳細的算法設計。</p><p&

75、gt;<b>　　3.4.1系統(tǒng)前臺</b></p><p>　　打開主頁的時候，漸變的背景讓人感覺到親切有自然感，體現(xiàn)練習中的樂趣和快樂，努力塑造更好的學習氛圍，圖中有頂端的標題，背景圖片。有網(wǎng)站名字。還具有3中練習方式的圖標choice、judge、translate。如下圖3-3所示。</p><p><b>　　圖3-3 網(wǎng)站主頁</b>

76、</p><p>　　3.4.2普通管理員模塊</p><p>　　管理員只是在后臺進行網(wǎng)站數(shù)據(jù)的添加和刪改還有，網(wǎng)站的維護、網(wǎng)站日常管理。后臺管理員輸入正確的用戶名和密碼后才能正確登陸，登陸的界面如圖3-4所示，</p><p>　　圖3-4 管理員認證</p><p>　　進行登陸時驗證算法的流程圖如圖3-5所示。</p>

77、<p>　　圖3-5 登陸流程</p><p>　　管理員登陸成功之后可以對數(shù)據(jù)進行添加、修改，具體操作界面如圖3-6所示。</p><p>　　圖3-6 管理員修改數(shù)據(jù)頁面</p><p>　　3.4.3練習功能模塊</p><p>　　在進行練習時，經(jīng)分析設定了下面三種不同的練習方法，可根據(jù)需要進行不同的選擇。具體選擇操作的界

78、面如圖3-7所示。</p><p>　　圖3-7 學生模塊圖</p><p>　　1、選擇功能是題目給出了漢語意思，選項中給出了出3個英文選項，要求從中選出一個符合上述漢語意思的英文選項。如圖3-8</p><p>　　圖3-8 選擇模塊圖</p><p>　　選擇題算法的流程圖如圖3-9所示</p><p>　　圖3

79、-9 選擇模塊圖</p><p>　　在做題過程中會出現(xiàn)作對或做錯的情況，這時不管對錯都會有提示的窗口出現(xiàn)。如果答題正確會出現(xiàn)一個笑臉并且有句勉勵的話在笑臉下面出現(xiàn)“小伙伴真棒，繼續(xù)努力！”會鼓舞初中生的學習勁頭。如圖3-10所示。</p><p>　　圖3-10 選擇模塊圖</p><p>　　如果答題錯誤會出現(xiàn)一個哭泣的臉并且有鼓勵的話在哭泣的臉下“加油啊！”，

80、會鼓勵初中生繼續(xù)努力好好學習。如圖3-11所示。</p><p>　　圖3-11 選擇模塊圖</p><p>　　（另外的兩種練習方式都會出現(xiàn)一樣的對錯功能界面，就不再一一列舉了。）</p><p>　　2、判斷功能是給出漢語，在漢語意思下給出一個英文的短語?？从⑽亩陶Z意思是否和上面的漢語意思一致。如果對就點right，如果不一致就點wrong。如圖3-12<

81、/p><p>　　圖3-12判斷模塊圖</p><p>　　3、translate功能主要是給出一個漢語的意思，在它的下方有一藍色區(qū)域，在藍色區(qū)域中錯亂排列著短語中的單詞，在藍色區(qū)域下有個答題框。需要初中生把藍色區(qū)域中的單詞拿鼠標脫下來到答題框并且正確排列。如圖3-13</p><p>　　圖3-13 翻譯模塊圖</p><p>　　3.5 ph

82、p與數(shù)據(jù)庫的連接</p><p>　　建立好數(shù)據(jù)庫表以后，本網(wǎng)站采用mysql_connect() 函數(shù)方法連接數(shù)據(jù)庫。具體的關鍵代碼如下。</p><p>　　$host="127.0.0.1";</p><p>　　$user="admin";</p><p>　　$pwd="123456

83、";</p><p>　　$db=mysql_connect($host, $user, $pwd) or die('Could not connect: ' . mysql_error());</p><p>　　mysql_select_db("TABLE1", $db);</p><p>　　mysql_query

84、("SET NAMES gb2312", $db); 這里是一個字符都不能錯的否則將不能正確連接。</p><p><b>　　4結束語</b></p><p>　　本次初中英語短語網(wǎng)站設計與開發(fā)歷時三個月左右，初中英語短語網(wǎng)站的設計與架構是一項大工程，不可能是一個人在短時間內可以完成的，我這個網(wǎng)站設計也只是完成了一小部分。因為是初學者，在設計過程

85、中遇到了不少技術性問題。一個人曾迷茫過、困惑過、沮喪過，迫于畢業(yè)的壓力，還是做下來了。這里只是實現(xiàn)了初中英語短語網(wǎng)站最基本的功能，如選擇、判斷、翻譯，和后臺數(shù)據(jù)的增減。對于資料上傳下載。每一個網(wǎng)站的建立都是制作人員辛勤勞動的結果，完成一個很小的功能，布局都要仔細的修改代碼再反復測試再修改才能達到一個理想的效果。一個嚴謹?shù)膶W習態(tài)度是開發(fā)過程中所必須的。</p><p><b>　　致謝</b>

86、</p><p>　　在論文即將完成之際，回顧緊張但又充實的學習班和開發(fā)過程，本人在此向所有關心我的及幫助我的老師和同學們致以最真誠的感謝。</p><p>　　本論文設計是在指導老師常淑惠的悉心指導和嚴格要求下完成的。從課題選擇、研究方法到程序設計都得到了常老師無私的幫助與指導，在大學學習中也感受著老師一絲不茍、嚴謹細致的工作作風。在設計程序中，遇到了不少技術性問題，多虧了常老師的精心指

87、導和同學們的熱心幫助。在此，誠摯的向老師表示衷心的感謝。，身上學到了很多東西。他認真負責的工作態(tài)度，嚴謹?shù)闹螌W精神和深厚的理論水平都使我收益匪淺。他無論在理論上還是在實踐中，都給與我很大的幫助，使我得到很大的提高，這對于我以后的工作和學習都有一種巨大的幫助，在此感謝他耐心的輔導。在撰寫論文階段，常老師幾次審閱我們的論文，提出了許多寶貴意見，沒有他的指導，我們就不能較好的完成課題設計的任務。</p><p>　　另

88、外，我還要感謝在這幾年來對我有所教導的老師，他們孜孜不倦的教誨不但讓我學到了很多知識，而且讓我掌握了學習的方法，更教會了我做人處事的道理，在此表示感謝。同時，在網(wǎng)站開發(fā)過程中還有同組的同學也給了我不少幫助，這里一并表示感謝。</p><p><b>　　參考文獻</b></p><p>　　[1] 唐四新. 基于web標準的網(wǎng)頁設計與制作 北京：清華大學出版社，200

89、9年.</p><p>　　[2] RobbibsJ.N. 學習web設計者.機械工業(yè)出版社.2009年</p><p>　　[3] 何翠平. HTML網(wǎng)頁制作從入門到精通.人民郵電出版社》2007年7月</p><p>　　[4] 何秀芳，孫良營 網(wǎng)頁制作與網(wǎng)站建課堂實錄. 人民郵電出版社 2009年5月</p><p>　　[5] 旭日東

90、升 網(wǎng)頁設計與配色經(jīng)典案例解析.電子工業(yè)出版社 2011年3月</p><p>　　[6] 前沿科技 曾順. 精通CSS+DIV網(wǎng)頁樣式與布局. 人民郵電出版社,2009年11月</p><p>　　[7] 鄒天思,孫鵬. PHP從入門到精通[M]. 北京: 清華大學出版社, 2008年.</

91、p><p>　　[8] 陳湘揚, 陳國益. PHP5+MySQL網(wǎng)頁系統(tǒng)開發(fā)設計[M]. 北京: 電子工業(yè)出版社, 2007年.</p><p>　　[9] 王瑩. JavaScript網(wǎng)頁特效案例教程. 機械工業(yè)出版社，2012年1月.</p><p>　　[10] 葉青. 完全手冊HTML+CSS+Jav