2. 程式人生 > 程式設計 >詳解使用Maven開發Web應用詳細步驟

詳解使用Maven開發Web應用詳細步驟

阿新 • • 發佈：2020-01-07

開發 Web 應用的思路

實現一個簡單的 JSP/Servlet。

  • 搭建建立 Web 應用工程的環境。
  • 建立 Web 應用工程。
  • Web 應用工程的目錄結構。
  • 結合 Web 伺服器，釋出 Web 應用。
  • 體驗 Web 應用的開發和釋出測試過程。

實現經典的 MVC 版本的使用者 CRUD。

  • 熟練第 1 步中的幾個方面。
  • 結合典型的業務邏輯，實現 CRUD。

實現 Web 版 HelloWorld

1）選擇 File→New→Others 命令。選擇 Create Maven Project 命令，單擊“下一步”按鈕。選中建立 Web 應用工程的 Archetype，如圖 1 所示。

圖 1 選擇Web Archetype

也可以選擇其他類似的，建立 Web 應用的都可以，比如 maven-archetype-webapp 也可以。當然，也可以選擇從網上找到座標後的 Archetype 外掛，再安裝進去。

怎麼安裝新的 Archetype 呢？單擊圖中的 Add Archetype… 按鈕，在出現的視窗中輸入在網上找到的外掛座標資訊，如圖 2 所示。

圖 2 新增 Archetype

單擊 OK 按鈕，MyEclipse 會自動下載該構件。重新開啟建立工程的嚮導頁面，就可以發現新增了剛剛新增的 Archetype 外掛，如圖 3 所示。

圖 3 選擇 webapp-javaee6 Archetype

2）點選“next”，在下一個介面中輸入新建立的 Web 工程的座標資訊和包名，如圖 4 所示。

圖 4 Maven專案座標

3）單擊 Finish 按鈕，M2Eclipse 會自動建立一個 Web 工程 MvnDemo02。其在 src/main 目錄下添加了 webapp 目錄，裡面有 Web 應用特有的 WEB-INF 目錄，web.xml 和 index.jsp 等。

其中，webapp 目錄和裡面的檔案以及結構在 Maven 中也是固定的。這樣就建立好了 Web 應用工程。

編寫樣例程式碼

工程建立好了，下一步就是寫測試程式碼了。接下來會寫 3 個程式碼（2 個 jsp 和 1 個servlet）。

index.jsp，裡面顯示輸入框，能提交輸入的內容，程式碼如下所示：

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Index JSP</title>
  </head>
  <body>
    <form action="welcomeServlet" method="post">
      請輸入問候人名:<input type='text' name="name"/><br/>
      <input type='submit' value='問候'/>
    </form>
  </body>
</html>

welcome.jsp，顯示問候資訊，程式碼如下所示：

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Welcome JSP</title>
  </head>
  <body>
    問候資訊：${welcome }
  </body>
</html>

welcomeServlet，接收 index.jsp 發過來的名稱，生成問候資訊，轉給 welcome.jsp 顯示。

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

/**
* Servlet implementation class WelcomeServlet
*/
public class WelcomeServlet extends HttpServlet {
  private static final long serialVersionUID = 1L;

  /**
   * @see HttpServlet#service(HttpServletRequest request,HttpServletResponse
   *   response)
   */
  protected void service(HttpServletRequest request,HttpServletResponse response)
      throws ServletException,IOException {
    request.setCharacterEncoding("UTF-8");
    String name = request.getParameter("name");
    String welcome = "Hello," + name;
    request.setAttribute("welcome",welcome);
    request.getRequestDispatcher("/index.jsp").forward(request,response);
  }
}

當然，除了編寫程式碼外，還需要配置 web.xml，servlet 的，web.xml 程式碼如下所示：

<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_2_5.xsd"
  version="2.5">
  <display-name>MvnDemo02</display-name>
  <session-config>
    <session-timeout>30</session-timeout>
  </session-config>
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
  <servlet>
    <description></description>
    <display-name>WelcomeServlet</display-name>
    <servlet-name>WelcomeServlet</servlet-name>
    <servlet-class>com.mengma.demo.MvnDemo02.WelcomeServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>WelcomeServlet</servlet-name>
    <url-pattern>/WelcomeServlet</url-pattern>
  </servlet-mapping>
</web-app>

構建 Web 專案

前期的構建過程同前面基本的 Java 工程一樣，根據自己的需要，在 pom.xml 中配置好對應功能的外掛，再執行對應的圖形化選單命令就可以了，在這裡不做重複說明。

一個 Web 應用構建好後，不只是編譯打包安裝就可以了，還需要將它釋出到 Web 伺服器中進行測試除錯才行。這裡主要介紹兩種釋出到 Tomcat 7 伺服器啟動測試的方式。在專案開發過程中可以根據自己的需要，選擇其中一種。

1. 使用 Maven 的 Jetty 外掛部署 Web

在 pom.xml 中新增 Jetty 外掛的座標資訊，內容如下：

<plugin>
  <groupId>org.mortbay.jetty</groupId>
  <artifactId>maven-jetty-plugin</artifactId>
  <version>6.1.26</version>
  <configuration>
    <webAppSourceDirectory>${basedir}/src/main/webapp</webAppSourceDirectory>
  </configuration>
</plugin>

在 MyEclipse 中配置 Web 伺服器執行環境。

選擇 MyEclipse 選單 Window→Preferences 命令，開啟 Preferences 視窗，選中左邊樹 Server→Runtime Environment，如圖 5 所示。

圖 5 MyEclipse的Web伺服器

單擊右邊的 Add… 按鈕，彈出一個選擇伺服器的視窗。選中視窗中的 Apache Tomcat v 7.0 伺服器，如圖 6 所示。

圖 6 新增 Tomcat 7.0

單擊 Next 按鈕，進入選擇 Tomat Server 配置頁面，選擇 Tomcat 的安裝目錄和 JRE 執行環境（JDK），如圖 7 所示。

圖 7 新增 Tomcat 的 Java home

單擊 Finish 和 Apply and Close 按鈕，關閉所有配置視窗，完成 MyEclipse 中的 Web Server 配置。

右擊“工程”，選擇 Run As→Maven build 命令，開啟自定義 launch 視窗，在 Goals 中輸入啟動的外掛名和目標“jetty:run”，如圖 8 所示。

圖 8 執行 jetty

單擊 Run 按鈕執行一次後，以後每次都可以在 Run As→Maven build 命令中選擇重複執行。

伺服器啟動了，接下來開啟瀏覽器，輸入：

http://localhost:8080/MvnDemo02/index.jsp

這樣就可以訪問第一個頁面了。

2. 使用 cargo-maven2-plugin 外掛部署 Web

使用 cargo 外掛相對簡單，只需在 pom.xml 中進行配置，指定部署應用所需要的資訊，再執行 Run As→Maven install 命令，cargo 外掛自動會把打成 war 包的應用，釋出到指定 Web 伺服器的釋出目錄下。

接下來要做的是啟動 Web 伺服器，按以前的方式開啟瀏覽器瀏覽頁面。

Gargo 在 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/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>

  <groupId>cn.com.mvnbook.demo</groupId>
  <artifactId>MvnDemo02</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  <packaging>war</packaging>

  <name>MvnDemo02 Web App</name>

  <properties>
    <endorsed.dir>${project.build.directory}/endorsed</endorsed.dir>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
  </properties>

  <dependencies>
    <dependency>
      <groupId>javax</groupId>
      <artifactId>javaee-web-api</artifactId>
      <version>6.0</version>
      <scope>provided</scope>
    </dependency>

    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.8.1</version>
      <scope>test</scope>
    </dependency>
  </dependencies>

  <build>
    <plugins>
      <plugin>
        <groupId>org.mortbay.jetty</groupId>
        <artifactId>maven-jetty-plugin</artifactId>
        <version>6.1.26</version>
        <configuration>
          <webAppSourceDirectory>${basedir}/src/main/webapp</webAppSourceDirectory>
        </configuration>
      </plugin>
      <plugin>
        <!-- 指定外掛名稱及版本號 -->
        <groupId>org.codehaus.cargo</groupId>
        <artifactId>cargo-maven2-plugin</artifactId>
        <version>1.4.8</version>
        <configuration>
          <!--是否說明，操作start、stop等後續操作必須等前面操作完成才能繼續 -->
          <wait>true</wait>
          <!-- 容器的配置 -->
          <container>
            <!-- 指定tomcat版本 -->
            <containerId>tomcat7x</containerId>
            <!-- 指定型別：standalone,installed等 -->
            <type>installed</type>
            <!-- 指定Tomcat的位置，即catalina.home -->
            <home>C:\work\servers\apache-tomcat-7.0.69</home>
          </container>
          <!-- 具體的配置 -->
          <configuration>
            <!-- 型別，existing:存在 -->
            <type>existing</type>
            <!-- Tomcat的位置，即catalina.home -->
            <home>C:\work\servers\apache-tomcat-7.0.69</home>
          </configuration>
          <deployables>  <!-- 部署設定 -->
            <deployable>  <!-- 部署的War包名等 -->
              <groupId>cn.com.mvnbook.demo</groupId>
              <artifactId>MvnDemo02</artifactId>
              <type>war</type>
              <properties>
                <context>MvnDemo02</context>  <!-- 部署路徑 -->
              </properties>
            </deployable>
          </deployables>
          <deployer>    <!-- 部署配置 -->
            <type>installed</type>    <!-- 型別 -->
          </deployer>
        </configuration>
        <executions>
          <!-- 執行的動作 -->
          <execution>
            <id>verify-deployer</id>
            <phase>install</phase>   <!-- 解析install -->
            <goals>
              <goal>deployer-deploy</goal>
            </goals>
          </execution>
          <execution>
            <id>clean-deployer</id>
            <phase>clean</phase>
            <goals>
              <goal>deployer-undeploy</goal>
            </goals>
          </execution>
        </executions>
      </plugin>

      <plugin>
        <groupId>org.apache.maven.plugins</groupId>
        <artifactId>maven-compiler-plugin</artifactId>
        <version>2.3.2</version>
        <configuration>
          <source>1.6</source>
          <target>1.6</target>
          <compilerArguments>
            <endorseddirs>${endorsed.dir}</endorseddirs>
          </compilerArguments>
        </configuration>
      </plugin>
      <plugin>
        <groupId>org.apache.maven.plugins</groupId>
        <artifactId>maven-war-plugin</artifactId>
        <version>2.1</version>
        <configuration>
          <failOnMissingWebXml>false</failOnMissingWebXml>
        </configuration>
      </plugin>
      <plugin>
        <groupId>org.apache.maven.plugins</groupId>
        <artifactId>maven-dependency-plugin</artifactId>
        <version>2.1</version>
        <executions>
          <execution>
            <phase>validate</phase>
            <goals>
              <goal>copy</goal>
            </goals>
            <configuration>
              <outputDirectory>${endorsed.dir}</outputDirectory>
              <silent>true</silent>
              <artifactItems>
                <artifactItem>
                  <groupId>javax</groupId>
                  <artifactId>javaee-endorsed-api</artifactId>
                  <version>6.0</version>
                  <type>jar</type>
                </artifactItem>
              </artifactItems>
            </configuration>
          </execution>
        </executions>
      </plugin>
    </plugins>
    <finalName>MvnDemo02</finalName>
  </build>
</project>

右擊“工程”，選擇 Run As→Maven install 命令後，就可以在 Tomcat 7 的釋出目錄下發現 MvnDemo02.war，啟動後它就能自動釋出並且能被訪問。

測試

不管前面哪種方式，啟動伺服器後，開啟瀏覽器，輸入 http://localhost:8080/MvnDemo02/index.jsp 連結後，就可以進行測試了。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。

相關推薦

詳解使用Maven開發Web應用詳細步驟

開發 Web 應用的思路 實現一個簡單的 JSP/Servlet。 搭建建立 Web 應用工程的環境。

vue相關配置檔案詳解及多環境配置詳細步驟

1.package.json 作用： package.json 檔案其實就是對專案或者模組包的描述，裡面包含許多元資訊。比如專案名稱，專案版本，專案執行入口檔案，專案貢獻者等等。npm install 命令會根據這個檔案下載所有依賴模組。

詳解Maven optional關鍵字透徹圖解

寫在前面 本來想寫一篇「如何自定義Spring Boot Starter」，但是為了更好理解 Starter 的一些設計理念和其中的關鍵點，所以提前將一些細節內容單獨提取出來講解說明

Django專案建立到啟動詳解（最全最詳細）

一、前言　　 （一）、概述 　　Python下有許多款不同的 Web 框架。Django是重量級選手中最有代表性的一位。許多成功的網站和APP都基於Django。

詳解ObjectARX開發環境的建立與開發例項Hello World(VS2005+AutoCad2008+ObjectArx2008)

在一個做CAD二次開發的公司做Web開發，感覺可提升的空間很小。 有必要研究一下公司的產品開發，以利發展。

詳解maven依賴衝突以及解決方法

什麼是依賴衝突 依賴衝突是指專案依賴的某一個jar包，有多個不同的版本，因而造成類包版本衝突

詳解Maven命令大全

一、Maven簡介 Maven 官網：https://maven.apache.org Maven 3.3.9版本文件：http://maven.apache.org/ref/3...

詳解Maven打包和執行

將專案進行編譯、測試之後，接下來就是打包（package），我們的pom.xml中沒有指定打包型別，那麼使用預設打包型別jar，簡單的執行命令mvn clean package進行打包

詳解Maven POM（專案物件模型）

POM( Project Object Model，專案物件模型 ) 是 Maven 工程的基本工作單元，是一個XML檔案，包含了專案的基本資訊，用於描述專案如何構建，宣告專案依賴，等等。

詳解git merge命令應用的三種情景

一、git merge 命令應用的三種情景 1.1 “快進”(無衝突) master分支 假設現在只有一個預設的 master 分支，並提交了3次，B0、B1和B2都是提交物件。

詳解Howler.js Web音訊播放終極解決方案

前言 相信有很多人在寫移動端音訊播放的時候都踩過不少坑，特別是複雜音訊專案在相容多種裝置的時候更是讓你抓狂，比如ios端不能一開始就播放音訊，必須要使用者進行了操作。。。。

詳解maven配置多倉庫的方法示例

　　剛接觸maven就是在公司裡配置好的，所以一直以來使用都沒毛病，所以一直沒有去動這些固有的東西。

詳解maven的install的作用

一，使用eclipse 1，maven的install可以將專案本身編譯並打包到本地倉庫，這樣其他專案引用本專案的jar包時不用去私服上下載jar包，直接從本地就可以拿到剛剛編譯打包好的專案的jar包，很靈活，避免每次都需要重新往

詳解maven中央倉庫連不上的解決辦法

方案一.使用國內的映象阿里倉庫等 首先通過maven的路徑找到setting.xml的檔案 然後在其中修改mirror和profile

三、spring boot開發web應用-使用傳統的JDBC

上一節《spring boot第一個web服務》中我們只是簡單的展示了spring mvc的功能，並沒有涉及到具體的CRUD的操作，也沒有涉及到資料持久化的方面。本節中我們將基於原始的JDBC和簡單的JPA兩種資料持久化的方式講解web應

五、spring boot開發web應用-更為常用的mybatis

第三節和第四節分別介紹了傳統的JDBC方式和簡單的JPA方式，但這兩種方式在行業內使用的不多，更常見使用的是mybatis，下面我們就再次改造web應用，讓其使用更為常見的mybatis方式。

詳解Maven多模組打包遇到的問題解決方法

專案描述： springboot+springcloud+zookeeper+eureka+maven；為多模組多module的分散式架構；

六、spring boot開發web應用--mybatis-plus為簡化而生

上一節《spring boot開發web應用-更為常用的mybatis》中我們簡單介紹了mybatis持久化框架的使用，本節內容擴充套件介紹下針對mybatis的增強工具mybatis-plus，在 MyBatis 的基礎上只做增強不做改變，為簡化開發、提高

七、spring boot開發web應用--mybatis-plus框架實現分頁和列舉轉換

列表查詢分頁和列舉轉換都是很常用的一個功能，既然專案使用了mybatis-plus，那得聊聊mybatis-plus是如何實現分頁和列舉轉換的。mybatis-plus的框架簡單使用可以檢視第六節《spring boot開發web應用--mybatis-plus為

詳解golang開發中select多路選擇

select 是 Golang 中的一個控制結構，語法上類似於switch 語句，只不過select是用於 goroutine 間通訊的 ，每個 case 必須是一個通訊操作，要麼是傳送要麼是接收，select 會隨機執行一個可執行的 case。如果沒有 cas