Java學習2:基於Intellij IDEA開發一個簡單的Web Application__Java

來源:互聯網
上載者:User

上一篇介紹了開發環境的配置和IDE的安裝,本篇將介紹如何從頭開始開發一個簡單的webapp。

註:全部的操作步驟都有截圖,且已在截圖上標紅,你也可以直接按截圖來操作。


一、建立web項目

(1)開啟Intellij IDEA,點擊“Create New Project”:

(2)首先選擇左側菜單的“Java”,然後點擊”New…“;


(3)然後在彈窗中選擇你的JDK安裝目錄,點擊”OK“;然後勾選“Java EE”下的“Web Application”,最後點擊“Next”;

(4)在“Project name”中輸入你的項目名稱,在“Project location”中輸入項目存放的路徑,或者點擊後面帶省略符號的按鈕選擇一個檔案夾。

註:Intellij IDEA不會在選擇的檔案夾裡自動建立一個項目同名檔案夾,而是直接將專案檔存放到你選擇的目錄,所以如果你之前沒有自己建立項目同名檔案夾,可以在Project location”裡像截圖中標記部分那樣輸入路徑。然後,點擊“Finish”會彈出一個會話框,詢問是否需要幫你在“Java”檔案夾中建立一個“Test”檔案夾,我們點擊“OK”就行了,如下下圖:

(5)在新項目建好後,我們需要建立兩個檔案夾:classes和lib

兩個檔案夾的作用:

classes——存放編譯後的java class檔案;

     lib——存放引用的jar包。

我們將兩個檔案夾建立在Test/web/WEB-INF目錄下(如下圖)。在WEB-INF上右鍵依次選擇:—>"New"—>"Directory",然後在對話方塊中輸入檔案夾名稱;



(6)現在,我們需要在項目中配置上一步建立的兩個檔案夾

1、配置classes

在項目根目錄“Test”上右鍵,然後在菜單中選擇“Open Module Settings”;

在彈出的視窗中勾選“Use module compile outpu path”,然後點擊“Output path”和“Test output path”後的帶省略符號的按鈕,都選擇位於“WEB-INF”下的“classes”檔案夾,最後點擊“Apply”(如下圖);

註:是在“Modules”的“Paths”一欄下操作

2、配置lib

選擇“Modules”的“Dependencies”一欄,點擊右側的“+”按鈕,在菜單中選擇“JARs or directories…”;

然後,選擇“WEB-INF”下的“lib”檔案夾,點擊“OK”;

然後,在彈窗中選擇“Jar Directory”,點擊“OK”;

最後,我們會看到“lib”已經添加成功,我們可以直接打擊“OK”按鈕,或者先點擊“Apply”再點擊“OK”。(如下圖)、


二、配置Tomcat

(1)首先點擊項目主介面右上側的帶倒三角的灰色按鈕,再點擊“Eidt configurations…”(如下圖);


(2)然後,在彈窗中點擊左上方的“+”按鈕,在菜單中依次選擇:—>“Tomcat Server”—>“Local”;

(3)然後,在“Name”中輸入名稱,點擊”Configure…“;


(4)然後在彈窗中點擊左上方的”+“按鈕,在新的彈窗鐘右側帶省略符號的按鈕,選擇你的Tomcat的儲存路徑,點擊”OK“;

(5)接下來,取消勾選“After lauch”,點擊“Apply”。這時,下面會出現警告:Warning:No artifacts marked for deployment,接下來,我們就配置一下Artifacts ;

(6)點擊“Deployment”一欄,點擊“+”按鈕,在菜單中選擇“Artifact…”;

(7)在“Application context”中輸入任意字母,如:/webapp。你可能會問Application context是什麼。比如一個網址www.xxx.com/webapp,Application context就是網址鐘的“/web”,等會我們會用到。


三、網頁訪問

(1)在項目“\Test\web”目錄下,開啟“index.jsp”,在<title></title>標籤中輸入網頁標題,在<body></body>標籤中輸入網頁內容,然後,點擊右上方的綠色三角按鈕,運行本機伺服器。

(2)在瀏覽器地址欄輸入“http://localhost:8080/web”,按“Enter”見,你就會看到如下網頁:


現在,你是不是特激動。別忙,Java的坑還很深,我們來看下一篇:

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.