eclipse中使用maven新建web project

使用环境:jdk 1.8+maven 3.3.3.

1.新建web poject

1.1 File -> New -> Other

eclipse中使用maven新建web project_第1张图片

1.2 选择Maven Project ,单击Next

eclipse中使用maven新建web project_第2张图片

1.3 保持默认即可,单击Next

eclipse中使用maven新建web project_第3张图片

1.4 选择Archetype为 web app,单击Next(如果该目录

下没有maven-archetype-webapp,这一步时要保证联网,且网速可以,以让maven自动下载相关jar包和pom文件,不然会创建不成功)

eclipse中使用maven新建web project_第4张图片


1.5 输入自己项目的相关信息,单击Finish

eclipse中使用maven新建web project_第5张图片

1.6 项目结构如下图:


eclipse中使用maven新建web project_第6张图片

有时target目录下会不显示test-classes目录,而是这样显示:


这时打开该项目所在的本地路径,如e:/eclipse/test01/target,这里会有classes和test-classes目录。如果这里也没有,那就是出问题了。

2.配置项目

现在开始修改一些配置

2.1 在项目上右键单击,添加Source Folder

Maven的项目有一些约定:src/main/java , src/main/resources , src/test/java , src/test/resources .那么,添加这些文件夹:

eclipse中使用maven新建web project_第7张图片

输入Source Folder 的名字,在这一步时输入正确的名字时,有时会报错: The folder is already a source folder.

这时可以右击项目->Build Path->new Source Folder .

eclipse中使用maven新建web project_第8张图片

创建完之后的目录结构:

eclipse中使用maven新建web project_第9张图片

2.2 修改Build Path 配置

在项目上,右键单击,选择 Build Path ->Configure Build Path

eclipse中使用maven新建web project_第10张图片


选择 Source标签,会显示4个Source Folder ,修改他们的 OutPut folder :

eclipse中使用maven新建web project_第11张图片

双击每个文件夹的Output folder,选择路径

src/main/java,src/main/resources,选择target /classes;
src/test/java ,src/test/resources, 选择target/test-classes;

eclipse中使用maven新建web project_第12张图片

修改完成后如下图所示:


eclipse中使用maven新建web project_第13张图片

修改JDK版本:选择 libraries 标签,选中JRE library,单击Edit按钮

选择系统默认的就可以了,单击 Finish 按钮:

eclipse中使用maven新建web project_第14张图片

最后,单击OK即可:

eclipse中使用maven新建web project_第15张图片

完成后,项目结构如下图:

eclipse中使用maven新建web project_第16张图片

2.3 将项目转换为Dynamic Web Project

在项目上右键单击,选择 Properties:

eclipse中使用maven新建web project_第17张图片

在左侧选择 Project Facets,将显示以下页面:

eclipse中使用maven新建web project_第18张图片


修改Java为你当前项目的JDK1.8;

同时要把java Compiler也改为1.8,如下:

eclipse中使用maven新建web project_第19张图片

Dynamic Web Module选择3.0 ,这里要将项目的web.xml的头文件同步修改如下:

<?xml version="1.0" encoding= "UTF-8"?>
<web-app xmlns:xsi= "http://www.w3.org/2001/XMLSchema-instance" 
    xmlns= "http://java.sun.com/xml/ns/javaee" 
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee     http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" 
    id= "WebApp_ID" version ="3.0">

  <display-name>Archetype Created Web Application</display-name>
  
</web-app>


最后单击”Further Configuration available“

(如果你的页面中没有Further Configuration available,那么先将Dynamic Web Module取消选择,ok后重复进行这一过程:右击项目->Properties->Project Facets,再次选择Dynamic Web Module,即出现了Further Configuration available):

修改Content directory 为 src/main/webapp ,单击OK:

eclipse中使用maven新建web project_第20张图片

一路OK,完成操作:


2.4 添加运行的服务器(Tomcat)

Project Faces页面右上角的Runtimes,选择自己的服务器Apache Tomcat v7.0, OK.

eclipse中使用maven新建web project_第21张图片

2.5 设置部署 (Web Deployment Assembly)

在项目上右键单击,选择Properties,在左侧选择Deployment Assembly

eclipse中使用maven新建web project_第22张图片

此处列表是部署项目时,文件发布的路径。

1,我们删除test的两项,因为test是测试使用,并不需要部署。
2,设置将Maven的jar包发布到lib下。


Add -> Java Build Path Entries -> Maven Dependencies -> Finish
设置完成效果图
eclipse中使用maven新建web project_第23张图片

单击OK

完成后,项目结构如下图所示:

eclipse中使用maven新建web project_第24张图片

如此,Maven构建的一个Web项目就完成了。

2.6 将项目部署到Tomcat,测试走起:

点击下方的server(Window->Show view->Other->Server->serveres),会显示刚刚布署的Tomcat v7.0,如下:

eclipse中使用maven新建web project_第25张图片

双击Tomcat v7.0,点击Modules-->Add Web Module

eclipse中使用maven新建web project_第26张图片

将刚刚建好的web项目test01加入进去。

然后启动Tocat v7.0,在浏览器输入http://localhost:8080/test01,会显示index.jsp里的内容。

大功告成!接下来就可以做复杂的servlet测试了。

你可能感兴趣的:(eclipse中使用maven新建web project)