用Myeclips+tomcat打造自己的第一個登陸界面

今天無意間發現一個好的網站，叫做零距離，網址是www.0dis.cn 

 

這個網站真的很不錯，我立刻註冊成爲會員，進去一看，哇，不得了，很多資源下載，真是個學習的好地方

 

因爲自己現在正在學習j2ee，所以一篇名爲《用Myeclipse６.５製作第一個ｊｓｐ登陸界面》的文章吸引了我，於是我就進去看

 

了一下，果然有收穫！

 

給大家呈現一下ｊｓｐ登陸界面的打造全過程：

 

第一步，啓動MyEclipse 6.5,請檢查環境是否配置好，檢查地方是如下幾個：<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

 先找到windows-àpreferences

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" />body.clientHeight)this.width=body.clientHeight" border=0>

會彈出下面的窗口：

body.clientHeight)this.width=body.clientHeight" border=0>

找到左邊樹型菜單中的”MyEclipse Enterprice Workbench”―――》”server”―――》“Tomcat”――》“Tomcat 6.x”,按下圖設置

body.clientHeight)this.width=body.clientHeight" border=0>

上圖中的directory爲tomcat6.0的安裝根目錄路徑。

接下來點擊左邊樹型菜單中的tomcat 6.x,如下圖

body.clientHeight)this.width=body.clientHeight" border=0>

選擇tomcat jdk name右邊的jdk按鈕，如下圖所示

body.clientHeight)this.width=body.clientHeight" border=0>

至此，MyEclipse的運行配置基本完成。下面製作第一個JSP web project.

 

第二步，創建web project

 

Fileànewàweb project如下圖（說明一下，這裏我的ｗｅｂ　project是在other選項裏找到的）

body.clientHeight)this.width=body.clientHeight" border=0>

在project name中輸入一個工程名字：news(我們運用myeclipse來建立一個新聞發佈系統)

 

body.clientHeight)this.width=body.clientHeight" border=0>

點擊finish後會在myeclipse的左邊出現一個ｎｅｗｓ的folder

 

新建一個登錄頁面：右擊“webroot”à”new”à”jsp”

body.clientHeight)this.width=body.clientHeight" border=0>

輸入JSP頁面的名稱，如下圖

body.clientHeight)this.width=body.clientHeight" border=0>

打開login.jsp頁面，找到

body.clientHeight)this.width=body.clientHeight" border=0>

修改爲：

body.clientHeight)this.width=body.clientHeight" border=0>

這段代碼的作用是用來：增加一個表單，表單中有兩個元素，一個用戶，一個密碼，一個按鈕。

下面我們運行這一個login.jsp頁面.

運行之前要先部署一下才行。

body.clientHeight)this.width=body.clientHeight" border=0>

點擊 上圖中的” body.clientHeight)this.width=body.clientHeight" border=0>”按鈕，打開如圖界面

body.clientHeight)this.width=body.clientHeight" border=0>

點擊add按鈕如下圖

body.clientHeight)this.width=body.clientHeight" border=0>

選 中容器tomcat 6.x點擊完成，最後界面如下：

body.clientHeight)this.width=body.clientHeight" border=0>

到此，部署完畢，接下來我們啓動tomcat服務

點擊此按鈕body.clientHeight)this.width=body.clientHeight" border=0>旁邊的三角形選中“tomcat àstart”如下圖

注：如果你的tomcat集成到了Myeclipse中了，那麼就可以直接點那個小貓的圖標

body.clientHeight)this.width=body.clientHeight" border=0>

 

最後我們到瀏覽器中打開運行

body.clientHeight)this.width=body.clientHeight" border=0>

注意瀏覽器中的地址：http://localhost:8080/news/login.jsp   其中的news 是我們的項目名稱.

 

我照着上面一步一步的走，最後在遨遊瀏覽器中真的看到了我想看到的登陸界面，哇，感覺好

 

爽啊，呵呵，所以立刻來到ｃｓｄｎ的博客裏寫下了現在的好心情，希望能與大家一起分享