手機(jī)教學(xué)網(wǎng)站的開(kāi)發(fā)畢業(yè)設(shè)計(jì)

1、<p><b>　　摘 要</b></p><p>　　目前，中國(guó)有世界上最為龐大的手機(jī)用戶群，手機(jī)上網(wǎng)也越來(lái)越融入到年輕人的生活中，學(xué)生是最接近并能享受WAP服務(wù)的群體，WAP技術(shù)的發(fā)展將引發(fā)全新的教學(xué)模式：移動(dòng)教學(xué)。而教學(xué)信息特別是教學(xué)網(wǎng)站將逐漸從PC上向更為便捷的手持移動(dòng)終端上轉(zhuǎn)移。</p><p>　　本文介紹了基于WAP的《微機(jī)系統(tǒng)與匯編語(yǔ)言》

2、教學(xué)網(wǎng)站的設(shè)計(jì)與開(kāi)發(fā)。整個(gè)網(wǎng)站用WML語(yǔ)言實(shí)現(xiàn)，用戶以學(xué)生為主體，以手機(jī)為系統(tǒng)終端。本文的工作主要介紹其實(shí)現(xiàn)方式與部分代碼編寫(xiě)。</p><p>　　整個(gè)網(wǎng)站核心部分分教學(xué)內(nèi)容和教學(xué)測(cè)評(píng)兩大模塊：教學(xué)內(nèi)容為本科目每章節(jié)主要的知識(shí)要點(diǎn)的總結(jié)及拓展，教學(xué)測(cè)評(píng)滿足了學(xué)生不受時(shí)間地點(diǎn)限制方便自己對(duì)所學(xué)科目認(rèn)知的測(cè)評(píng)。另外增加了留言板模塊，方便學(xué)生與教師的交流。</p><p>　　手機(jī)教學(xué)網(wǎng)站以實(shí)

3、用簡(jiǎn)潔為主，初步實(shí)現(xiàn)并滿足移動(dòng)教學(xué)的目的。</p><p>　　關(guān)鍵詞：WAP；WML；移動(dòng)教學(xué)；移動(dòng)終端</p><p><b>　　Abstract</b></p><p>　　At present, China has the world's most huge mobile phone user group.The mobile

4、 phone also more and more into the young man's life, and students are the most close and can enjoy WAP service group.WAP technology development will trigger a new teaching mode: mobile learning. And teaching informat

5、ion especially teaching website will gradually from PC to more convenient handheld mobile terminal metastasis. </p><p>　　There is primarily introduced a design of the mobile learning website In this paper. T

6、he entire site use WML language implementation, Users take the student as the main body, the use of mobile phones for terminal system. The work of this paper mainly introduces its realization and part of code. </p>

7、<p>　　The entire site core part points the teaching contents and teaching evaluation two big modules :The teaching contents for every section of this course is the main points of the main conclusion and expand kno

8、wledge ,Teaching assessment meet the students from the location in time limit for easy learned their cognitive assessment of subjects. Add another message board module, convenient students and teachers exchanges. </p&

9、gt;<p>　　The moblie learning website with practical concise give priority to, preliminarily accomplished and meet mobile teaching goal. </p><p>　　Keywords: WAP；WML；Mobile learning；Mobile terminal <

10、/p><p><b>　　目 錄</b></p><p><b>　　摘 要I</b></p><p>　　AbstractII</p><p><b>　　目 錄III</b></p><p><b>　　第1章 概述1<

11、;/b></p><p>　　1.1 項(xiàng)目開(kāi)發(fā)背景1</p><p>　　1.2 移動(dòng)教學(xué)的認(rèn)識(shí)2</p><p>　　1.3 本文工作2</p><p>　　第2章WAP教學(xué)網(wǎng)站開(kāi)發(fā)工具和平臺(tái)介紹4</p><p>　　2.1 WAP協(xié)議簡(jiǎn)介4</p><p>　　2.2 WM

12、L語(yǔ)言介紹5</p><p>　　2.2.1 WMLScript5</p><p>　　2.2.2 WML文件結(jié)構(gòu)5</p><p>　　2.2.3 WML字符集6</p><p>　　2.3 項(xiàng)目涉及開(kāi)發(fā)工具介紹7</p><p>　　2.3.1 MyEclipse介紹7</p><p

13、>　　2.3.2 MySQL介紹8</p><p>　　2.3.3 Tomcat介紹8</p><p>　　第3章 WAP教學(xué)網(wǎng)站總體設(shè)計(jì)10</p><p>　　3.1 項(xiàng)目可行性分析10</p><p>　　3.2 項(xiàng)目所要解決的問(wèn)題分析10</p><p>　　3.3 網(wǎng)站總體設(shè)計(jì)思想及相關(guān)技術(shù)

14、11</p><p>　　3.3.1 網(wǎng)站總體設(shè)計(jì)11</p><p>　　3.3.2 涉及相關(guān)技術(shù)及環(huán)境12</p><p>　　第4章 WAP教學(xué)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)14</p><p>　　4.1 網(wǎng)站總體設(shè)計(jì)流程及功能介紹14</p><p>　　4.1.1 網(wǎng)站總體頁(yè)面設(shè)計(jì)14</p>&l

15、t;p>　　4.1.2 數(shù)據(jù)流程圖14</p><p>　　4.1.3 WAP頁(yè)面的建立15</p><p>　　4.2 數(shù)據(jù)庫(kù)設(shè)計(jì)16</p><p>　　4.2.1 數(shù)據(jù)庫(kù)表介紹16</p><p>　　4.2.2 數(shù)據(jù)庫(kù)連接18</p><p>　　4.3 六個(gè)主要模塊設(shè)計(jì)20</p>

16、;<p>　　4.3.1 導(dǎo)航頁(yè)面20</p><p>　　4.3.2 課程介紹22</p><p>　　4.3.3 教學(xué)師資22</p><p>　　4.3.4 教學(xué)內(nèi)容23</p><p>　　4.3.5 自我檢測(cè)24</p><p>　　4.3.6 留言板27</p>&l

17、t;p>　　第5章 總結(jié)與展望30</p><p><b>　　5.1 總結(jié)30</b></p><p><b>　　5.2 展望31</b></p><p><b>　　參考文獻(xiàn)32</b></p><p><b>　　致 謝33</b&g

18、t;</p><p><b>　　概述</b></p><p><b>　　項(xiàng)目開(kāi)發(fā)背景</b></p><p>　　WAP技術(shù)的發(fā)展及3G的普及使移動(dòng)教學(xué)成為可能，我國(guó)手機(jī)上網(wǎng)用戶達(dá)2.88億，青年學(xué)生占據(jù)了很大一部分。在這樣的背景下，移動(dòng)教育通過(guò)將移動(dòng)通信與教育相結(jié)合，充分運(yùn)用現(xiàn)代科技發(fā)展的新成果，將會(huì)發(fā)揮巨大作用。&

19、lt;/p><p>　　從移動(dòng)教育系統(tǒng)的構(gòu)成來(lái)看，其國(guó)際互聯(lián)網(wǎng)和教學(xué)服務(wù)器是教育資源的主要載體；而手機(jī)終端和移動(dòng)教育網(wǎng)則是連接用戶和互連網(wǎng)的主要媒介，正是這種媒介才使得移動(dòng)教育系統(tǒng)獨(dú)具魅力。同時(shí)，隨著移動(dòng)通信技術(shù)的迅速發(fā)展，移動(dòng)教育系統(tǒng)將給使用者提供更方便的服務(wù)。目前國(guó)際上眾多移動(dòng)廠商已經(jīng)推出三代通信產(chǎn)品。第三代通信產(chǎn)品將趨于成熟。此時(shí)，移動(dòng)通信的速度將大大增強(qiáng)，我們使用手機(jī)就可以瀏覽網(wǎng)頁(yè)，此時(shí)的移動(dòng)教育系統(tǒng)也會(huì)提高

20、到新的水平。</p><p>　　目前很多手機(jī)都能支持瀏覽器訪問(wèn)網(wǎng)站。但由于目前通信速度較低，其在教學(xué)上應(yīng)用尚未成熟，目前的類似產(chǎn)品并沒(méi)有取得成功。但隨著中國(guó)3G通信協(xié)議的推出，移動(dòng)教育在方便性以及服務(wù)質(zhì)量上都將會(huì)發(fā)生空前變化：教學(xué)活動(dòng)將不受時(shí)間、空間和地域的限制，并將得到高質(zhì)量的保證。</p><p>　　開(kāi)發(fā)基于手機(jī)的教育軟件。由于很多微機(jī)軟件是基于微機(jī)屏幕的，因而在移植到手機(jī)上時(shí)，都

21、要對(duì)于顯示程序進(jìn)行適當(dāng)?shù)男薷?。教育軟件也是移?dòng)教學(xué)發(fā)展的大趨勢(shì)。</p><p>　　從上面的分析可以看出，未來(lái)不同形式的移動(dòng)教育各具特點(diǎn)。移動(dòng)教育是移動(dòng)通信、網(wǎng)絡(luò)技術(shù)與當(dāng)代教育有機(jī)結(jié)合的結(jié)果，也是現(xiàn)代教育技術(shù)的前沿成果，其推廣和發(fā)展必將引起教育技術(shù)和手段的巨大變化。通過(guò)研究和實(shí)驗(yàn)，我認(rèn)為移動(dòng)教育在當(dāng)前的技術(shù)條件下是可行的，利用手機(jī)可完成許多教學(xué)活動(dòng)，其操作不受時(shí)間、空間和地域的限制，其應(yīng)用前景非常巨大。而手機(jī)教

22、學(xué)網(wǎng)站在移動(dòng)教學(xué)中將起到核心的作用，它將是學(xué)生與老師交流的核心平臺(tái)。</p><p><b>　　移動(dòng)教學(xué)的認(rèn)識(shí)</b></p><p>　　移動(dòng)教學(xué)中手機(jī)教學(xué)網(wǎng)站的建設(shè)能使學(xué)生更為方便獲取課程信息及進(jìn)行自我評(píng)測(cè)。簡(jiǎn)單的講：移動(dòng)教學(xué)是指在手持設(shè)備幫助下的能夠在任何時(shí)間、任何地點(diǎn)通過(guò)手機(jī)教學(xué)網(wǎng)站開(kāi)展教學(xué)。在基于WAP 技術(shù)教學(xué)網(wǎng)站的移動(dòng)式教學(xué)系統(tǒng)中，WAP手機(jī)教學(xué)網(wǎng)站充

23、當(dāng)著教學(xué)信息的組織者和加工者，并作為移動(dòng)教學(xué)的信息中心，發(fā)揮著教學(xué)平臺(tái)的作用。教師通過(guò)這個(gè)教學(xué)網(wǎng)站，更為方便與及時(shí)地將一系列的知識(shí)要點(diǎn)及教學(xué)方法傳播給學(xué)生。</p><p>　　在這個(gè)過(guò)程中：WAP 是連接學(xué)生手機(jī)與互聯(lián)網(wǎng)的無(wú)線通信協(xié)議，WAP 終端（即手機(jī)）是在無(wú)線網(wǎng)絡(luò)中運(yùn)行的。WAP教學(xué)網(wǎng)站是在一個(gè)WAP網(wǎng)站服務(wù)器上運(yùn)行的，服務(wù)器和WAP終端分別位于有線和無(wú)線兩種網(wǎng)絡(luò)中。WAP網(wǎng)絡(luò)結(jié)構(gòu)由WAP 網(wǎng)關(guān)、WAP客

24、戶端和WAP內(nèi)容服務(wù)器三部分組成。在連接無(wú)線WAP終端與有線網(wǎng)絡(luò)時(shí)，WAP網(wǎng)關(guān)起著協(xié)議的“翻譯”作用，是聯(lián)系移動(dòng)通信網(wǎng)與萬(wàn)維網(wǎng)的橋梁，它一方面將WAP 客戶端的請(qǐng)求編碼成Internet可識(shí)別的信號(hào)，發(fā)送給服務(wù)器端，另一方面將服務(wù)器端的信號(hào)解碼成WAP 客戶端所能識(shí)別的信號(hào)，發(fā)送給WAP客戶端。WAP 內(nèi)容服務(wù)器存儲(chǔ)著大量的信息。提供WAP終端用戶來(lái)訪問(wèn)、查詢、瀏覽等。</p><p>　　手機(jī)教學(xué)網(wǎng)站即使學(xué)生通

25、過(guò)WAP無(wú)線通信技術(shù)瀏覽開(kāi)發(fā)者預(yù)先制定在線的教學(xué)資源到教學(xué)的目的。使學(xué)生能在任何時(shí)間、地點(diǎn)，根據(jù)自己的自身情況有效的進(jìn)行學(xué)習(xí)計(jì)劃，節(jié)省教學(xué)資源，方便教學(xué)。 </p><p><b>　　本文工作</b></p><p>　　在本文中，我們主要研究手機(jī)教學(xué)網(wǎng)站建站方法及使用的主要語(yǔ)言介紹，大致理解并在設(shè)計(jì)中運(yùn)用這些方法。手機(jī)教學(xué)網(wǎng)站因?yàn)榻K端限制要求簡(jiǎn)潔，明了。滿足在不同

26、地點(diǎn)，時(shí)間下進(jìn)行學(xué)習(xí)。我們利用MyEclipse8.5和JSP的框架，來(lái)開(kāi)發(fā)手機(jī)教學(xué)網(wǎng)站。</p><p>　　本論文總共分為五個(gè)章節(jié)：第一章的“概述”，用于介紹本項(xiàng)目研究相關(guān)的理論知識(shí)以及論文相關(guān)的信息。第二章的“WAP網(wǎng)站相關(guān)技術(shù)介紹”，主要介紹網(wǎng)站設(shè)計(jì)過(guò)程中涉及到的環(huán)境，工具及語(yǔ)言。第三章的“WAP教學(xué)網(wǎng)站功能與需求分析”，主要是教學(xué)網(wǎng)站本身的總體介紹。第四章的“WAP教學(xué)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)”，這將著重介紹網(wǎng)站

27、的各個(gè)功能模塊的設(shè)計(jì)及運(yùn)用，以及各個(gè)模塊所對(duì)應(yīng)的功能，其中將對(duì)關(guān)鍵技術(shù)進(jìn)行相關(guān)介紹，這也是本文的重點(diǎn)。第五章的“總結(jié)與展望”，主要介紹在畢業(yè)設(shè)計(jì)過(guò)程所遇到的一些問(wèn)題的總結(jié)，以對(duì)移動(dòng)教學(xué)應(yīng)用前景的展望。</p><p>　　下面第二章主要介紹網(wǎng)站設(shè)計(jì)過(guò)程中涉及到的環(huán)境，工具及語(yǔ)言。</p><p>　　WAP教學(xué)網(wǎng)站開(kāi)發(fā)工具和平臺(tái)介紹</p><p><b>

28、;　　WAP協(xié)議簡(jiǎn)介</b></p><p>　　手機(jī)教學(xué)網(wǎng)站的核心是WAP，WAP是Wireless Application Protocol(無(wú)線應(yīng)用協(xié)議)的英文縮寫(xiě)，是專為移動(dòng)終端上網(wǎng)而產(chǎn)生的協(xié)議, WAP 不是單一的協(xié)議而是一組分層的協(xié)議簇。這就很容易聯(lián)想到技術(shù)已成熟的Internet 網(wǎng)絡(luò)協(xié)議，確實(shí)WAP 和互聯(lián)網(wǎng)上的萬(wàn)維網(wǎng)有很大的關(guān)聯(lián)性，WAP 技術(shù)正是五聯(lián)網(wǎng)和無(wú)線通信的技術(shù)延伸?；谶@兩

29、者的關(guān)聯(lián)性，WAP 的體系架構(gòu)與萬(wàn)維網(wǎng)架構(gòu)是相似的，都是基于客戶端-服務(wù)器模式，但是在萬(wàn)維網(wǎng)架構(gòu)基礎(chǔ)上增加了WAP 網(wǎng)關(guān)。WAP 的體系架構(gòu)如下圖2.1所示：</p><p>　　圖2.1 WAP體系結(jié)構(gòu)</p><p>　　WAP使得那些持有小型無(wú)線設(shè)備諸如可瀏覽Internet的移動(dòng)電話和PDA等的用戶也能實(shí)現(xiàn)移動(dòng)上網(wǎng)以獲取信息。WAP顧及到了那些設(shè)備所受的限制并考慮到了這些用戶對(duì)于靈

30、活性的要求。 手持式WAP設(shè)備的局限性 WAP設(shè)備與PC相比： 低分辨率的小顯示屏 輸入裝置容量有限，重要的是沒(méi)有提供定點(diǎn)裝置 低功率CPU，內(nèi)存較少及能量較不穩(wěn)定 網(wǎng)絡(luò)帶寬較窄且連接較不穩(wěn)定 WAP帶來(lái)的靈活性 與HTML-C相比，WAP標(biāo)準(zhǔn)沒(méi)有規(guī)定WAP設(shè)備應(yīng)為何種形態(tài)。這對(duì)設(shè)備制造商極為有利，可使其能夠生產(chǎn)出各種不同類型的設(shè)備以滿足不同需要。在不久的將來(lái)，市場(chǎng)對(duì)WAP設(shè)備的要求會(huì)以瀏覽器的顯示屏尺寸、輸入裝置及內(nèi)存大小等不同為根據(jù)

31、，從而促使WAP設(shè)備在新技術(shù)及解決方案上得以發(fā)展進(jìn)步?！　?lt;/p><p>　　通過(guò)使用移動(dòng)電話連上互聯(lián)網(wǎng)不久將成為一種標(biāo)準(zhǔn)，而WAP就是實(shí)現(xiàn)這一標(biāo)準(zhǔn)的技術(shù)工具。如今，移動(dòng)電話上網(wǎng)數(shù)量的增長(zhǎng)速度要比PC上網(wǎng)數(shù)量的增長(zhǎng)速度更快。這也就意味著不久以后，大多數(shù)新的移動(dòng)電話都將配有WAP瀏覽器。 持有WAP設(shè)備的無(wú)線用戶可得到通過(guò)互聯(lián)網(wǎng)提供的相關(guān)服務(wù)，網(wǎng)絡(luò)頁(yè)面的編制采用HTML格式。 屆時(shí)對(duì)許多甚而是絕大多數(shù)用戶而言，W

32、AP設(shè)備將成為其獲取這些服務(wù)的常用工具。 </p><p><b>　　WML語(yǔ)言介紹</b></p><p>　　WML(Wireless Markup Language - 無(wú)線標(biāo)記語(yǔ)言)。它是一種從HTML繼承而來(lái)的標(biāo)記語(yǔ)言，但是WML基于XML，因此它較HTML更嚴(yán)格。 </p><p>　　WML 被用來(lái)創(chuàng)建可顯示在WAP瀏覽器中的頁(yè)

33、面。用WML編寫(xiě)的頁(yè)面被稱為DECKS。DECKS是作為一套CARDS被構(gòu)造的。 這種描述語(yǔ)言同我們常聽(tīng)說(shuō)的HTML語(yǔ)言同出一家，都屬于XML語(yǔ)言這一大家族。WML的語(yǔ)法跟XML一樣，WML是XML的子集。 </p><p>　　HTML語(yǔ)言寫(xiě)出的內(nèi)容，我們可以在我們的PC機(jī)上用IE等瀏覽器進(jìn)行閱讀，而WML語(yǔ)言寫(xiě)出的文件則是專門(mén)用來(lái)在手機(jī)等的一些無(wú)線終端顯示屏上顯示，供人們閱讀的，并且同樣也可以向使用者提供人機(jī)

34、交互界面，接受使用者輸入的查詢等信息，然后向使用者返回他所想要獲得的最終信息。 </p><p><b>　　WMLScript</b></p><p>　　WMLScript是一個(gè)輕量級(jí)的腳本程序語(yǔ)言。它增強(qiáng)了標(biāo)準(zhǔn)瀏覽的應(yīng)用，使WML動(dòng)了起來(lái)，支持多個(gè)高級(jí)的用戶界面（UI）行為，使客戶端智能化，方便對(duì)設(shè)備及其外圍的訪問(wèn)，減少了到起源服務(wù)器的往返</p>

35、<p>　　WMLScript是基于JavaScript（WWW腳本語(yǔ)言）的一個(gè)子集。它對(duì)JavaScript進(jìn)行了擴(kuò)展，并形成了一個(gè)標(biāo)準(zhǔn)，為WML的Decks增加了程序邏輯。WMLScript為窄帶設(shè)備上的應(yīng)用而對(duì)JavaScript進(jìn)行了優(yōu)化，并集成到WML中。</p><p><b>　　WML文件結(jié)構(gòu)</b></p><p>　　WML的頁(yè)面通常叫

36、做桌面（DECK），由一組互相鏈接的卡片（CARD）組成。當(dāng)移動(dòng)電話訪問(wèn)一個(gè)WML頁(yè)面的時(shí)候，頁(yè)面的所有CARD都會(huì)從WAP服務(wù)器下載到設(shè)備里。CARD之間的切換由電話內(nèi)置的計(jì)算機(jī)處理，不需要再到服務(wù)器上取信息了。CARD里可以包含文本、標(biāo)記、鏈接、輸入控制、任務(wù)（TASK）、圖像等等。CARD之間可以互相鏈接?！　?lt;/p><p>　　文檔的實(shí)體包含在<wml>...</wml>標(biāo)記中，

37、文檔里每個(gè)CARD又包含在<card>...</card>標(biāo)記中，然后實(shí)際的文字段落則包含在...標(biāo)記中。簡(jiǎn)單例子：　　</p><p>　　<?xml version="1.0"?>　　</p><p>　　<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"

38、;　　</p><p>　　"http://www.wapforum.org/DTD/wml_1.1.xml">　　</p><p><b>　　<wml>　　</b></p><p>　　<card title="HELLO">　　</p><p>

39、　　<p>HELLO WAP!</p>　　</p><p><b>　　</card>　　</b></p><p><b>　　</wml>　　</b></p><p>　　顯示結(jié)果如下：　　　</p><p>　　HELLO WAP!　　</p

40、><p>　　這個(gè)簡(jiǎn)單的WML程序由一個(gè)CARD組成，該CARD的標(biāo)記為HELLO，功能是在手機(jī)的顯示屏上顯示一句話“HELLO WAP!”。</p><p><b>　　WML字符集</b></p><p>　　WML是XML的子集，繼承了XML的字符集設(shè)置。WML文檔缺省的字符集是UTF-8。要顯示中文，有兩種辦法。最簡(jiǎn)單的辦法就是在文檔頭使用

41、encoding，即把第一行改為：<?xml version="1.0" encoding="gb2312"?>，目前第2種方法更普遍：不改變字符集設(shè)置，但是在寫(xiě)中文的時(shí)候采用UNICODE代表中文字符，如：　　</p><p>　　<b>通訊錄</b>　　</p><p><b>　　代表：</b

42、></p><p><b>　　通訊錄 </b></p><p>　　WML元素：標(biāo)記（Tag）和屬性　　</p><p>　　WML的主要內(nèi)容是文本，由于標(biāo)記會(huì)降低與手持設(shè)備的通訊速度，所以WML標(biāo)準(zhǔn)里僅僅使用了很少一部分。用于表格和圖像的的標(biāo)記幾乎都被排除了。與XML一樣，在WML語(yǔ)言中，所有元素都放在符號(hào)"<&quo

43、t; 和 ">"中，并且包含一個(gè)開(kāi)始標(biāo)志、一個(gè)結(jié)束標(biāo)志和一個(gè)內(nèi)容標(biāo)志，或者使用自身結(jié)束的控制標(biāo)記。就象這樣：　　</p><p>　　<tag>內(nèi)容</tag> 例如：Hello World!　　</p><p><b>　　或　　</b></p><p>　　<tag/> 例如：　

44、　</p><p>　　和 <go href="#done"/>　　</p><p>　　WML同樣支持在標(biāo)志中標(biāo)出屬性。屬性是標(biāo)志的附加信息，與元素的內(nèi)容不一樣，它并不在屏幕上顯示出來(lái)。屬性通常在元素的開(kāi)始標(biāo)志后指定。如上面最后一個(gè)例子?！　?lt;/p><p>　　由于WML是XML的一種應(yīng)用，因此所有的WML標(biāo)記和屬性都是大小寫(xiě)敏感

45、的（<wml>跟<WML>完全不同），而且所有的標(biāo)記都必須正確地結(jié)束。WML要求屬性的值必須放在雙引號(hào)或單引號(hào)內(nèi)。單引號(hào)可放在屬性標(biāo)志內(nèi)或雙引號(hào)內(nèi)。字符亦可作為屬性的值。</p><p>　　項(xiàng)目涉及開(kāi)發(fā)工具介紹</p><p>　　MyEclipse介紹</p><p>　　MyEclipse是一個(gè)十分優(yōu)秀的用于開(kāi)發(fā)Java, J2EE的E

46、clipse插件集合，MyEclipse的功能非常強(qiáng)大，支持也十分廣泛，尤其是對(duì)各種開(kāi)元產(chǎn)品的支持十分不錯(cuò)。利用它我們可以在數(shù)據(jù)庫(kù)和JavaEE的開(kāi)發(fā)、發(fā)布，以及應(yīng)用程序服務(wù)器的整合方面極大的提高工作效率。它是功能豐富的JavaEE集成開(kāi)發(fā)環(huán)境，包括了完備的編碼、調(diào)試、測(cè)試和發(fā)布功能，完整支持HTML, Struts, JSP, CSS, Javascript, SQL, Hibernate。 </p><p>

47、　　在結(jié)構(gòu)上，MyEclipse的特征可以被分為7類：JavaEE模型、 WEB開(kāi)發(fā)工具、EJB開(kāi)發(fā)工具、應(yīng)用程序服務(wù)器的連接器、JavaEE項(xiàng)目部署服務(wù)、數(shù)據(jù)庫(kù)服務(wù)和MyEclipse整合幫助。對(duì)于以上每一種功能上的類別，在Eclipse中都有相應(yīng)的功能部件，并通過(guò)一系列的插件來(lái)實(shí)現(xiàn)它們。MyEclipse結(jié)構(gòu)上的這種模塊化，可以讓我們?cè)诓挥绊懫渌K的情況下，對(duì)任一模塊進(jìn)行單獨(dú)的擴(kuò)展和升級(jí)?！　?lt;/p><p&g

48、t;　　簡(jiǎn)單而言，MyEclipse是Eclipse的插件，也是一款功能強(qiáng)大的JavaEE集成開(kāi)發(fā)環(huán)境，支持代碼編寫(xiě)、配置、測(cè)試以及除錯(cuò)。</p><p><b>　　MySQL介紹</b></p><p>　　MySQL是一個(gè)小型關(guān)系型數(shù)據(jù)庫(kù)管理系統(tǒng)，開(kāi)發(fā)者為瑞典MySQL AB公司。在2008年1月16號(hào)被Sun公司收購(gòu)。而2009年,SUN又被Oracle收購(gòu)。

49、目前MySQL被廣泛地應(yīng)用在Internet上的中小型網(wǎng)站中。由于其體積小、速度快、總體擁有成本低，尤其是開(kāi)放源碼這一特點(diǎn)，許多中小型網(wǎng)站為了降低網(wǎng)站總體擁有成本而選擇了MySQL作為網(wǎng)站數(shù)據(jù)庫(kù)。 </p><p>　　與其他的大型數(shù)據(jù)庫(kù)例如Oracle、DB2、SQL Server等相比，MySQL自有它的不足之處，如規(guī)模小、功能有限（MySQL Cluster的功能和效率都相對(duì)比較差）等，但是對(duì)于一般的個(gè)人使

50、用者和中小型企業(yè)來(lái)說(shuō)，MySQL提供的功能已經(jīng)綽綽有余，而且由于MySQL是開(kāi)放源碼軟件，因此可以大大降低總體擁有成本?！　?lt;/p><p>　　目前Internet上流行的網(wǎng)站構(gòu)架方式是LAMP（Linux+Apache+MySQL+PHP），即使用Linux作為操作系統(tǒng)，Apache作為Web服務(wù)器，MySQL作為數(shù)據(jù)庫(kù)，PHP作為服務(wù)器端腳本解釋器。由于這四個(gè)軟件都是免費(fèi)或開(kāi)放源碼軟件（FLOSS)，因此使

51、用這種方式不用花一分錢(qián)（除開(kāi)人工成本）就可以建立起一個(gè)穩(wěn)定、免費(fèi)的網(wǎng)站系統(tǒng)。 </p><p><b>　　Tomcat介紹</b></p><p>　　Tomcat是由Apache、Sun 和其他一些公司及個(gè)人共同開(kāi)發(fā)而成一個(gè)輕量級(jí)應(yīng)用服務(wù)器。由于有了Sun 的參與和支持，最新的Servlet 和JSP 規(guī)范總是能在Tomcat 中得到體現(xiàn)，Tomcat 5 支持最

52、新的Servlet 2.4 和JSP 2.0 規(guī)范。因?yàn)門(mén)omcat 技術(shù)先進(jìn)、性能穩(wěn)定，而且免費(fèi)，因而深受Java 愛(ài)好者的喜愛(ài)并得到了部分軟件開(kāi)發(fā)商的認(rèn)可，成為目前比較流行的Web 應(yīng)用服務(wù)器。</p><p>　　Tomcat運(yùn)行時(shí)占用的系統(tǒng)資源小，擴(kuò)展性好，支持負(fù)載平衡與郵件服務(wù)等開(kāi)發(fā)應(yīng)用系統(tǒng)常用的功能；而且它還在不斷的改進(jìn)和完善中，任何一個(gè)感興趣的程序員都可以更改它或在其中加入新的功能?！　?lt;/p

53、><p>　　Tomcat 在中小型系統(tǒng)和并發(fā)訪問(wèn)用戶不是很多的場(chǎng)合下被普遍使用，是開(kāi)發(fā)和調(diào)試JSP 程序的首選。對(duì)于一個(gè)初學(xué)者來(lái)說(shuō)，可以這樣認(rèn)為，當(dāng)在一臺(tái)機(jī)器上配置好Apache 服務(wù)器，可利用它響應(yīng)對(duì)HTML 頁(yè)面的訪問(wèn)請(qǐng)求。實(shí)際上Tomcat 部分是Apache 服務(wù)器的擴(kuò)展，但它是獨(dú)立運(yùn)行的，所以當(dāng)你運(yùn)行tomcat 時(shí)，它實(shí)際上作為一個(gè)與Apache 獨(dú)立的進(jìn)程單獨(dú)運(yùn)行的?！　?lt;/p><

54、;p>　　當(dāng)配置正確時(shí)，Apache 為HTML頁(yè)面服務(wù)，而Tomcat 實(shí)際上運(yùn)行JSP 頁(yè)面和Servlet。另外，Tomcat和IIS、Apache等Web服務(wù)器一樣，具有處理HTML頁(yè)面的功能，另外它還是一個(gè)Servlet和JSP容器，獨(dú)立的Servlet容器是Tomcat的默認(rèn)模式。不過(guò)，Tomcat處理靜態(tài)HTML的能力不如Apache服務(wù)器。</p><p>　　WAP教學(xué)網(wǎng)站總體設(shè)計(jì)<

55、/p><p>　　一個(gè)好的教學(xué)網(wǎng)站的開(kāi)發(fā)，需要經(jīng)過(guò)需求分析、總體設(shè)計(jì)、編碼實(shí)現(xiàn)、測(cè)試發(fā)布等等環(huán)節(jié)，在這一章節(jié)中會(huì)介紹總體的設(shè)計(jì)內(nèi)容。首先進(jìn)行項(xiàng)目的可行性分析。</p><p><b>　　項(xiàng)目可行性分析</b></p><p>　　基于WAP(Wireless Application Protocol)教育站點(diǎn)的建設(shè)是目前移動(dòng)學(xué)習(xí)研究領(lǐng)域中的重要方

56、面。WAP教育站點(diǎn)與普通WAP站點(diǎn)相比在技術(shù)上并沒(méi)有太大的區(qū)別，不同之處在于應(yīng)用的目的和面向的對(duì)象。</p><p>　　把教學(xué)內(nèi)容放于手機(jī)網(wǎng)站上也能夠迎合這些青年人的口味，使他們能夠?qū)σ苿?dòng)學(xué)習(xí)保持持久的興趣，方便不受時(shí)間地點(diǎn)限制展開(kāi)學(xué)習(xí)。同時(shí)技術(shù)上，隨著移動(dòng)網(wǎng)絡(luò)的不斷優(yōu)化和手機(jī)終端的升級(jí)，WAP網(wǎng)站也會(huì)越來(lái)越與WEB網(wǎng)站靠攏，更多的功能將得到實(shí)現(xiàn)。</p><p>　　因此，一個(gè)移動(dòng)教學(xué)

57、網(wǎng)站的出現(xiàn)有其極大的必要性，方便學(xué)生在任何時(shí)間任何地點(diǎn)的學(xué)習(xí)，自我檢測(cè)與知識(shí)交流。隨著現(xiàn)在移動(dòng)通信技術(shù)的高速發(fā)展，移動(dòng)通信設(shè)備硬件條件的完善，使手機(jī)的使用范圍不再局限于通信，也為移動(dòng)教學(xué)網(wǎng)站提供了硬件平臺(tái)。WAP網(wǎng)站的功能也越來(lái)越強(qiáng)大，完全可以開(kāi)發(fā)基于WAP的教學(xué)網(wǎng)站，并實(shí)現(xiàn)所需的功能。</p><p>　　項(xiàng)目所要解決的問(wèn)題分析</p><p>　　WAP不同于WEB，在手機(jī)網(wǎng)站設(shè)計(jì)過(guò)程

58、中，主要有以下幾個(gè)問(wèn)題：</p><p>　　網(wǎng)站的媒體素材選擇：WAP網(wǎng)站雖支持文本、圖形、圖像、動(dòng)畫(huà)、聲音、視頻等媒體信息，但是在手機(jī)教學(xué)網(wǎng)站中，要有條件選擇。一方面，由于數(shù)據(jù)傳輸速率的限制，WAP網(wǎng)站中不能使用容量過(guò)大的媒體信息；另一方面，由于終端設(shè)備顯示屏幕尺寸的限制，不易使用超過(guò)正常瀏覽范圍的大尺寸圖像、字體等素材。所以在設(shè)計(jì)WAP教學(xué)網(wǎng)站的時(shí)候，要考慮所需要運(yùn)用的素材是否能夠在WAP網(wǎng)站上面讓大部分使

59、用者正常的使用，這里采用較為主流的320*240分辨率。</p><p>　?。?）網(wǎng)站的功能模塊的構(gòu)建：在PCWEB的教學(xué)網(wǎng)站之中，我們可以采用在線交流、留言板等功能模塊實(shí)現(xiàn)網(wǎng)絡(luò)教學(xué)。但是在WAP教學(xué)網(wǎng)站中，限于傳輸速率和屏幕的大小，一些功能模塊的功能將會(huì)被弱化，甚至不能使用。比如說(shuō)實(shí)時(shí)視頻教學(xué)、音頻教學(xué)、遠(yuǎn)程協(xié)助，在WAP 教學(xué)網(wǎng)站中是無(wú)法實(shí)現(xiàn)的。所以我們主要選用了知識(shí)要點(diǎn)及自我評(píng)測(cè)2個(gè)模塊。</p&g

60、t;<p>　?。?）頁(yè)面導(dǎo)航：在一個(gè)傳統(tǒng)的教學(xué)網(wǎng)站之中，導(dǎo)航可以在頁(yè)面的隨意部分，基本上只要符合設(shè)計(jì)者的思想，任何導(dǎo)航策略都是被認(rèn)可的。但是在WAP 教學(xué)網(wǎng)站當(dāng)中，限于屏幕的尺寸，一些導(dǎo)航策略是不被提倡的。WAP 終端每屏顯示的內(nèi)容是比較小的，如果導(dǎo)航頁(yè)面做得較長(zhǎng)，是及不方便瀏覽者使用的。所以教學(xué)網(wǎng)站導(dǎo)航的精簡(jiǎn)與醒目非常重要，即打開(kāi)導(dǎo)航頁(yè)面，就能夠清楚的進(jìn)入自己需要的頁(yè)面。</p><p>　?。?/p>

61、4）頁(yè)面設(shè)計(jì)與布局的分析：在WAP 網(wǎng)站上，對(duì)頁(yè)面的優(yōu)化設(shè)計(jì)和布局非常重要。每個(gè)WAP 網(wǎng)頁(yè)呈現(xiàn)的內(nèi)容盡可能少，但又不要頻繁的翻頁(yè)，每個(gè)頁(yè)面中都要做好導(dǎo)航菜單。布局上盡量以導(dǎo)航、內(nèi)容、導(dǎo)航的模式進(jìn)行設(shè)計(jì)。比如一個(gè)頁(yè)面的內(nèi)容被閱覽到最下端，發(fā)現(xiàn)下方?jīng)]有導(dǎo)航菜單，又不得不滾屏到最上方去轉(zhuǎn)換到其他的頁(yè)面，這種缺陷在手機(jī)教學(xué)網(wǎng)站上應(yīng)該予以避免。</p><p>　　網(wǎng)站總體設(shè)計(jì)思想及相關(guān)技術(shù)</p><

62、;p><b>　　網(wǎng)站總體設(shè)計(jì)</b></p><p>　　根據(jù)教學(xué)內(nèi)容的要求及WAP網(wǎng)站的特點(diǎn)，分析得出如下的網(wǎng)站總體的結(jié)構(gòu)圖以及對(duì)各個(gè)功能模塊的介紹，如下圖3.1是系統(tǒng)的總體框架圖：</p><p>　　以下是我對(duì)本網(wǎng)站的設(shè)計(jì)和實(shí)現(xiàn)作簡(jiǎn)單的介紹：</p><p>　　框架圖中藍(lán)色底為核心模塊。從總體上考慮，網(wǎng)站應(yīng)該實(shí)現(xiàn)下列功能：<

63、;/p><p><b>　　1、課程介紹：</b></p><p>　　對(duì)《微機(jī)系統(tǒng)與匯編語(yǔ)言》課程進(jìn)行簡(jiǎn)單的介紹，包括課程內(nèi)容目的等，使學(xué)生對(duì)該科目有大致的理解。</p><p><b>　　2、教學(xué)師資:</b></p><p>　　《微機(jī)系統(tǒng)與匯編語(yǔ)言》該課程的任課老師進(jìn)行介紹，可按情況公布任課老

64、</p><p>　　師郵箱，電話等聯(lián)系方式，方便師生離線交流。</p><p>　　圖3.1系統(tǒng)的總體框架圖 </p><p><b>　　3、教學(xué)內(nèi)容：</b></p><p>　　包含總共八章單元的知識(shí)要點(diǎn)，每單元獨(dú)立成一頁(yè)，學(xué)生可根據(jù)教學(xué)進(jìn)度選擇。</p><p><b>　

65、　4、自我檢測(cè)：</b></p><p>　　分為綜合檢測(cè)、檢測(cè)一、檢測(cè)二、檢測(cè)三和檢測(cè)四五部分。題目要求每次都在測(cè)試范圍內(nèi)隨機(jī)變化，內(nèi)容為選擇題模式，提交后可給出測(cè)試所得分?jǐn)?shù)。所有題目均存放于數(shù)據(jù)庫(kù)中，可定期更新。</p><p><b>　　5、留言板</b></p><p>　　可在網(wǎng)站上進(jìn)行留言，比如建議或?yàn)槊靼椎恼n程問(wèn)題，

66、均可留下向老師反映。同學(xué)之間亦可互相交流。</p><p><b>　　涉及相關(guān)技術(shù)及環(huán)境</b></p><p>　　這次的開(kāi)發(fā)主要是基于MyEclipe8.5的WEB開(kāi)發(fā)工具，基于JSP架構(gòu)。本項(xiàng)目所涉及WMLScript是基于JavaScript的一個(gè)子集。</p><p>　　JSP技術(shù)使用Java編程語(yǔ)言編寫(xiě)類XML的tags和scr

67、iptlets，來(lái)封裝產(chǎn)生動(dòng)態(tài)網(wǎng)頁(yè)的處理邏輯。網(wǎng)頁(yè)還能通過(guò)tags和scriptlets訪問(wèn)存在于服務(wù)端的資源的應(yīng)用邏輯。JSP將網(wǎng)頁(yè)邏輯與網(wǎng)頁(yè)設(shè)計(jì)和顯示分離，支持可重用的基于組件的設(shè)計(jì)，使基于Web的應(yīng)用程序的開(kāi)發(fā)變得迅速和容易?！　?lt;/p><p>　　Web服務(wù)器在遇到訪問(wèn)JSP網(wǎng)頁(yè)的請(qǐng)求時(shí)，首先執(zhí)行其中的程序段，然后將執(zhí)行結(jié)果連同JSP文件中的HTML代碼一起返回給客戶。插入的Java程序段可以操作數(shù)據(jù)庫(kù)

68、、重新定向網(wǎng)頁(yè)等，以實(shí)現(xiàn)建立動(dòng)態(tài)網(wǎng)頁(yè)所需要的功能?！　?lt;/p><p>　　JSP與Java Servlet一樣，是在服務(wù)器端執(zhí)行的，通常返回給客戶端的就是一個(gè)HTML文本，因此客戶端只要有瀏覽器就能瀏覽。</p><p>　　JSP頁(yè)面由HTML代碼和嵌入其中的Java代碼所組成。服務(wù)器在頁(yè)面被客戶端請(qǐng)求以后對(duì)這些Java代碼進(jìn)行處理，然后將生成的HTML頁(yè)面返回給客戶端的瀏覽器。Jav

69、a Servlet 是JSP的技術(shù)基礎(chǔ)，而且大型的Web應(yīng)用程序的開(kāi)發(fā)需要Java Servlet和JSP配合才能完成。</p><p>　　JSP具備了Java技術(shù)的簡(jiǎn)單易用，完全的面向?qū)ο?，具有平臺(tái)無(wú)關(guān)性且安全可靠，主要面向因特網(wǎng)的所有特點(diǎn)。自JSP推出后，眾多大公司都支持JSP技術(shù)的服務(wù)器，如IBM、Oracle、Bea公司等，所以JSP迅速成為商業(yè)應(yīng)用的服務(wù)器端語(yǔ)言。JSP可用一種簡(jiǎn)單易懂的等式表示為：H

70、TML+Java=JSP。 </p><p>　　項(xiàng)目的運(yùn)行環(huán)境可以分為2大類：硬件環(huán)境和軟件環(huán)境。</p><p>　　我們使用 Opera瀏覽器來(lái)完成模擬器端的測(cè)試，他對(duì)WML有良好的兼容性。硬件環(huán)境則是按照MyEclipe8.5的硬件配置基本要求。</p><p>　　數(shù)據(jù)庫(kù)：MySQL5.0。</p><p>　　服務(wù)器：Tomcat

71、6.X。</p><p>　　WAP教學(xué)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)</p><p>　　以上大致介紹了教學(xué)網(wǎng)站總的分布結(jié)構(gòu)，下面就著重介紹各個(gè)功能模塊，以及各個(gè)功能模塊的實(shí)現(xiàn)過(guò)程，方法的介紹，并且將部分關(guān)鍵的代碼也做了介紹。</p><p>　　網(wǎng)站總體設(shè)計(jì)流程及功能介紹</p><p><b>　　網(wǎng)站總體頁(yè)面設(shè)計(jì)</b><

72、/p><p>　　網(wǎng)站的總體流程如圖4.1所示，網(wǎng)站的結(jié)構(gòu)大體如下：在打開(kāi)網(wǎng)站之后，進(jìn)入首頁(yè)導(dǎo)航頁(yè)，在這里有五個(gè)頁(yè)面可以選擇：課程介紹、教學(xué)師資、教學(xué)內(nèi)容、自我檢測(cè)、留言板，之后進(jìn)入個(gè)頁(yè)面內(nèi)容。</p><p>　　圖4.1 網(wǎng)站總體頁(yè)面設(shè)計(jì)</p><p><b>　　數(shù)據(jù)流程圖</b></p><p>　　數(shù)據(jù)流程圖包括

73、兩部分自我檢測(cè)檢測(cè)數(shù)據(jù)流部分和留言板部分，如圖4.2和圖 4.3所示，本系統(tǒng)的數(shù)據(jù)由網(wǎng)站建設(shè)者管理。包括題庫(kù)的更新，正確答案的變更，留言板數(shù)據(jù)的刪除、查找與導(dǎo)出?？梢詫?duì)各個(gè)模塊的數(shù)據(jù)進(jìn)行操作。</p><p><b>　　測(cè)試部分：</b></p><p>　　圖 4.2 數(shù)據(jù)流程圖1</p><p><b>　　留言板部分：<

74、/b></p><p>　　圖 4.3數(shù)據(jù)流程圖2</p><p><b>　　WAP頁(yè)面的建立</b></p><p>　　我們?cè)贛yEclipe8.5的WEB開(kāi)發(fā)工具中建立JSP項(xiàng)目作為WAP頁(yè)面開(kāi)發(fā)，鑒于WEB網(wǎng)站與WAP的區(qū)別，每張網(wǎng)頁(yè)的總體頁(yè)面代碼設(shè)計(jì)如下：</p><p>　　<?xml vers

75、ion="1.0" encoding="utf-8"?></p><p>　　<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"></p>

76、;<p>　　<html xmlns="http://www.w3.org/1999/xhtml"></p><p><b>　　<head></b></p><p>　　<style type= "text/css "> </p><p><b&g

77、t;　　</style></b></p><p>　　<meta name="viewport" content="width=device-width; initial-scale=1.4; minimum-scale=1.0; maximum-scale=2.0"/></p><p>　　<meta na

78、me="MobileOptimized" content="240"/></p><p>　　<meta http-equiv="Cache-Control" content="max-age=0"/></p><p>　　<meta name="showLogo"

79、content="true" /></p><p>　　<title>首頁(yè)</title></p><p><b>　　</head></b></p><p><b>　　<body> </b></p><p>　　<t

80、able boder="" width="240" height="320" bgColor=""></p><p><b>　　</table></b></p><p><b>　　</body> </b></p><

81、;p><b>　　</html> </b></p><p>　　在遵循WAP協(xié)議的情況下，以普遍的手機(jī)屏幕為標(biāo)準(zhǔn)，我們將得到一寬為240高為320的頁(yè)面，寬度固定不變，長(zhǎng)度將隨內(nèi)容的變化而變化，因?yàn)槭謾C(jī)終端的特殊性，長(zhǎng)度控制在2倍長(zhǎng)度，即640以內(nèi)，以減少下拉和翻頁(yè)。</p><p><b>　　數(shù)據(jù)庫(kù)設(shè)計(jì)</b></p&

82、gt;<p>　　我們用到的數(shù)據(jù)庫(kù)為MySQL5.0，在這一節(jié)中我們將對(duì)數(shù)據(jù)庫(kù)表的設(shè)計(jì)和與系統(tǒng)的連接做一簡(jiǎn)單的介紹。</p><p><b>　　數(shù)據(jù)庫(kù)表介紹</b></p><p>　　對(duì)于數(shù)據(jù)庫(kù)，本次開(kāi)發(fā)選用MySQL5.0，輔以Navicat Lite for MySQL的GUI，Navicat是一個(gè)強(qiáng)大的MySQL數(shù)據(jù)庫(kù)管理和開(kāi)發(fā)工具，為開(kāi)發(fā)者提

83、供了一套強(qiáng)大的足夠尖端的工具，并使用了極好的圖形用戶界面（GUI），可以用一種安全和更為容易的方式快速和容易地創(chuàng)建、組織、存取和共享信息。 </p><p>　　用戶可完全控制 MySQL 數(shù)據(jù)庫(kù)和顯示不同的管理資料，包括一個(gè)多功能的圖形化管理用戶和訪問(wèn)權(quán)限的管理工具，方便將數(shù)據(jù)從一個(gè)數(shù)據(jù)庫(kù)移轉(zhuǎn)到另一個(gè)數(shù)據(jù)庫(kù)中（Local to Remote、Remote to Remote、Remote to Local），進(jìn)

84、行檔案?jìng)浞荨?Navicat 支援 Unicode，以及本地或遙距 MySQL 伺服器多連線，用戶可瀏覽數(shù)據(jù)庫(kù)、建立和刪除數(shù)據(jù)庫(kù)、編輯數(shù)據(jù)、建立或執(zhí)行 SQL queries、管理用戶權(quán)限（安全設(shè)定）、將數(shù)據(jù)庫(kù)備份/復(fù)原、匯入/匯出數(shù)據(jù)（支援 CSV, TXT, DBF 和 XML 檔案種類）等。 </p><p>　　我們用Navicat首次登陸系統(tǒng)，如圖 4.4所示：</p><p>

85、<b>　　圖4.4 表設(shè)計(jì)</b></p><p>　　數(shù)據(jù)庫(kù)中我們建立了2個(gè)數(shù)據(jù)庫(kù)，test和lyb，分別對(duì)應(yīng)測(cè)試模塊和留言板模塊。表設(shè)計(jì)如下圖所示：</p><p>　　圖4.5 test表</p><p>　　表中id對(duì)應(yīng)題目編號(hào)為主鍵，zhang對(duì)應(yīng)題目章節(jié)，在隨機(jī)抽取題目的時(shí)候會(huì)用到。timu即所用到的測(cè)試用題，abcd為4個(gè)選項(xiàng)，

86、字符集設(shè)為utf8。Ture為正確答案，從abcd根據(jù)題目任選其一。</p><p><b>　　圖4.6 lyb表</b></p><p>　　表中id對(duì)應(yīng)留言編號(hào)為主鍵，auther對(duì)應(yīng)留言者姓名，text即留言內(nèi)容，字符集設(shè)為utf8。Data為留言日期。</p><p><b>　　數(shù)據(jù)庫(kù)連接</b></p&

87、gt;<p>　　下載并在所建立工程中導(dǎo)入mysql-connector-java-5.1.7-bin.jar，并配置Mysql數(shù)據(jù)庫(kù)，如下圖4.7：</p><p>　　圖4.7 Mysql數(shù)據(jù)庫(kù)配置</p><p>　　數(shù)據(jù)庫(kù)中表已經(jīng)建立，我們新建一個(gè)MySQL.jsp來(lái)測(cè)試數(shù)據(jù)庫(kù)的連接。</p><p>　　MySQL.jsp代碼如下：</

88、p><p>　　<%@ page contentType="text/html;charset=utf-8"%></p><p>　　<%@ page import="java.sql.*"%></p><p><b>　　<%</b></p><p>　

89、　String sql = "select * from test where zhang = 1 || zhang = 2 ORDER BY RAND() LIMIT 5";</p><p>　　// 連接字符串，格式： "jdbc:數(shù)據(jù)庫(kù)驅(qū)動(dòng)名稱://數(shù)據(jù)庫(kù)服務(wù)器ip/數(shù)據(jù)庫(kù)名稱?user=用戶名&password=密碼&使用Unicode=布爾值&字符

90、編碼=編碼"</p><p>　　String url = "jdbc:mysql://localhost/test?user=root&useUnicode=true&characterEncoding=8859_1";</p><p>　　String username = "root";</p><

91、p>　　String password = "";</p><p>　　Class.forName("org.gjt.mm.mysql.Driver").newInstance();</p><p>　　Connection conn = DriverManager.getConnection(url, username, password);

92、 </p><p>　　Statement stmt = conn.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE, ResultSet.CONCUR_UPDATABLE);</p><p>　　ResultSet rs = stmt.executeQuery(sql);</p><p>　　while(rs.n

93、ext()) { %> </p><p>　　題目：<%=rs.getString(3) %><br /> </p><p>　　選項(xiàng)：<%=rs.getString(5) %><br /></p><p><b>　　<% }</b></p><p>　　rs

94、.close();</p><p>　　stmt.close();</p><p>　　conn.close();</p><p><b>　　%></b></p><p><b>　　</body></b></p><p><b>　　</

95、html></b></p><p>　　此測(cè)試用例即從test表中讀出zhang為1或2的5道題目并顯示選項(xiàng)，顯示得到如下結(jié)果：</p><p><b>　　題目：第2章第4題</b></p><p><b>　　選項(xiàng):a</b></p><p><b>　　題目：第2章

96、第5題</b></p><p><b>　　選項(xiàng):a</b></p><p><b>　　題目：第2章第1題</b></p><p><b>　　選項(xiàng):a</b></p><p><b>　　題目：第1章第2題</b></p>&

97、lt;p><b>　　選項(xiàng):a</b></p><p><b>　　題目：第1章第5題</b></p><p><b>　　選項(xiàng):a</b></p><p>　　測(cè)試連接成功，數(shù)據(jù)庫(kù)連接完畢。下面將對(duì)網(wǎng)站六個(gè)模塊進(jìn)行必要的介紹。</p><p><b>　　六個(gè)

98、主要模塊設(shè)計(jì)</b></p><p><b>　　導(dǎo)航頁(yè)面</b></p><p>　　網(wǎng)站導(dǎo)航頁(yè)面如圖4.8所示：</p><p><b>　　圖4.8 首頁(yè)</b></p><p>　　導(dǎo)航頁(yè)面將作為這個(gè)網(wǎng)站的導(dǎo)航中心，所有的內(nèi)容和集成將在這里集中體現(xiàn)，為了操作方便，我們把3級(jí)頁(yè)面的

99、連接也放于首頁(yè)之下，便于跳轉(zhuǎn)。下面對(duì)少部分控件與代碼進(jìn)行介紹。</p><p>　　首頁(yè)及各個(gè)頁(yè)面標(biāo)頭圖片插入：</p><p>　　<img alt="" src="imges/11.jpg" width="240" height="40"></p><p>　　定義尺寸為

100、240*40。</p><p><b>　　標(biāo)題背景框： </b></p><p>　　<th bgcolor="#0080ff" style="color: #FFFFFF" align="left"></p><p>　　下面對(duì)各個(gè)連接進(jìn)行簡(jiǎn)單介紹</p>

101、<p><b>　　課程介紹：</b></p><p>　　<a href="kechengjieshao.jsp">課程介紹</a></p><p>　　定義連接至課程教學(xué)kechengjieshao.jsp頁(yè)面。</p><p><b>　　教學(xué)資源:</b>&l

102、t;/p><p>　　<a href="teacher.jsp">教學(xué)師資</a></p><p>　　定義連接至教學(xué)師資teacher.jsp頁(yè)面。</p><p><b>　　留言板：</b></p><p>　　<a href="liuyanban.jsp&q

103、uot;>留言版</a></p><p>　　定義連接至留言板liuyanban.jsp頁(yè)面。</p><p>　　在課程教學(xué)標(biāo)題下總共有八章的教學(xué)內(nèi)容與八個(gè)教學(xué)板面一一對(duì)應(yīng)，具體如下如：</p><p>　　<a href="di1zhang.jsp">第一章</a></p><p&

104、gt;　　<a href="di2zhang.jsp">第二章</a></p><p>　　<a href="di3zhang.jsp">第三章</a></p><p>　　<a href="di4zhang.jsp">第四章</a></p>&

105、lt;p>　　<a href="di5zhang.jsp">第五章</a></p><p>　　<a href="di6zhang.jsp">第六章</a></p><p>　　<a href="di7zhang.jsp">第七章</a></p&g

106、t;<p>　　<a href="di8zhang.jsp">第八章</a></p><p>　　在自我測(cè)試標(biāo)題下分2部分，同一欄中的綜合測(cè)試與中正文部分設(shè)置4個(gè)按鈕，對(duì)應(yīng)4個(gè)單元測(cè)試：</p><p><b>　　綜合測(cè)試：</b></p><p>　　<a href="

107、;Test.jsp">綜合檢測(cè)</a></p><p>　　定義連接至綜合測(cè)試Test.jsp頁(yè)面。</p><p><b>　　按鈕Test1：</b></p><p>　　<input type="submit" onclick="window.location.href=(&

108、#39;Test1.jsp')" name="Submit" value="test1"></p><p>　　定義連接至綜合測(cè)試Test1.jsp頁(yè)面。其他將不再重復(fù)介紹。</p><p>　　由于手機(jī)屏幕的特殊性，我們對(duì)每個(gè)頁(yè)面做了一個(gè)返回頂部的動(dòng)作，減少學(xué)生在使用過(guò)程中的下拉或上拉動(dòng)作。</p><p

109、>　　首先在body中加入標(biāo)簽：</p><p>　　<a name="top" id="top"></p><p>　　然后對(duì)返回頂部做連接動(dòng)作：</p><p>　　<a href="#top" target="_self">返回頂部</a>

110、</p><p><b>　　課程介紹</b></p><p>　　課程介紹如圖4.9所示：</p><p>　　圖4.9 課程介紹頁(yè)面</p><p>　　在課程介紹頁(yè)面中主要是對(duì)《微機(jī)系統(tǒng)與匯編語(yǔ)言》進(jìn)行簡(jiǎn)單的介紹，使學(xué)生對(duì)課程進(jìn)行一個(gè)簡(jiǎn)單的了解。頁(yè)面中插入了2張圖片：</p><p>　　&

111、lt;img alt="" src="imges/book123.gif" /> </p><p>　　<img alt="" src="imges/book13.gif" /></p><p>　　為了視覺(jué)效果和閱讀的清晰，加入了一條作為分隔的圖片：</p><p>

112、　　<img alt="" src="imges/fg.gif" /></p><p>　　同時(shí)對(duì)首頁(yè)進(jìn)行了連接，跳回總的導(dǎo)航欄。</p><p><b>　　教學(xué)師資</b></p><p>　　教學(xué)師資如圖4.10所示：</p><p>　　圖4.10 教學(xué)師資頁(yè)面

113、</p><p>　　在教學(xué)頁(yè)面中主要是對(duì)《微機(jī)系統(tǒng)與匯編語(yǔ)言》的任課教師介紹，使該課程的任課老師進(jìn)行介紹，可按情況公布任課老師郵箱，電話等聯(lián)系方式，方便師生離線交流。頁(yè)面中插入了1張圖片：</p><p>　　<img height="45" width="45" alt="" src="imges/teache

114、r.gif" /></p><p>　　設(shè)定了尺寸為45*45。</p><p>　　同樣為了視覺(jué)效果和閱讀的清晰，在每個(gè)老師之間用分隔圖片分開(kāi)代碼不在重復(fù)，同時(shí)也對(duì)首頁(yè)進(jìn)行了連接，方便跳回總導(dǎo)航欄。</p><p><b>　　教學(xué)內(nèi)容</b></p><p>　　教學(xué)內(nèi)容一共有八章，我們選取其中一章第

115、二章進(jìn)行簡(jiǎn)單介紹，如圖4.11：</p><p>　　教學(xué)內(nèi)容包含總共八章單元的知識(shí)要點(diǎn)，每單元獨(dú)立成一頁(yè)，學(xué)生可根據(jù)教學(xué)進(jìn)度選擇。</p><p>　　在每一頁(yè)面中均對(duì)首頁(yè)進(jìn)行了連接，同時(shí)因?yàn)榻虒W(xué)內(nèi)容頁(yè)面較長(zhǎng)，在頁(yè)面末位假如了返回頂部的動(dòng)作，方便學(xué)生跳轉(zhuǎn)并返回首頁(yè)導(dǎo)航頁(yè)面。</p><p>　　圖4.11 教學(xué)內(nèi)容第二章頁(yè)面</p><p>

116、;　　正文部分同樣加入了分隔圖片，便于閱讀方便。</p><p>　　技術(shù)方面同于課程介紹和教學(xué)師資頁(yè)面，這里不在重復(fù)。下面我們將對(duì)自我檢測(cè)部分做詳細(xì)的介紹。</p><p><b>　　自我檢測(cè)</b></p><p>　　自我檢測(cè)分兩部分綜合檢測(cè)與單元檢測(cè)，區(qū)別在于題目選取的范圍不同，我們?cè)谶@里選取Test1即單元測(cè)試一頁(yè)面，作為例子進(jìn)行介

117、紹，如圖4.12：</p><p>　　單元測(cè)試為選擇題形式，初步定于5題，每題分鐘為20分，下面我們將對(duì)改測(cè)試系統(tǒng)分部分進(jìn)行介紹。</p><p>　　1、從數(shù)據(jù)庫(kù)中讀取題目：</p><p>　　String sql = "select * from test where zhang = 1 || zhang = 2 ORDER BY RAND()

118、LIMIT 5";</p><p>　　單元測(cè)試一為從數(shù)據(jù)庫(kù)章節(jié)一二中的10道題目進(jìn)行隨機(jī)抽取5題進(jìn)行測(cè)試。</p><p><b>　　2、題目的排列：</b></p><p>　　題目：<%=rs.getString(3) %><br /></p><p><b>　　選項(xiàng)

119、：<br /></b></p><p>　　圖4.12 單元測(cè)試一頁(yè)面 </p><p>　　<INPUT TYPE="radio" name="a<%=String.valueOf(i)%>" value="<%=rs.getString(5) %>"/>

120、<%=rs.getString(5) %><br /></p><p>　　<INPUT TYPE="radio" name="a<%=String.valueOf(i)%>" value="<%=rs.getString(6) %>"/><%=rs.getString(6) %>

121、<br /></p><p>　　<INPUT TYPE="radio" name="a<%=String.valueOf(i)%>" value="<%=rs.getString(7) %>" /><%=rs.getString(7) %><br /></p>&l

122、t;p>　　<INPUT TYPE="radio" name="a<%=String.valueOf(i)%>" value="<%=rs.getString(8) %>"/><%=rs.getString(8) %><br /></p><p>　　<input type=&qu