1. 程式人生 > >Intellij Idea 建立Web專案並部署servlet

Intellij Idea 建立Web專案並部署servlet

在網上看到一篇很詳細的 intelliJ IDEA 建立web專案並簡單部署servlet的圖文教程,並結合最新版本的Intellij Idea做出了一點修改,轉載出處是
http://www.it165.net/pro/html/201505/41042.html

1 建立一個web專案

File -> New Project -> 輸入專案名稱“Demos” ,選擇Project SDK為1.7 -> Next -> Finish
這裡寫圖片描述

2 建立一個Module

滑鼠點中專案名稱demos -> 右鍵選擇New,選擇Module
這裡寫圖片描述

勾選“Web Application” -> 確認已勾選“Create web.xml”
這裡寫圖片描述

輸入Module名稱“firstweb” -> 點選Finish
這裡寫圖片描述

3 建立好的web專案

這裡寫圖片描述

4 在web/WEB-INF下建立兩個資料夾:classes和lib

classes用來存放編譯後輸出的class檔案,lib用於存放第三方jar包。
這裡寫圖片描述

5 配置資料夾路徑

File -> Project Structure (快捷鍵:Ctrl + Shift + Alt + S) -> 選擇Module :
選擇 Paths -> 選擇”Use module compile output path” -> 將Output path和Test output path都選擇剛剛建立的classes資料夾。
這裡寫圖片描述

接著選擇Dependencies -> 將Module SDK選擇為1.7 -> 點選右邊的“+”號 -> 選擇1 “Jars or Directories”
這裡寫圖片描述

-> 選擇剛剛建立的lib資料夾
這裡寫圖片描述

-> 選擇“jar directory” -> 接著返回一路OK就行了~~
這裡寫圖片描述

6 配置Tomcat容器

開啟選單Run -> 選擇Edit Configuration
這裡寫圖片描述

點選“+”號 -> 選擇“Tomcat Server” -> 選擇“Local”
這裡寫圖片描述

點選”Application server”後面的”Configure…”,彈出Tomcat Server視窗,選擇本地安裝的Tomcat目錄 -> OK
這裡寫圖片描述

在”Run/Debug Configurations”視窗的”Server”選項板中,取消勾選”After launch”,設定”HTTP port”和”JMX port”(預設值即可),點選 Apply -> OK, 至此Tomcat配置完成。
這裡寫圖片描述

7 在Tomcat中部署並執行專案

Run -> Edit Configurations,進入”Run/Debug Configurations”視窗 -> 選擇剛剛建立的Tomcat容器 -> 選擇Deployment -> 點選右邊的“+”號 -> 選擇Artifact
這裡寫圖片描述

->選擇web專案 -> Application context可以填“/hello”(其實也可以不填的~~) -> OK
這裡寫圖片描述

8 編輯index.jsp檔案

這裡寫圖片描述

9 執行Tomcat,在瀏覽器中檢視執行結果

這裡寫圖片描述
這裡寫圖片描述

10 Servlet簡單實現

10.1 編寫servlet原始檔

在src目錄下新建HelloWorld.java,並編寫一下程式碼並進行編譯:

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;

public class HelloWorld extends HttpServlet {
private String message;

    @Override
    public void init() throws ServletException {
    message = "Hello world, this message is from servlet!";
    }

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //設定響應內容型別
    resp.setContentType("text/html");

        //設定邏輯實現
    PrintWriter out = resp.getWriter();
    out.println("<h3>" + message + "</h3>");
    }

    @Override
    public void destroy() {
    super.destroy();
    }
}

編譯後會發現在classes目錄下生成了HelloWorld.class檔案
這裡寫圖片描述

10.2 部署servlet

方法一:在WEB-INF目錄下web.xml檔案的標籤中新增如下內容:

    <servlet>
        <servlet-name>HelloWorld</servlet-name>
        <servlet-class>HelloWorld</servlet-class>
    </servlet>

    <servlet-mapping>
        <servlet-name>HelloWorld</servlet-name>
        <url-pattern>/HelloWorld</url-pattern>
    </servlet-mapping>

方法二:在HelloWorld檔案的類前面加上:@WebServlet(“/HelloWorld”)

10.3 執行servlet

點選執行按鈕
這裡寫圖片描述
控制檯出現successfully則tomcat服務啟動成功!開啟瀏覽器輸入:localhost:8080/JavaWeb/HelloWorld即可檢視servlet執行狀態了.
這裡寫圖片描述