酷知百科網

位置:首頁 > 遊戲數碼 > IT技術

實例教程:使用myeclipse編輯第一個web程序

IT技術1.72W

myeclipse是常用的IDE工具,可以用來編寫WEB程序。下面,我們來詳細看看如何使用myeclipse來編輯第一個web程序吧。

實例教程:使用myeclipse編輯第一個web程序

操作方法

(01)Web Project依次點擊myeclipse標題欄中的【file】---【New】---【Web Project】,如下圖所示:

實例教程:使用myeclipse編輯第一個web程序 第2張

(02)Project Name會彈出一個【New Web Project】視窗,輸入【Project Name】項目名稱,比如【Prj】,然後點擊【finish】按鈕,如下圖所示:

實例教程:使用myeclipse編輯第一個web程序 第3張

(03)Incompatible java Compliance Level 會彈出【Incompatible java Compliance Level 】視窗,可以選擇[yes]或者[no】,如下圖所示:

實例教程:使用myeclipse編輯第一個web程序 第4張

(04)顯示項目然後在myeclipse介面的左側就會彈出【Prj】的項目名稱,如下圖所示:

實例教程:使用myeclipse編輯第一個web程序 第5張

(05)JSP頁面右擊【WebRoot】,在彈出的下拉選單中,依次選擇【New】---【JSP】,如下圖所示:

實例教程:使用myeclipse編輯第一個web程序 第6張

(06)創建JSP頁面會彈出【創建JSP】的視窗,輸入【File Name】檔案名,如,然後點擊【finish】按鈕,如下圖所示:

實例教程:使用myeclipse編輯第一個web程序 第7張

(07)在myeclipse介面的左側就會出現頁面,如下圖所示:

實例教程:使用myeclipse編輯第一個web程序 第8張

(08)輸入代碼然後在【】頁面中輸入代碼: <% tln("Hello world"); %>

實例教程:使用myeclipse編輯第一個web程序 第9張

(09)部署項目然後點擊myeclipse中的【部署】圖標,在彈出的部署介面中,更改Project的項目名,然後點擊【OK】按鈕,如下圖所示:

實例教程:使用myeclipse編輯第一個web程序 第10張

(10)執行頁面然後在瀏覽器地址欄中輸入地址【http://localhost:8080/Prj/】,然後點擊鍵盤上的【enter】鍵,結果如下圖所示:

實例教程:使用myeclipse編輯第一個web程序 第11張