在網(wǎng)頁中執(zhí)行Java程式.ppt課件

1、 在網(wǎng)頁中執(zhí)行Java 程式 內(nèi) 容 大 綱nJava小程式nJava小程式設(shè)計(jì)開發(fā)步驟nJava小程式的繪圖區(qū)域n將Java小程式參與網(wǎng)頁中nJava小程式的執(zhí)行循環(huán)n有趣的Java小程式 Java小程式(1/2)nJava小程式小程式 (applet)，它是一種可以直接透過網(wǎng)際，它是一種可以直接透過網(wǎng)際網(wǎng)路網(wǎng)路(Internet)傳遞，而在全球資訊網(wǎng)傳遞，而在全球資訊網(wǎng)(World Wide Web)網(wǎng)頁上執(zhí)行的程式網(wǎng)頁上執(zhí)行的程式 n在網(wǎng)頁中執(zhí)行程式是一個(gè)非常創(chuàng)新的想法，而在網(wǎng)頁中執(zhí)行程式是一個(gè)非常創(chuàng)新的想法，而Java語言就是第一個(gè)實(shí)現(xiàn)這種想法的程式語言。語言就是第一個(gè)實(shí)現(xiàn)這種想法的程

2、式語言。 n可以內(nèi)嵌在網(wǎng)頁中執(zhí)行的可以內(nèi)嵌在網(wǎng)頁中執(zhí)行的Java程式稱為程式稱為Java小程式小程式 (Java applet)，配合網(wǎng)頁運(yùn)用的，配合網(wǎng)頁運(yùn)用的HTML語言，我們語言，我們可以運(yùn)用可以運(yùn)用HTML語言標(biāo)籤語言標(biāo)籤(tag)來指定嵌入網(wǎng)頁中小來指定嵌入網(wǎng)頁中小程式的名稱及小程式執(zhí)行的區(qū)域。程式的名稱及小程式執(zhí)行的區(qū)域。 Java小程式(2/2)n在網(wǎng)頁中嵌入可以執(zhí)行的Java小程式，可以使得網(wǎng)頁的內(nèi)容隨著程式的執(zhí)行而變化，而呈現(xiàn)出所謂的網(wǎng)頁動(dòng)態(tài)內(nèi)容(dynamic content)，使得網(wǎng)頁變得更加的吸引人。nJava小程式的執(zhí)行步驟與Java應(yīng)用程式類似，不過是多了一個(gè)將小程式

3、內(nèi)嵌於網(wǎng)頁中的步驟而已。Java小程式設(shè)計(jì)開發(fā)步驟(1/5) n要在網(wǎng)頁上設(shè)計(jì)開發(fā)Java 小程式(applet)可分為編輯、編譯、嵌入網(wǎng)頁及執(zhí)行四個(gè)步驟n編輯(edit)Java 小程式(applet)原始碼(source code)檔案(附加檔名為.java)n運(yùn)用javac公用程式將Java 小程式檔案編譯成位元組碼(bytecode)檔案(附加檔名為.class)n編輯一個(gè)嵌入位元組碼檔案的網(wǎng)頁檔案(附加名為.html)n於網(wǎng)頁中執(zhí)行Java小程式 Java小程式設(shè)計(jì)開發(fā)步驟(2/5)n編輯Java 小程式原始碼檔案n範(fàn)例程式2-1是將第一章裡提到的第一個(gè)範(fàn)例程式範(fàn)例程式1-1改為小程

4、式(applet)方式，其內(nèi)容如下所列：n 範(fàn)例程式(檔名: 第一個(gè)小程式.java)n 執(zhí)行結(jié)果 n將原始碼檔案編譯成位元組碼檔案n讀者請先選擇MS-DOS方式進(jìn)入命令視窗，並於DOS命令提示符號(hào) ( )之後鍵入以下命令：n javac 第一個(gè)小程式.java n 說明:Java小程式設(shè)計(jì)開發(fā)步驟(3/5)n編輯一個(gè)嵌入位元組碼檔案的網(wǎng)頁檔案n編輯一個(gè)嵌入位元組碼檔案的網(wǎng)頁檔案，此網(wǎng)頁檔案的內(nèi)容如範(fàn)例程式2-1中所列，我們將這個(gè)網(wǎng)頁檔案命名為第一個(gè)小程式網(wǎng)頁.htmln於網(wǎng)頁中執(zhí)行Java小程式 n請於MS-DOS方式之命令視窗中鍵入以下命令:n appletviewer 第一個(gè)小程式網(wǎng)頁.

5、html n利用appletviewer工具程式(即Windows作業(yè)系統(tǒng)中的appletviewer.exe程式或Unix作業(yè)系統(tǒng)中的appletviewer程式)瀏覽名稱為第一個(gè)小程式網(wǎng)頁.html的網(wǎng)頁檔案 Java小程式設(shè)計(jì)開發(fā)步驟(4/5)n除了可以利用appletviewer工具程式瀏覽網(wǎng)頁檔案以查看Java小程式的執(zhí)行之外，目前大部份的瀏覽器，包括網(wǎng)景(Netscape)公司通訊家族(Communicator)軟體，微軟(Microsoft)公司的網(wǎng)路探險(xiǎn)家(Internet Explorer)等軟體都援助Java小程式的執(zhí)行n圖2-1為微軟公司的網(wǎng)路探險(xiǎn)家瀏覽器軟體載入網(wǎng)頁檔案

6、第一個(gè)小程式網(wǎng)頁.html的畫面。 Java小程式設(shè)計(jì)開發(fā)步驟(5/5) /檔名：第一個(gè)小程式.java /說明：初學(xué)者第一個(gè)Java小程式(applet) import java.applet.Applet; /引入Applet類別 import java.awt.Graphics; /引入Graphics類別 public class 第一個(gè)小程式 extends Applet public void paint (Graphics 繪圖區(qū)) 繪圖區(qū).drawString(歡迎來到Java世界,20,30); /方法:paint() 定義區(qū)塊結(jié)束 /類別:第一個(gè)小程式 定義區(qū)塊結(jié)束 Jav

7、a小程式的繪圖區(qū)域(1/1)nJava小程式在執(zhí)行時(shí)會(huì)在網(wǎng)頁中開啟一個(gè)繪圖區(qū)域，此繪圖區(qū)域運(yùn)用Graphics類別來管理，小程式並將此屬於Graphics類別的繪圖區(qū)域以參數(shù)方式傳給paint方法。在我們的範(fàn)例中，傳入paint方法的參數(shù)名稱為繪圖區(qū)，因此，對繪圖區(qū)的一切處理即會(huì)反應(yīng)在小程式在網(wǎng)頁中所相對的繪圖區(qū)域中。nJava小程式繪圖區(qū)域利用二維座標(biāo)控制各種繪圖動(dòng)作，此座標(biāo)系統(tǒng)以繪圖區(qū)域左上角為原點(diǎn)，並由左而右，由上而下，延伸程度(x)及垂直(y)座標(biāo)軸n 範(fàn)例之繪圖區(qū)域中，黑點(diǎn)的座標(biāo)為(x，y)。n例如，敘述drawString(歡迎來到Java世界,20,30);會(huì)以繪圖區(qū)域座標(biāo)點(diǎn)(2

8、0,30)為基礎(chǔ)，在繪圖區(qū)域中畫(顯示)出歡迎來到Java世界的字串。 將Java小程式參與網(wǎng)頁中(1/1) n將Java小程式參與網(wǎng)頁中的方法很簡單，我們只需編輯一個(gè)HTML檔案，將已經(jīng)編譯完成的Java小程式位元組碼檔案名稱，運(yùn)用標(biāo)籤指明即可。n超連結(jié)文件標(biāo)示語言運(yùn)用標(biāo)籤(tag)來標(biāo)示文件，其標(biāo)籤包含起始標(biāo)籤(格式為)，及結(jié)束標(biāo)籤(格式為)n 例子Java小程式的執(zhí)行循環(huán)(1/3)nJava的 小程式(applet)在執(zhí)行時(shí)會(huì)自動(dòng)呼叫init，start及paint三個(gè)方法(請留意，在我們的範(fàn)例程式中只定義了paint方法)nJava 小程式在停頓執(zhí)行時(shí)會(huì)自動(dòng)呼叫stop及destroy

9、兩個(gè)方法。n這幾個(gè)方法的關(guān)係及被呼叫的時(shí)機(jī)可以運(yùn)用圖2-3的小程式執(zhí)行循環(huán)週期圖來表示。n 圖2-3Java小程式的執(zhí)行循環(huán)(2/3)n以下我們再詳細(xì)描畫小程式執(zhí)行循環(huán)週期中相關(guān)的方法：nInit:在小程式第一次載入時(shí)會(huì)被呼叫執(zhí)行一次，普通我們將一些初始化(initilization)動(dòng)作安排於此方法中執(zhí)行。nStart:在瀏覽器開始顯現(xiàn)小程式所在的網(wǎng)頁，或?yàn)g覽器離開包含小程式網(wǎng)頁後又回到(revisit)包含此小程式的網(wǎng)頁，或網(wǎng)頁的大小被調(diào)整(resize)完畢後等情況下，start方法都會(huì)被呼叫執(zhí)行一次。n請留意，每次start方法被呼叫執(zhí)行時(shí)均會(huì)自動(dòng)呼叫paint方法一次。Java小程式

10、的執(zhí)行循環(huán)(3/3)nStop:當(dāng)瀏灠器離開包含小程式的網(wǎng)頁進(jìn)入其他網(wǎng)頁或網(wǎng)頁大當(dāng)瀏灠器離開包含小程式的網(wǎng)頁進(jìn)入其他網(wǎng)頁或網(wǎng)頁大小剛被調(diào)整小剛被調(diào)整(resize)時(shí)或?yàn)g灠器結(jié)束執(zhí)行時(shí)會(huì)呼叫執(zhí)行此方法。時(shí)或?yàn)g灠器結(jié)束執(zhí)行時(shí)會(huì)呼叫執(zhí)行此方法。nDestroy:當(dāng)瀏灠器結(jié)束執(zhí)行時(shí)，會(huì)呼叫執(zhí)行此方法。當(dāng)瀏灠器結(jié)束執(zhí)行時(shí)，會(huì)呼叫執(zhí)行此方法。nPaint:當(dāng)當(dāng)start方法被呼叫執(zhí)行時(shí)，都會(huì)自動(dòng)呼叫此方法一次。方法被呼叫執(zhí)行時(shí)，都會(huì)自動(dòng)呼叫此方法一次。 有趣的Java小程式(1/1)n以下我們介紹一些附有Java原始程式碼的有趣的小程式例子，首先我們介紹Sun公司JDK中的展現(xiàn)實(shí)例，這些檔案位於j2sd

11、k1.4.1_01/demo目錄下，各目錄中的範(fàn)例說明列於表2-1，而其執(zhí)行結(jié)果則列於圖2-2中。n表2-1n圖2-2. /j2sdk1.4.1_01/demo目錄下範(fàn)例小程式(applet)執(zhí)行結(jié)果。n圖2-2. /j2sdk1.4.1_01/demo目錄下範(fàn)例小程式(applet)執(zhí)行結(jié)果(續(xù))。n圖2-2. /j2sdk1.4.1_01/demo目錄下範(fàn)例小程式(applet)執(zhí)行結(jié)果(續(xù))。The End範(fàn)例程式(檔名: 第一個(gè)小程式.java) 執(zhí)行結(jié)果 說明n利用javac工具程式(即Windows作業(yè)系統(tǒng)中的javac.exe程式或Unix系統(tǒng)中的javac程式)將名稱為第一個(gè)小

12、程式.java的Java小程式原始程式碼檔案編譯成位元組碼(bytecode)檔案，編譯完成的位元組碼檔案名稱為第一個(gè)小程式.class。 圖2-1圖2-2.(x,y)xy繪圖區(qū)域(0,0)圖2-3 載入(load)applet開始展現(xiàn)applet所在的網(wǎng)頁init()回到applet所在的網(wǎng)頁離開applet所在的網(wǎng)頁瀏覽器結(jié)束執(zhí)行start()(自動(dòng)呼叫paint)destroy()stop()圖2-2. /j2sdk1.4.1_01/demo目錄下範(fàn)例小程式(applet)執(zhí)行結(jié)果。 圖2-2. /j2sdk1.4.1_01/demo目錄下範(fàn)例小程式(applet)執(zhí)行結(jié)果(續(xù))。 圖2

13、-2. /j2sdk1.4.1_01/demo目錄下範(fàn)例小程式(applet)執(zhí)行結(jié)果(續(xù))。表2-1程式說明n在第一個(gè)小程式.java程式中，第1及第2行是註解n第3行：import java.awt.Graphics;n 則運(yùn)用import保管字引入Java語言內(nèi)建類別Graphics，Java語言的內(nèi)建類別必須運(yùn)用import 保管字引入之後才可以運(yùn)用。n Java語言中的類別是以類別庫(package)的方式存放，一個(gè)類別庫對應(yīng)至階層式檔案系統(tǒng)的一個(gè)目錄(directory)，而類別庫的目錄之間則以小數(shù)點(diǎn)符號(hào)隔開。因此，第3行的敘述即是指出要引入的Graphics類別是存放於java.

14、awt這個(gè)類別庫的，而其儲(chǔ)存位置為java目錄之下的awt目錄裡。 程式說明n第4行：import java.applet.Applet；n指出要引入儲(chǔ)存於java目錄之下的applet目錄裡的內(nèi)建Applet類別。n第6行 ：public class 第一個(gè)小程式 extends Applet n表示我們要定義一個(gè)公用(public)的類別，其識(shí)別名稱為第一個(gè)小程式，而extends是一個(gè)保管字，此保管字用以表示繼承(inheritance)關(guān)係 運(yùn)用者自訂的第一個(gè)小程式類別繼承(inherit)Java語言內(nèi)建的Applet 類別，請留意Applet 類別已經(jīng)於第4行運(yùn)用import保管字

15、引入。n在Java語言中，繼承是一個(gè)非常重要的用法，目前讀者僅需求知道任何Java 小程式均要繼承Applet這個(gè)Java內(nèi)建類別就可以了。 程式說明n第6行與第10行配對的大括號(hào)，表示第6行與第10行之間是類別第一個(gè)小程式的定義區(qū)塊。n第7行：public void paint(Graphics 繪圖區(qū)) n成對出現(xiàn)的左右括號(hào)表示paint是一個(gè)方法，而括號(hào)中的Graphics 繪圖區(qū) 則表示此方法可接受一個(gè)參數(shù)繪圖區(qū)，而此參數(shù)繪圖區(qū)是屬於Graphics 類別的。 n方法paint是一個(gè)特別的方法，此方法在Java小程式於網(wǎng)頁中執(zhí)行時(shí)，會(huì)被呼叫來畫出小程式的畫面；而paint方法在被呼叫時(shí)

16、，會(huì)接受來自系統(tǒng)傳入的屬於Graphics類別並代表小程式顯示區(qū)域的參數(shù)，此參數(shù)在我們的例子中命名為繪圖區(qū)。n請留意，參數(shù)繪圖區(qū)是可以自在命名的，讀者可以試著將參數(shù)繪圖區(qū)改用一個(gè)名稱看看，例如將繪圖區(qū)改為顯示區(qū)域。 程式說明n第7行與第9行配對出現(xiàn)的大括號(hào)表示第7行與第9行間是屬於paint方法的定義區(qū)塊。n第8行：繪圖區(qū).drawString (“歡迎來到Java世界,20,30);n此行是屬於paint方法的獨(dú)一的敘述，由第7行我們知道參數(shù)繪圖區(qū)是屬於Java內(nèi)建的Graphics類別的，而Graphics類別之中則定義了許多可以呼叫的方法如畫線(drawLine)，劃弧(drawArc)

17、，畫方形(drawRect)及畫字串(drawString)等。這些方法被呼叫的方式如下：繪圖區(qū).方法名稱(參數(shù),); n上列的用法為在屬於類別Graphics的參數(shù)繪圖區(qū)之後，加上一個(gè)小數(shù)點(diǎn)，並將要呼叫的方法名稱寫出。而呼叫方法時(shí)假設(shè)有參數(shù)需求傳遞，則將參數(shù)列於小括號(hào)配對中，並以逗點(diǎn)將各參數(shù)隔開。當(dāng)然，假設(shè)我們已經(jīng)將繪圖區(qū)更改名稱為顯示區(qū)域，則要運(yùn)用以下的方式來呼叫各方法了：顯示區(qū)域.方法名稱(參數(shù),); 例子n第一個(gè)小程式網(wǎng)頁.html檔案第1行的及第4行的標(biāo)籤，就是一組相對應(yīng)的起始及結(jié)束標(biāo)籤，這組標(biāo)籤用以指出整個(gè)超連結(jié)文件標(biāo)示語言檔案的開始與結(jié)束。n第2、第4行:n n n n此二行所構(gòu)成的部分標(biāo)示出屬於Java小程式的描畫，其中