Eclipse创建Maven Web项目

忘是亡心i 2022-05-28 02:41 436阅读 0赞

## 前言 ##

最近在学习通过 spring+springmvc+mybatis+mysql方式搭建一个demo项目，在搭建项目钱，首先需要通过eclipse搭建一个maven的web项目。

## 环境准备 ##

*  eclipse
 *  maven 3.4 | 以上
 *  tomcat 6.0 | 以上
 *  jdk1.6| 以上

## 步骤 ##

1、在eclipse中选择菜单 File–》New–》Other–》Maven Project，选择【Next>】 如下图：

![这里写图片描述][70]

2、勾选Create a simple project (创建一个简单的项目)　，并选择Next  
![这里写图片描述][70 1]

3、录入相关的Artiface参数

**Group Id**：类似于包名

**Artiface Id**:项目的名称

**Version**：初始的版本号，一般不需要改动

**Packaging**：选择项目的打包类型，选择jar就是一个java项目，选择war就是一个web项目

其他选项设置为空，点击Next创建项目，如下图：

![这里写图片描述][70 2]  
生成的项目结构如下图：

![这里写图片描述][70 3]

4、创建好的项目是一个java项目，我们需要将这个项目转化为java web项目，在项目上右键，选择Properties，在打开的对话框中点击Project Facts，并且勾选”Dynamic Web Module”和”java”这两项，apply–》OK  
![这里写图片描述][70 4]

改变后项目的结构比较混乱，我们用Package Explorer查看，并将src文件夹从”Source Folder”移除，设置3个”source folder”:src\\main\\java、src\\main\\resources、src\\test\\java 。更改后的目录结构如下图：  
![这里写图片描述][70 5]  
5、标准的maven项目是没有WebContent 文件夹的，我们需要将WebContent文件夹的下得两个文件夹：META-INF、WEB-INF复制粘贴到webapp文件夹下，并删除WebContent文件夹，如下图：

![这里写图片描述][70 6]  
6、在WEB-INF下添加web.xml 不添加pom.xml可能会报错(web.xml可从其他项目中copy)

7、项目右键-》Build Path–》Configure Build Path。在Source选项卡中修改Default output folder路径为”/src/main/webapp/WEB-INF/classes”

在Libraries中添加Maven Dependencies支持 如下图：  
![这里写图片描述][70 7]

**PS小提醒：**

**有一些朋友发现Libraries中没有Maven Dependencies的lib支持，可以参考如下设置（从其他地方获取的资料）**

**1》需要先给这个项目这个项目 disable maven nature**

![这里写图片描述][70 8]

**2》然后再添加上再给这个项目添加maven支持**

![这里写图片描述][70 9]

8、添加部署依赖。项目右键-》Properties–》Deployment Assembly。依赖清单如下图，可自行添加和删除。

![这里写图片描述][70 10]

9、测试。在webapp下创建一个jsp文件，把项目部署到tomcat测试下，看启动是否报错。

10、最终的项目结构，如下图：  
![这里写图片描述][70 11]

至此通过eclipse搭建maven+web项目完成

[70]: /images/20220528/342a8a98f5c34d82bb5e08d9ec51f12f.png
[70 1]: /images/20220528/c009e22541ae40b4a491842e7ebc4f9b.png
[70 2]: /images/20220528/2482286739b14f71b94193fae807fa73.png
[70 3]: /images/20220528/fb2b53bbddb642568f5e9dde27e053c2.png
[70 4]: /images/20220528/4a6f0946217543aa9b51159282c2f30c.png
[70 5]: /images/20220528/64cdb664fb344a0c8ee4ca268424e8f5.png
[70 6]: /images/20220528/3cfa297bd3cf4bd5944253d0e324b5a3.png
[70 7]: /images/20220528/5a8df6bbf34e49a890bf5acf56179e6e.png
[70 8]: /images/20220528/a6f1109064d54937b4c38e4c23020693.png
[70 9]: /images/20220528/3ca6c661aec64f53bd31c15308d6f1b2.png
[70 10]: /images/20220528/ce2387f0d4a042578f0dc77b9a834e98.png
[70 11]: /images/20220528/1dcb14df4a844242943389e46805df70.png