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

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

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

三，直接点击下一步

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

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

六，点击完成后如图

1. 需要配置成自己的jdk

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

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

这个时候看到了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项目结构

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

maven项目转换为web工程:

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

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

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

4.点击添加

5.选择Folder

6.从src下选择webapp

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

8. 项目结构

其中: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构建web项目完成！

maven(3)------maven构建web项目详细步骤的更多相关文章

  1. Tomcat手动部署Web项目详细步骤

    阅读须知:文章基于Tomcat8,其它版本若有差异,请自行辨别.本文为博主原创文章,转载请附原文链接. 不借助任何IDE,这里介绍在Tomcat中手动部署web项目的三种方式: 1.部署解包的weba ...

  2. Eclipse+Maven构建web项目及部署时Maven lib依赖问题的解决

    目录 Eclipse中m2e插件构建web项目的步骤 Maven工具构建web项目再导入Eclipse的步骤 [一].Eclipse中m2e插件构建web项目的步骤 第一步:创建项目,按照 New – ...

  3. Maven学习：Eclipse使用maven构建web项目(转）

    Maven学习:Eclipse使用maven构建web项目(转) 8.更改class路径:右键项目,Java Build Path -> Source 下面应该有4个文件夹.src/main/j ...

  4. 利用Eclipse中的Maven构建Web项目（三）

    利用Eclipse中的Maven构建Web项目 1.将Maven Project转换成动态Web项目,鼠标右键项目,输入"Project Facets" 2.依据Dynamic W ...

  5. 利用Eclipse中的Maven构建Web项目报错（二）

    利用Eclipse中的Maven构建Web项目 1.错误描述 [INFO] Scanning for projects... [INFO] [INFO] Using the builder org.a ...

  6. 利用Eclipse中的Maven构建Web项目报错（一）

    利用Eclipse中的Maven构建Web项目 1.在进行上述操作时,pom.xml一直报错 <project xmlns="http://maven.apache.org/POM/4 ...

  7. 利用Eclipse中的Maven构建Web项目（二）

    利用Eclipse中的Maven构建Web项目 1.新建源文件夹,Java Resources鼠标右键,"New-->Source Folder" 2.新建src/main/ ...

  8. 利用Eclipse中的Maven构建Web项目（一）

    利用Eclipse中的Maven构建Web项目 1.新建一个Maven Project,"New-->Other..." 2.选择"Maven Project&qu ...

  9. JAVA Eclipse使用Maven构建web项目详解(SSM框架)

    tips: 启动项目后,welcome-file的链接即为测试用例 部署maven web项目 Eclipse使用Maven构建web项目详解 pom.xml添加webapp依赖: <depen ...

随机推荐

  1. 去除icon图标特效,阴影,反光

    在icon默认情况: 程序的图标会被apple进行美化, 自动圆角, 加上阴影和反光效果:如果不想要这种效果:在Info.plist中 添加一个Icon already includes gloss ...

  2. 圆形Camera预览实现

    需求 最近有个需求要求界面上使用圆形相机预览进行面部检测 , 具体需求如下图 关于Camera之前接触得比较多 , 主要就是通过SurfaceView显示预览视图 , 因此需要展示圆形预览界面, 只需 ...

  3. linux文件系统挂载

    接上一篇博客 创建好了文件系统的磁盘仍然是不能用的,必须挂载到某个目录下才能使用 [root@gechong mnt]# ll /dev/sdb* brw-rw----. root disk , 11 ...

  4. 位图算法 C语言

    #include <stdio.h> void set_bit(void *base, unsigned long n) { unsigned long *m = (unsigned lo ...

  5. 警察与小偷的实现之中的一个client与服务端通信

    来源于ISCC 2012 破解关第四题 目的是通过逆向police.实现一个thief,可以与police进行通信 实际上就是一个RSA加密通信的样例,我们通过自己编写client和服务端来实现上面的 ...

  6. 简单的 Helper 封装 -- CookieHelper

    using System; using System.Web; namespace ConsoleApplication5 { /// <summary> /// Cookie 助手 // ...

  7. python之函数用法file()

    # -*- coding: utf-8 -*- #python 27 #xiaodeng #python之函数用法file() #file() #说明:file()内建函数它的功能等于open(),但 ...

  8. 转:Windows消息机制要点

    Windows消息机制要点 1. 窗口过程     每个窗口会有一个称为窗口过程的回调函数(WndProc),它带有四个参数,分别为:窗口句柄(Window Handle),消息ID(Message ...

  9. 微信小程序的POST和GET请求方式的header区别

    1.post请求: wx.request({ url: 'https://m.***.com/index.php/Home/Xiaoxxf/make_order', header: { "C ...

  10. PHP：微信小程序调用【统一下单】【微信支付】【支付回调】API；XML转Array，Array转XML方法（通用）

    1.微信公众号.微信小程序开发过程中,第三方服务器与微信服务器数据交互,需要进行数据转换,必须用到这两个函数: 分别是xml_to_array.array_to_xml ; /** * 输出xml字符 ...