例項教程:使用myeclipse編輯第一個web程式

來源:酷知科普網 1.68W

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張
熱門標籤