idea導入eclipse的web項目
# idea導入eclipse的web項目
### 一、導入自己的web項目
##### 步驟:File->New->Project from Existing Source...
### 二、選擇項目的所在位置,點擊"OK";接著如下圖所示的步驟操作:
![圖一](http://opm6ymmfb.bkt.clouddn.com/%E5%9B%BE%E7%89%871.png)
![圖二](http://opm6ymmfb.bkt.clouddn.com/%E5%9B%BE%E7%89%872.png)
![圖三](http://opm6ymmfb.bkt.clouddn.com/%E5%9B%BE%E7%89%873.png)
![圖四](http://opm6ymmfb.bkt.clouddn.com/%E5%9B%BE%E7%89%874.png)
![圖五](http://opm6ymmfb.bkt.clouddn.com/%E5%9B%BE%E7%89%875.png)
### 三、成功導入項目之後,點擊圖中紅色框中的選項:
![圖六](http://opm6ymmfb.bkt.clouddn.com/%E5%9B%BE%E7%89%876.png)
### 四、進入到此頁面後,我們先選擇”Project”,在”Project SDK”選擇自己的JDK,然後在”Project Language level”中選擇與自己JDK相對應的(我使用的是JDK1.8,所以這裏我使用的是:
![圖七](http://opm6ymmfb.bkt.clouddn.com/%E5%9B%BE%E7%89%877.png)
### 五、接著進入”Modules”,看到導入的項目會報錯導入的項目會報錯,不用著急,如下圖所示”Dependencies”中,在”Module SDK”中選擇自己的SDK,接著如圖所示選中報錯的,點擊右側的”—”,清除他們,然後在添加自己的Tomcat:
![圖八](http://opm6ymmfb.bkt.clouddn.com/%E5%9B%BE%E7%89%878.png)
###六、進入”Libraries”中,在中間部分點擊”+”,添加lib目錄下面的jar包:
### 七、進入”Facets”,在中間部分點擊”+”,選擇”Web”,在選擇自己項目的名稱,同時也需要註意一點,在”Web Resource Directory”中選擇正確的目錄,在eclipse中是"WebContent":
![圖九](http://opm6ymmfb.bkt.clouddn.com/%E5%9B%BE%E7%89%878.png)
### 八、進入”Artifacts”中,點擊”+”---->”Web Application Exploded”---->”From Modules”;選擇自己的項目名稱,生成如下圖所示則成功,至此我們的配置完成了大部分,點擊”Apply”-->”OK”.:
![圖十](http://opm6ymmfb.bkt.clouddn.com/%E5%9B%BE%E7%89%8710.png)
### 九、點擊下圖”倒三角”,選擇” Edit Configurations”:
![圖十一](http://opm6ymmfb.bkt.clouddn.com/%E5%9B%BE%E7%89%8711.png)
### 十、點擊圖中的”+”,選擇”Tomcat Server”--->”Local”,則會進入如下界面;修改Application Server的名稱和添加Tomcat,然後點擊橢圓形”Deployment”:
![圖十二](http://opm6ymmfb.bkt.clouddn.com/%E5%9B%BE%E7%89%8712.png)
### 十一、”Deploy at the server startup ”中添加生成的”War”;如下圖所示:
![圖十三](http://opm6ymmfb.bkt.clouddn.com/%E5%9B%BE%E7%89%8713.png)
### 十二、至此我們的配置已然完成點擊”Apply”--->”OK”,在首頁生成如下圖所示的”tomcat”圖案。
![圖十四](http://opm6ymmfb.bkt.clouddn.com/%E5%9B%BE%E7%89%8714.png)
### 十三、至此我們已然導入成功了,可以開始Web項目的開發工作了
idea導入eclipse的web項目