自建一個Java Spring MVC項目

時間 2019-12-07

標籤自建一個 java spring mvc 項目欄目 Java 简体版

原文原文鏈接

用IDEA Intellij，原本建立的是SpringMVC項目，可是下載的時候，太慢了。因此仍是用的Maven項目。css

選擇Maven 項目->Archetype->Web application. 原本須要增長參數-DarchetypeCatalog=internal，html

可是發現也不用了，應該是已經下載了。html5

首先將webapp->WEBINF->web.xml，改一下：java

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
         version="3.1">
  <display-name>Archetype Created Web Application</display-name>

  <servlet>
    <servlet-name>main-dispatcher</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
  </servlet>

  <servlet-mapping>
    <servlet-name>main-dispatcher</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>
</web-app>

注意其中的servlet和servlet-mapping。可是發現servlet-class顯示的是紅字。判斷緣由是須要在pom.xml中加上引用庫。jquery

改好的pom.xml以下：web

<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.webapp</groupId>
  <artifactId>hellospringmvc</artifactId>
  <packaging>war</packaging>
  <version>1.0-SNAPSHOT</version>
  <name>hellospringmvc Maven Webapp</name>
  <url>http://maven.apache.org</url>

  <properties>
    <spring.version>4.2.6.RELEASE</spring.version>
  </properties>

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

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>${spring.version}</version>
    </dependency>

    <dependency>
      <groupId>org.springframework.data</groupId>
      <artifactId>spring-data-jpa</artifactId>
      <version>1.10.1.RELEASE</version>
    </dependency>

    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>

  </dependencies>
  <build>
    <finalName>hellospringmvc</finalName>

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

而後打開file - project structure，加上java目錄，並標記爲Source目錄。spring

作完上面幾步，再看web.xml，就沒有紅字報錯了。chrome

而後配置啓動環境，Run->Edit-Configuration，apache

裏面把Tomcat的端口改一下，我這裏改的是8010，而後把chrome的啓動url也改爲8010. 在Deploy tab加上artifact，選默認的就行。bootstrap

而後不用寫代碼，直接Run 就能看到 localhost:8010 可以打開"Hello World!" 頁面。

而後，先在web.xml裏面加上對於編碼的處理，最後web.xml變成這樣：

<?xml version="1.0" encoding="UTF-8"?>

<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
         version="3.1">
  <display-name>Archetype Created Web Application</display-name>

  <servlet>
    <servlet-name>main-dispatcher</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <load-on-startup>1</load-on-startup>
  </servlet>

  <servlet-mapping>
    <servlet-name>main-dispatcher</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>

  <filter>
    <filter-name>encodingFilter</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <init-param>
      <param-name>encoding</param-name>
      <param-value>UTF-8</param-value>
    </init-param>
    <init-param>
      <param-name>forceEncoding</param-name>
      <param-value>true</param-value>
    </init-param>
  </filter>
  <filter-mapping>
    <filter-name>encodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>
  
</web-app>

而後在java目錄下建package com.webapp.hello，而後在其中建class, MainController，內容以下：

package com.webapp.hello;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

/**
 * Created by baidu on 16/10/7.
 */
@Controller
public class HelloController {

    @RequestMapping(value="/", method= RequestMethod.GET)
    public String index() {
        return "hello";
    }
}

注意，return的是hello.

而後根據servlet名字，加上servlet的配置文件 main-dispatcher-servlet.xml，內容以下：

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:contex="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd">

    <contex:component-scan base-package="com.webapp.hello"/>

    <mvc:default-servlet-handler/>

    <mvc:annotation-driven/>

    <bean id="jspViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
        <property name="prefix" value="/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

</beans>

而後在index.jsp的同級目錄加一個hello.jsp以下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3個meta標籤*必須*放在最前面，任何其餘內容都*必須*跟隨其後！ -->
    <title>SpringMVC Demo 首頁</title>

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<h1>Hello World!</h1>
<h3>成功自定義頁面啦!</h3>

<!-- jQuery文件。務必在bootstrap.min.js 以前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>

而後在project名字的右鍵，第二個"Add framework support"點開，加上Spring support。（不肯定是否須要加上這個）

而後點擊運行。就能看到"Hello World"。可是遺憾地發現，仍是index.jsp的內容。

而後把index.jsp刪掉，發現纔可以顯示定製化的內容。原來開始是受index.jsp屏蔽了。

Hello World!
成功自定義頁面啦!

如下講述，怎麼向JSP頁面傳輸變量。

將MainController.java更新爲以下：

package com.webapp.hello;

import org.springframework.stereotype.Controller;
import org.springframework.ui.ModelMap;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;

import java.util.LinkedList;
import java.util.List;

/**
 * Created by baidu on 16/10/7.
 */
@Controller
public class HelloController {

    @RequestMapping(value="/", method= RequestMethod.GET)
    public String index(ModelMap modelMap) {
        List userList = new LinkedList();
        userList.add("張三");
        userList.add("李四");
        modelMap.addAttribute("userList", userList);
        return "hello";
    }
}

而後將hello.jsp更新爲以下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3個meta標籤*必須*放在最前面，任何其餘內容都*必須*跟隨其後！ -->
    <title>SpringMVC Demo 首頁</title>

    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<h1>Hello World!</h1>

<h3>成功自定義頁面啦!</h3>

<c:if test="${empty userList}">
<div class="alert alert-warning" role="alert">
    <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
    沒有用戶!
</div>
</c:if>

<c:if test="${!empty userList}">
    <c:forEach items="${userList}" var="user">
        <tr>
            <td>${user}</td>
        </tr>
    </c:forEach>
</c:if>

<!-- jQuery文件。務必在bootstrap.min.js 以前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>

運行，發現顯示沒有用戶，不符合預期：

網上搜索，多是沒有加jstl，而後在第二行加上：

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

而後從新運行，能夠顯示用戶啦：

至此，利用SpringMVC搭建基本的動態頁面，基本完成。

如下，是來自簡書某個頁面的介紹，講的比較淺顯易懂：

http://www.jianshu.com/p/6b3d30b2fd18

Spring MVC請求處理流程

Spring MVC的設計是圍繞DispatcherServlet展開的，DispatcherServlet負責將請求派發到特定的handler。經過可配置的handler mappings、view resolution、locale以及theme resolution來處理請求而且轉到對應的視圖。Spring MVC請求處理的總體流程如圖：
在web.xml中咱們能夠看到配置了一個DispatcherServlet，該Servlet攔截了 / 的全部請求
在mvc-dispatcher-servlet.xml中 component-scan 掃描指定的文件夾下的文件（這裏指定了根目錄）
當請求發起時，Spring MVC掃描文件發現HelloController 中的 @Controller和@RequestMapping("/")註解便由DispatcherServlet轉向HelloController來處理 / 請求
當HelloController返回hello變由mvc-dispatcher-servlet.xml的配置默認加上先後綴成爲/WEB-INF/pages/hello.jsp，最後將Hello World輸出