Maven的学习资料收集--(三)使用Maven构建Web项目

[-]

  1. 新建Maven项目
    1. File - New - Other
    2. 选择Maven Project 单击Next
    3. 保持默认即可单击Next
    4. 选择Archetype为 web app单击Next
    5. 输入一些必要信息单击Finish
    6. 项目结构如下图
  2. 配置项目
    1. 在项目上右键单击添加Source Folder
    2. 修改Build Path 配置
    3. 将项目转换为Dynamic Web Project
    4. 设置部署程序集Web Deployment Assembly

从网上查了一些资料,才算明白(也就是怎么操作吧奋斗),怎么使用Maven构建一个Web项目,找到一篇文档,主要都是从这里学到的:

下载地址:使用Eclipse构建Maven的Web项目.docx


现自己在重新操作一下:(使用的是Eclipse JavaEE版 ps:eclipse-jee-indigo-SR1-win32,已经安装好了m2eclipse插件)

1.新建Maven项目


1.1 File -> New -> Other

Maven的学习资料收集--(三)使用Maven构建Web项目_第1张图片

1.2 选择Maven Project ,单击Next

Maven的学习资料收集--(三)使用Maven构建Web项目_第2张图片

1.3 保持默认即可,单击Next

Maven的学习资料收集--(三)使用Maven构建Web项目_第3张图片

1.4 选择Archetype为 web app,单击Next

Maven的学习资料收集--(三)使用Maven构建Web项目_第4张图片

1.5 输入一些必要信息,单击Finish

Maven的学习资料收集--(三)使用Maven构建Web项目_第5张图片

1.6 项目结构如下图:

Maven的学习资料收集--(三)使用Maven构建Web项目_第6张图片

2.配置项目

现在开始修改一些配置

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

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

Maven的学习资料收集--(三)使用Maven构建Web项目_第7张图片

输入Source Folder 的名字

Maven的学习资料收集--(三)使用Maven构建Web项目_第8张图片

创建完之后的目录结构:

Maven的学习资料收集--(三)使用Maven构建Web项目_第9张图片

2.2 修改Build Path 配置

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

Maven的学习资料收集--(三)使用Maven构建Web项目_第10张图片


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

Maven的学习资料收集--(三)使用Maven构建Web项目_第11张图片

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

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

Maven的学习资料收集--(三)使用Maven构建Web项目_第12张图片

修改完成后如下图所示:


Maven的学习资料收集--(三)使用Maven构建Web项目_第13张图片

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

Maven的学习资料收集--(三)使用Maven构建Web项目_第14张图片

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

Maven的学习资料收集--(三)使用Maven构建Web项目_第15张图片

最后,单击OK即可:

Maven的学习资料收集--(三)使用Maven构建Web项目_第16张图片

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

Maven的学习资料收集--(三)使用Maven构建Web项目_第17张图片

2.3 将项目转换为Dynamic Web Project

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

Maven的学习资料收集--(三)使用Maven构建Web项目_第18张图片

在左侧选择 Project Facets,单击右侧的 ”Convert faceted from “链接:

Maven的学习资料收集--(三)使用Maven构建Web项目_第19张图片

修改Java为你当前项目的JDK,并添加Dynamic Web Module ,最后单击”Further Configuration available“ 链接:

Maven的学习资料收集--(三)使用Maven构建Web项目_第20张图片


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

Maven的学习资料收集--(三)使用Maven构建Web项目_第21张图片

在一次单击OK,完成操作:

Maven的学习资料收集--(三)使用Maven构建Web项目_第22张图片

2.4 设置部署程序集(Web Deployment Assembly)

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

Maven的学习资料收集--(三)使用Maven构建Web项目_第23张图片

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


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


Add -> Java Build Path Entries -> Maven Dependencies -> Finish
设置完成效果图
Maven的学习资料收集--(三)使用Maven构建Web项目_第24张图片

单击OK

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

Maven的学习资料收集--(三)使用Maven构建Web项目_第25张图片

就这样,使用Maven构建的一个Web项目就完成了,在下一篇博客里,我们会写一个简单的用户登录的Servlet测试一下。

你可能感兴趣的:(Maven的学习资料收集--(三)使用Maven构建Web项目)