maven(3)------maven构建web项目详细步骤

时间:2022-04-05 16:10:38

eclipse集成工具,轻松通过maven构建web项目步骤如下:

一, 右键,new -->project, 进入下一页面

maven(3)------maven构建web项目详细步骤

二,选择"Maven Project", 点击下一步

maven(3)------maven构建web项目详细步骤

三,直接点击下一步

maven(3)------maven构建web项目详细步骤

四,选择maven webapp骨架,然后再下一步

maven(3)------maven构建web项目详细步骤

五,填写Group Id, Artifact Id, Package,点击完成按钮

maven(3)------maven构建web项目详细步骤

六,点击完成后如图

maven(3)------maven构建web项目详细步骤

1. 需要配置成自己的jdk

点击web项目,右键-->Build Path-->Configure Build Path,进入如下页面:

maven(3)------maven构建web项目详细步骤

点击"Edit",选择自己的jdk版本,完成jdk修改配置。Jdk配置完成后的效果图如下:

maven(3)------maven构建web项目详细步骤

这个时候看到了maven的src/main下的Java,resources,以及src下的test,这个时候maven骨架完成。

如果jsp中提示:"The superclass "javax.servlet.http.HttpServlet" was not found on theJavaBuild Path",

请参考: http://blog.csdn.net/yhl_jxy/article/details/53730431

七,maven构建web项目结构

maven(3)------maven构建web项目详细步骤

注: 如果eclipse在使用maven之前没有设置构建过web工程,需要将maven项目转换为动态web工程。

maven项目转换为web工程:

1. 点击项目右键,选择Project Facets进入如下页面,按箭头所示操作,最后点击OK

maven(3)------maven构建web项目详细步骤

2.点击完OK后,多出一个WebContent,删掉

maven(3)------maven构建web项目详细步骤

3.删掉后点击项目右键,进入如下页面,移出WebContent

maven(3)------maven构建web项目详细步骤

4.点击添加

maven(3)------maven构建web项目详细步骤

5.选择Folder

maven(3)------maven构建web项目详细步骤

6.从src下选择webapp

maven(3)------maven构建web项目详细步骤

7.最后效果如下,点击OK,完成maven转换为web工程,可以发布到web服务器

maven(3)------maven构建web项目详细步骤

8. 项目结构

maven(3)------maven构建web项目详细步骤

其中:index.jsp内容如下:

  1. <%@ page language="java" contentType="text/html; charset=utf8"
  2. pageEncoding="utf8"%>
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf8">
  7. <title>Insert title here</title>
  8. </head>
  9. <body>
  10. <div>Test Maven Web Success!</div>
  11. </body>
  12. </html>

web.xml删除多余内容后:

  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <web-app version="2.4"
  3. xmlns="http://java.sun.com/xml/ns/j2ee"
  4. xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  5. xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd" id="WebApp_ID">
  6. <display-name>web</display-name>
  7. <welcome-file-list>
  8. <welcome-file>index.html</welcome-file>
  9. <welcome-file>index.htm</welcome-file>
  10. <welcome-file>index.jsp</welcome-file>
  11. <welcome-file>default.html</welcome-file>
  12. <welcome-file>default.htm</welcome-file>
  13. <welcome-file>default.jsp</welcome-file>
  14. </welcome-file-list>
  15. </web-app>

发布到tomcat

maven(3)------maven构建web项目详细步骤

启动服务访问:

maven(3)------maven构建web项目详细步骤

到此,maven构建web项目完成!