码迷,mamicode.com
首页 > Web开发 > 详细

idea导入eclipse的web项目

时间:2017-05-08 14:22:01      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:depend   导入   web app   页面   source   jdk   位置   椭圆   dea   

#                                           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项目

标签:depend   导入   web app   页面   source   jdk   位置   椭圆   dea   

原文地址:http://www.cnblogs.com/xiaoBlog2016/p/6824302.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!