由於IDEA的社群版沒有整合Web application的原因，加之學生黨消費不起專業版，所以通過Google加上自己的使用技巧，成功的使用IDEA社群辦進行Web專案的開發和除錯

步驟：
1、建立一個Project:

• 在Welcome to IntelliIDEA 中選擇： Create new Project

2、在New Project窗體中：

1. 選擇Maven,勾選Create from archetype
2. 在archetype中選擇：org.apache.maven.archetype:maven-archetype-webapp
   

3、點選下一步(next)：

• 填寫：
  
  • GroupId : testGroupID
  • ArtifactId : TestArtifactId
  • 

4、Next ：

• 在Project中新增一個引數 archetypeCatalog=internal 若不加該引數，在maven生成骨架的時候將會非常慢甚至卡住
  

5、Next：

• project Name : 專案名稱（TestProjectName）
• 

6、新建完Maven專案後，開始配置Maven的Tomcat外掛

• 在pom.xml中加入Tomcat7的外掛

   <!-- pom.xml -->
   <build>
       <plugins
   
  >
           <plugin>
               <groupId>org.apache.tomcat.maven</groupId>
               <artifactId>tomcat7-maven-plugin</artifactId>
               <version>2.1</version>
               <configuration>
                   <port>8080</port>
                   <path
   
  >/</path>
                   <uriEncoding>UTF-8</uriEncoding>
                   <server>tomcat7</server>
               </configuration>
           </plugin>
       </plugins>
   </build>

• 點選選單欄中的Run，選擇Edit Configurations

• 在Run/Debug Configuartion中 ： 點選左上角的加號，選擇Maven，填寫（name:tomcat7 Command Line : tomcat7:run )
• 

7、點選右上角的綠色三角型箭頭，等待tomcat啟動，可以在下方看到tomcat的資訊（如果是第一次啟動，需要等待從Maven中下載外掛）

8、當顯示如下時，表示啟動成功：

9、此時的目錄結構：

• 這是Maven的預設目錄結構，其他沒有建立的目錄在需要時可自行建立

• Maven的通用目錄結構時：

   ```
   ${basedir}
   |--pom.xml
   |--src
   |     |-- main
   |     |          `-- java
   |     |          `-- resource
   |     |          `-- filters
   |     |
   |     |-- test 
   |     |         `-- java
   |     |         `-- resource
   |     |         `-- filters
   |     |
   |     |-- it
   |     |-- assembly
   |     |-- site
   |-- LICENSE.txt
   |-- NOTICE.txt
   |-- README.txt
   ```
  

• src/main/java : 專案原始碼所在的目錄，該位置中的程式碼在編譯後會出現在WEB-INF/classes中
• src/main/resources : 專案的資原始檔所在的目錄
• src/main/filters : 專案的資源過濾檔案所在的目錄
• src/main/webapp : 該目錄時Web應用原始碼所在的目錄，如 html檔案、web.xml檔案
• src/test/java : 測試程式碼所在的目錄
• src/test/resources : 測試相關的資原始檔所在的目錄
• src/test/filter : 測試相關的資源過濾檔案所在目錄
• src/it : 整合測試程式碼所在的目錄
• src/assembly : 元件(Assembly)描述符所在目錄
• src/site : 站點檔案
• LICENSE.txt : 專案許可證
• NOTICE.txt : 該專案依賴的庫檔案的注意事項
• README.txt : 專案的readme檔案

9、新增servlet-api.jar，jsp-api.jar的依賴

• 若不新增servlet-api, jsp_api依賴，則在編譯Web專案時將會出現”javax.servlet.http”不存在等錯誤

• 在pom.xml的<dependencies> 元素下新增：

  ....
  <dependency>
   <groupId>javax.servlet</groupId>
       <artifactId>servlet-api</artifactId>
       <version>2.5</version>
       <scope>provided</scope>
   </dependency>
   <dependency>
       <groupId>javax.servlet.jsp</groupId>
       <artifactId>jsp-api</artifactId>
       <version>2.1</version>
       <scope>provided</scope>
   <dependency>
   ...

10、至此，已經可以在IDEA社群版中編寫Web專案了

1. 在src/main中建立java目錄，並把java目錄設定為Make as sources
2. 建立一個servlet類：com.test.Hello, 覆蓋service()方法，並寫上System.out.println(“test”);
3. 在web.xml中註冊servlet
4. 在右邊的maven中，點選clean、compile、package後，點選右上角的三角形啟動tomcat
5. 在瀏覽器中開啟servlet的網址，若配置成功則會在控制檯看到”test”輸出

11、參考的博文：