创建Maven构建的web项目

MAVEN的安装与更换中央仓库的源

下载

访问 http://maven.apache.org/download.cgi 选择 apache-maven-3.5.0-bin.zip 下载

maven.png

安装

将下载的下来的文件解压到 D:\apache-maven-3.5.0

加入环境变量

新建 M2_HOME，填写 D:\apache-maven-3.5.0
然后修改 Path，加入 ;%M2_HOME%\bin

修改中央仓库源

将 D:\apache-maven-3.5.0\conf\settings.xml 文件放到 %USER_HOME%\.m2 文件夹中，如果不存在改文件夹就创建一个

修改其中的 <mirrors> 元素，加入

<mirror>
  <id>alimaven</id>
  <name>aliyun maven</name>
  <url>http://maven.aliyun.com/nexus/content/groups/public/</url>
  <mirrorOf>central</mirrorOf>        
</mirror>

配置 Eclipse 的 maven

选择 Window - Preferences - Maven - Installations，添加刚才安装好的 maven，并勾选

maven.png

然后确保配置文件指向我们刚刚创建的 settings.xml 文件

maven_setting.png

配置 Eclipse 的 JDK 环境

选择 Window - Preferences - Java - Installed JRES，然后勾选 JDK，没有就创建一个

JDK.png

打开 Eclipse 的 Problems 视图

在 Eclipse 中创建 Maven 项目时，会遇到一些错误，从 Problems 视图可以看到具体的错误信息，所以就需要打开它

选择 Window - Show View - Other - Problems

Problems.png

maven 项目的创建

创建 maven 项目时会遇到的问题

按照老套路来创建 maven 项目：File - New - Maven Project，然后选择 maven-archetype-webapp 创建。在 Eclipse 中会出问题，会出现莫名其妙的红叉，而且还不好解决。

archetype-webapp.png

所以，我换了一种方式：创建一个普通的 maven 项目，然后再转换成 web 项目。

创建 Maven 项目的步骤

选择 File - New - Maven Project，勾上 Create a simple project(skip archetype selection)

NewMavenProject.png

点击 next，填写 groupId 和 artifactId。Packaging 不要改，依然是 jar，后面再改

groupId_artifactId.png

右键项目 - Properties - Project Facets，点击 Convert to faced form...

Convert.png

勾上这三个选项，注意一下他们的 version

ProjectFacets.png

点击 Further configuration available...

FurtherCfg.png

填写信息和勾上选项

webModule.png

接在再修改编译文件的目标路径，改成如下的就行

target.png

然后修改部署设置，测试文件不需要部署，remove 掉即可

deploy.png

修改 pom.xml

修改 packaging 的方式为 war；加入 maven-compiler-plugin 插件，并指定 source 和 target 的版本；指定编码为UTF-8

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  
    <modelVersion>4.0.0</modelVersion>
    <groupId>com.okada</groupId>
    <artifactId>mavendemo</artifactId>
    <version>0.0.1-SNAPSHOT</version>
    <packaging>war</packaging>
  
    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    </properties>

    <build>
        <plugins>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <version>2.3.2</version>
                <configuration>
                    <source>1.8</source>
                    <target>1.8</target>
                </configuration>
            </plugin>
        </plugins>
    </build>
</project>

保存之后，在 Problems 视图会提示有错误

problems.png

按照提示，按下 ALT+F5，刷新一下项目即可消除错误

添加依赖

添加几个依赖：

  • junit
  • servlet
  • jsp
  • jstl
<dependencies>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.10</version>
            <scope>test</scope>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.0.1</version>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.2</version>
            <scope>provided</scope>
        </dependency>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
            <scope>runtime</scope>
        </dependency>
    </dependencies>

添加 tomcat7 插件

<plugin>
  <groupId>org.apache.tomcat.maven</groupId>
  <artifactId>tomcat7-maven-plugin</artifactId>
  <version>2.2</version>
</plugin>

测试项目是否搭建成功

新建一个 Servlet

package com.okada.mavendemo;

import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/HelloWorldServlet")
public class HelloWorldServlet extends HttpServlet {

    private static final long serialVersionUID = 1L;

    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        response.getWriter().append("Served at: ").append(request.getContextPath());
    }

    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doGet(request, response);
    }
}

然后右键项目，选择 run as - Maven build

在 Goals 中填写 tomcat7:run

Paste_Image.png

就可以看到控制台的信息，然后访问 http://localhost:8080/mavendemo/HelloWorldServlet，可以看到正常输出就说明项目搭建成功了

使用 IDEA 创建 maven 构建的 web 项目

上面是使用 Eclipse 来创建项目，如果用 IDEA，步骤不同

设置 Maven

先进入 Default settins，找到 maven 选项，然后选择 maven 的路径和设置 settings.xml 和 仓库的位置

IDEA_Maven.png

创建项目

如图所示，选择 Maven 标签，选择 JDK，然后选择 archetype 为 web-app

New_Project.png

填写 groupId 和 artifactId

groupIdArtifactId.png

选择下一步，确认 maven 的版本

maven.png

选择下一步，确认项目存放的路径

dir.png

然后点击ok，现在项目就创建好了，目前的项目文件夹结构如图

project_structure.png

还不是一个标准的 maven 的文件夹结构，需要补上缺失的文件夹

补全文件夹

一个标准的 maven 的文件夹结构是这样的

src
 ├─main
 │  ├─java
 │  ├─resources
 │  └─webapp
 └─test
     ├─java
     └─resources

选择 File - Project Settings，选择 Modules 标签，如图所示创建 src/main/java 文件夹

new_folder.png

并将它设置为 sources

java_sources.png

同样的操作，创建 src/test/java，并设置为 Test，创建 src/test/resources，并将它设置为 Test resources

确认 Facets 的信息

如图确认 web.xml 和 web resources 的路径是否正确

Facets.png

设置 pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">

  <modelVersion>4.0.0</modelVersion>
  
  <groupId>com.owen</groupId>
  <artifactId>demo</artifactId>
  <packaging>war</packaging>
  <version>1.0-SNAPSHOT</version>

  <properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
  </properties>

  <dependencies>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.10</version>
      <scope>test</scope>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.0.1</version>
      <scope>provided</scope>
    </dependency>
    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>jsp-api</artifactId>
      <version>2.2</version>
      <scope>provided</scope>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
      <scope>runtime</scope>
    </dependency>
  </dependencies>

  <build>
    <plugins>
      <plugin>
        <groupId>org.apache.maven.plugins</groupId>
        <artifactId>maven-compiler-plugin</artifactId>
        <version>2.3.2</version>
        <configuration>
          <source>1.8</source>
          <target>1.8</target>
        </configuration>
      </plugin>
      <plugin>
        <groupId>org.apache.tomcat.maven</groupId>
        <artifactId>tomcat7-maven-plugin</artifactId>
        <version>2.2</version>
        <configuration>
          <path>/${project.artifactId}</path>
        </configuration>
      </plugin>
    </plugins>
  </build>

</project>

修改 web.xml

按照 servlet 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>

测试是否创建成功

新建一个 servlet

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.text.DateFormat;
import java.text.SimpleDateFormat;
import java.util.Date;

@WebServlet("/hellMaven")
public class HelloServlet extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        DateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
        String currentTime = dateFormat.format(new Date());
        req.setAttribute("currentTime",currentTime);
        req.getRequestDispatcher("/WEB-INF/view/hello.jsp").forward(req,resp);
    }
}

新建一个 jsp 文件

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<h1>Hello</h1>
<h2>当前时间：${currentTime}</h2>
</body>
</html>

运行项目

点击右上角

edit_cfg.png

然后选择 + 创建一个配置

maven_cfg.png

为配置去个名字，同时填写信息，点击ok

commond.png

右上角就会出现一个刚刚配置好的配置项，点击 run 就能运行项目了

run.png

参考

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 195,980评论 5赞 462
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 82,422评论 2赞 373
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 143,130评论 0赞 325
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 52,553评论 1赞 267
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 61,408评论 5赞 358
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 46,326评论 1赞 273
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 36,720评论 3赞 386
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 35,373评论 0赞 254
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 39,678评论 1赞 294
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,722评论 2赞 312
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,486评论 1赞 326
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 32,335评论 3赞 313
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 37,738评论 3赞 299
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,009评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,283评论 1赞 251
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 41,692评论 2赞 342
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 40,893评论 2赞 335

推荐阅读更多精彩内容

  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 134,510评论 18赞 139
  • Spring boot参考指南
    Spring Boot 参考指南 介绍 转载自:https://www.gitbook.com/book/qbgb...
    毛宇鹏阅读 46,680评论 6赞 342
  • 我喜欢你的103个理由
    是日，天朗气清，惠风和畅。 天空随意一乍响，大地随意一颤动。老夫掐指一算，紫薇星动。海浪裹日。日子过的生生无趣。不...
    少年落语阅读 153评论 0赞 0
  • 初体验
    hello, 我是大头猫！ 大头猫
    lyz_0218阅读 255评论 0赞 0
  • 我想和你虚度光阴
    上学的时候坐在我前面的是个男生，有天他神神秘秘的对我说，你知道吗，我能把血管掐出声音来。 我当然不信。 他伸手过来...
    芳宝落落阅读 401评论 0赞 0