IntelliJ IDEA 15 建立maven的web專案
阿新 • • 發佈:2018-11-01
建立一個新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