1. 程式人生 > >IntelliJ IDEA 15 建立maven的web專案

IntelliJ IDEA 15 建立maven的web專案

建立一個新Maven專案

  • new 一個project

  • 不選擇任何Maven模板

  • 起個GroupId、ArifactId

  • 起個專案名。注意:Idea_Project是存放此專案的工作區間,mavenDemo_idea15為存放此專案的子目錄。

  • 建好專案後,開啟,點選Auto-Import

  • 下面為此專案的結構

專案部署

  • 點選

Project: 無需設定 (當然可點選Project complier output自定義編譯目錄)

Modules:可看到此專案無任何適配服務元件(因為是手工建立Maven,沒有選擇任何Maven模板)--因此需要我們進行新增。

  • 選擇Web(為此專案新增Web服務元件,這便是一個Web專案了)

  • 現在為Web設定資源目錄。雙擊Web Resource Directory

  • 選擇scr/main目錄

  • 在後面加上webapp。好了,點OK,Web的資源目錄便設定好了。

  • 現在設定Web的描述檔案的目錄

  • 設定在webapp目錄下,在WEB-INF後面加上\web.xml檔案。

Facts: 表示當前專案的適配服務元件。可看到此專案已是一個Web專案了。

Aftifacts: 這個Aftifacts描述了當前專案釋出的資訊。現在進行新增,從Modeles中選擇。

說明:A: 現在Artifacts已有了釋出的專案了(idea中準確的說應是Modele) B:output root目錄描述了當前專案的編譯目錄及適配服務。

確定之後當前專案的結構:

  • 如有需要,新增lib包

 

部署伺服器

  • 新增伺服器

  • 部署

注:很多童鞋在這裡找不到Arifact,請參考部署專案中的Modules的配置。如果沒有為專案配置Web服務元件,那麼就沒有Artifact。(當前專案連Web專案都不是,哪兒來的Artifact,又部署什麼呢?)

(記得把新建的tomcat改個名兒)

  • 注意下面的選擇:

編寫程式碼測試

  • 建立一個java類。可看到繼承HttpServlet出問題了--這是因為沒有把Tomcat的依賴加入Module

  • 在Modules加入Tomcat依賴

登入maven的依賴庫網站:http://mvnrepository.com/ 搜尋tomcat的依賴包

點選進去,點選對應的版本,找到maven的連結:

貼上到pom.xml檔案中:

記得要貼上到<dependencies></dependencies>內。

右擊專案名-->maven-->reimport將匯入專案

(因為自帶的mavne的映象源是國外網站,下載會慢,如果換成國內的映象網站需要看此貼:

    https://blog.csdn.net/liangyihuai/article/details/57406870

 

 

 

新增完畢

 

  • 現在按快捷鍵就可以了

  • 程式碼編輯

Java

package com.wql;

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

/**
 * Created by Lenovo on 2016/2/25.
 */
@WebServlet("/myController")
public class Controller extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        doPost(req, resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//        System.err.println("---");
        //解決亂碼
        req.setCharacterEncoding("UTF-8");
        String name=req.getParameter("name");
        req.setAttribute("name",name);
        System.out.println(name);
        req.getRequestDispatcher("index.jsp").forward(req, resp);
    }

}

Html

<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2016/2/25
  Time: 0:26
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<form action="myController" method="post">
    <input name="name">
    return:${name}
    <input value="提交" type="submit">
</form>
</body>
</html>

web.xml

<servlet>
        <!-- servlet的內部名稱,自定義。儘量有意義 -->
        <servlet-name>main</servlet-name>
        <!-- servlet的類全名: 包名+簡單類名 -->
        <servlet-class>com.example.main</servlet-class>
    </servlet>
    <!-- servlet的對映配置 -->
    <servlet-mapping>
        <!-- servlet的內部名稱,一定要和上面的內部名稱保持一致!! -->
        <servlet-name>main</servlet-name>
        <!-- servlet的對映路徑(訪問servlet的名稱) -->
        <url-pattern>/com/example/main</url-pattern>
    </servlet-mapping>

    <welcome-file-list>
        <welcome-file>index.html</welcome-file>
    </welcome-file-list>
  • 配置tomcat到idea:

   如下圖所以

   Run-->Edit configurations-->選中tomcat 在Application server中把本地的tomcat新增進去

  On 'Updata' action 和On frame deactivation設定成以下形式

  • 記得設定預設啟動瀏覽器

  • 啟動專案

Run 選中tomcat執行

程式碼:https://download.csdn.net/download/cuicanxingchen123456/10673804