IDEA簡單部署MVC項目

本文章主要參考七小棧主的文章，特此說明：

前提

在配置好JDK，配置好Maven，配置鏈接如下：如何配置Java環境，包括JDK，Maven等

建項目

IEDA中File->New->Project->Maven->填寫好GroupId，ArtifactId等，然后選擇剛才配置的Maven的目錄和目錄下settings.xml和本地存放架包的路徑（這個一般在C:\Users\{用戶名}\.m2\repository中），起個項目的名字，點擊Finish項目就建好了

配置pom.xml

登錄http://mvnrepository.com/，可查看架包配置，直接拷貝到dependencies下即會自動Down下來

<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>Jef</groupId>
  <artifactId>me</artifactId>
  <packaging>war</packaging>
  <version>1.0-SNAPSHOT</version>
  <name>me Maven Webapp</name>
  <url>http://maven.apache.org</url>
  <dependencies>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>3.8.1</version>
      <scope>test</scope>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-test</artifactId>
      <version>4.3.1.RELEASE</version>
    </dependency>
    <!--spring-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-beans</artifactId>
      <version>4.3.1.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-core</artifactId>
      <version>4.3.1.RELEASE</version>
    </dependency>

    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-context</artifactId>
      <version>4.3.1.RELEASE</version>
    </dependency>

    <!--Spring Web + Spring MVC-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-web</artifactId>
      <version>4.3.1.RELEASE</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>4.3.1.RELEASE</version>
    </dependency>

    <!--json支持-->
    <!-- https://mvnrepository.com/artifact/org./json -->
    <dependency>
      <groupId>org.json</groupId>
      <artifactId>json</artifactId>
      <version>20160212</version>
    </dependency>

    <!-- https://mvnrepository.com/artifact/commons-lang/commons-lang -->
    <dependency>
      <groupId>commons-lang</groupId>
      <artifactId>commons-lang</artifactId>
      <version>2.6</version>
    </dependency>
    <!-- https://mvnrepository.com/artifact/commons-beanutils/commons-beanutils -->
    <dependency>
      <groupId>commons-beanutils</groupId>
      <artifactId>commons-beanutils</artifactId>
      <version>1.8.3</version>
    </dependency>
    <!-- https://mvnrepository.com/artifact/commons-collections/commons-collections -->
    <dependency>
      <groupId>commons-collections</groupId>
      <artifactId>commons-collections</artifactId>
      <version>3.2.1</version>
    </dependency>
    <!-- https://mvnrepository.com/artifact/commons-logging/commons-logging -->
    <dependency>
      <groupId>commons-logging</groupId>
      <artifactId>commons-logging</artifactId>
      <version>1.2</version>
    </dependency>
    <!-- https://mvnrepository.com/artifact/net.sf.ezmorph/ezmorph -->
    <dependency>
      <groupId>net.sf.ezmorph</groupId>
      <artifactId>ezmorph</artifactId>
      <version>1.0.6</version>
    </dependency>
    <!--json serialize and deserialization-->
    <!-- 引入fastjson依賴 -->
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>1.2.12</version>
    </dependency>
    <!-- 引入gson依賴 -->
    <dependency>
      <groupId>com.google.code.gson</groupId>
      <artifactId>gson</artifactId>
      <version>2.6.2</version>
    </dependency>
    <!--NoClassDefFoundError: javax/servlet/jsp/jstl/core/Config-->
    <!-- https://mvnrepository.com/artifact/jstl/jstl -->
    <dependency>
      <groupId>jstl</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>
      
  </dependencies>
  <build>
    <finalName>me</finalName>
  </build>
</project>

配置web.xml

項目初始運行的時候就會加載web.xml，所以web.xml的配置尤其重要，src->main->webapp->WEB-INF->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"
         version="3.0">
    <welcome-file-list>
        <welcome-file>/index.jsp</welcome-file>
    </welcome-file-list>
    <!-- Spring MVC配置 -->
    <servlet>
        <servlet-name>spring</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>

        <!-- 可以自定義servlet.xml配置文件的位置和名稱，默認為WEB-INF目錄下，名稱為[<servlet-name>]-servlet.xml，如spring-servlet.xml
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>/WEB-INF/spring-servlet.xml</param-value>
        </init-param>-->

        <!-- load-on-startup元素標記容器是否在啟動的時候就加載這個servlet(實例化並調用其init()方法) -->
        <load-on-startup>1</load-on-startup>
    </servlet>

    <servlet-mapping>
        <servlet-name>spring</servlet-name>
        <url-pattern>/</url-pattern>
        <!--<url-pattern>*.do</url-pattern>-->
    </servlet-mapping>

    <!-- Spring配置 -->
    <listener>
        <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
    </listener>

    <!-- 指定Spring Bean的配置文件所在目錄。默認配置在WEB-INF目錄下 -->
    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>classpath:applicationContext.xml</param-value>
    </context-param>

</web-app>

新建 spring-servlet.xml

 在WEB-INF文件夾下新建 spring-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:context="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-3.1.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context-3.1.xsd
http://www.springframework.org/schema/mvc
http://www.springframework.org/schema/mvc/spring-mvc-3.1.xsd">

    <!-- 啟動注解驅動的Spring MVC功能，注冊請求url和注解POJO類方法的映射-->  
    <mvc:annotation-driven >
         
    </mvc:annotation-driven>
   
    <!-- 啟動包掃描功能，以便注冊帶有@Controller、@service、@repository、@Component等注解的類成為spring的bean -->
    <context:component-scan base-package="HelloSpringMvc.controller" />
    <!-- 對模型視圖名稱的解析，在請求時模型視圖名稱添加前后綴 -->
     <bean 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>
    <!-- 訪問靜態文件（jpg,js,css）的方法 -->
    <mvc:resources location="/files/" mapping="/files/**" />
    <mvc:resources location="/scripts/" mapping="/scripts/**" />
    <mvc:resources location="/styles/" mapping="/styles/**" />
    <mvc:resources location="/views/" mapping="/views/**" />
</beans>

這里我們配置了靜態文件路徑，因此在目錄結構新建幾個文件夾用以放靜態文件例如腳本，圖片文件，視圖之類的。

新建applicationContext.xml

在Resources資源文件夾下新建applicationContext.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"
        xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.1.xsd">
    <!-- 我們可以在其中添加我們所需要配置的bean，也可以添加相應的數據庫連接和事務處理等等，方便后續拓展
           -->
</beans>

測試SpringMVC配置

TestController.java

package HelloSpringMvc.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

/**
 * Created by Jef on 2017/6/29.
 * please remember Jef`s page -> http://www.cnblogs.com/tufujie
 * thx~
 */

@Controller
@RequestMapping(value = "/Test") //訪問的url地址前綴，可以不寫，寫了就必須在方法url前面先加上class url 進行區分控制器
public class TestController
{
    //訪問地址：http://localhost:8080/Test/returnSuccess
    @RequestMapping(value = "returnSuccess")    //實際訪問的url地址
    public String returnSuccess() {
        return "/views/success";    //返回Views文件夾下的success.jsp頁面
    }

    //訪問地址：http://localhost:8080/Test/returnString
    @RequestMapping(value = "returnString", produces = {"text/plain;charset=UTF-8"})
    //produces用於解決返回中文亂碼問題，application/json;為json解決中文亂碼
    @ResponseBody       //用於返回字符串,不寫即返回視圖
    public String returnString() {
        return "hello return string 這是中文，並沒有亂碼";
    }

    @RequestMapping(value = "clickPost")
    public String clickPost(Long id) {
        System.out.println(id);
        return "index";
    }

    @RequestMapping(value = "clickGet/{id}/{userName}")
    public String clickGet(@PathVariable Long id, @PathVariable String userName) {
        System.out.println(id);
        System.out.println(userName);
        return "index";
    }
}

index.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<body>
<h2>Hello World!</h2>
<button ><a href="/Test/returnSuccess" target="_blank">returnSuccess</a></button>
<button ><a href="/Test/returnString" target="_blank">returnString</a></button>
<button id="clickId">PostRequest</button>
<button ><a href="/Test/clickGet/2/Jef">GetRequest</a></button>
</body>
<script>
    $( "#clickId" ).click(function () {
        var a = 1;
        $.post("/Test/clickPost", {id: a}, function (data) {

        }, "json");
    });
</script>
</html>

新建一個success.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
Success ! hello Jef!
</body>
</html>

開始試運行

然后下面的圖標任意一個都可以開始運行

 

http://localhost:8080/

http://localhost:8080/Test/returnSuccess

http://localhost:8080/Test/returnString