深入淺出Spring Web MVC：從零開始構建你的第一個Web應用

自足發表於2024-07-18
SpringWebMVC

深入淺出Spring Web MVC：從零開始構建你的第一個Web應用

大家好，今天我們來聊聊Spring Web MVC，這是一個非常強大的框架，用於構建Java Web應用。我們將從零開始，逐步構建一個簡單的Web應用，幫助大家理解Spring Web MVC的核心概念和使用方法。

什麼是Spring Web MVC？

Spring Web MVC是Spring框架的一部分，專門用於構建Web應用。它基於Model-View-Controller（MVC）設計模式，將應用程式的業務邏輯、使用者介面和控制邏輯分離開來，使程式碼更加模組化和易於維護。

環境準備

在開始之前，你需要確保已經安裝了以下工具：

  1. JDK 8或更高版本
  2. Maven 3.2+
  3. 一個IDE（如IntelliJ IDEA或Eclipse）

建立Maven專案

首先，我們需要建立一個新的Maven專案。在你的IDE中建立一個新的Maven專案，並新增以下依賴到pom.xml檔案中：

<dependencies>
    <!-- Spring Core -->
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-core</artifactId>
        <version>5.3.10</version>
    </dependency>
    <!-- Spring Web MVC -->
    <dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-webmvc</artifactId>
        <version>5.3.10</version>
    </dependency>
    <!-- Servlet API -->
    <dependency>
        <groupId>javax.servlet</groupId>
        <artifactId>javax.servlet-api</artifactId>
        <version>4.0.1</version>
        <scope>provided</scope>
    </dependency>
    <!-- JSP -->
    <dependency>
        <groupId>javax.servlet.jsp</groupId>
        <artifactId>javax.servlet.jsp-api</artifactId>
        <version>2.3.3</version>
        <scope>provided</scope>
    </dependency>
</dependencies>

配置Spring MVC

接下來，我們需要配置Spring MVC。建立一個名為web.xml的檔案，並新增以下內容：

<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">

    <servlet>
        <servlet-name>dispatcher</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>/WEB-INF/spring/dispatcher-config.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>

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

然後，建立一個名為dispatcher-config.xml的檔案，並新增以下內容：

<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.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">

    <context:component-scan base-package="com.example" />
    <mvc:annotation-driven />

    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/views/" />
        <property name="suffix" value=".jsp" />
    </bean>
</beans>

建立Controller

現在，我們來建立一個簡單的Controller。建立一個名為HomeController.java的檔案，並新增以下內容：

package com.example;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.servlet.ModelAndView;

@Controller
public class HomeController {

    @RequestMapping("/")
    public ModelAndView home() {
        ModelAndView modelAndView = new ModelAndView("home");
        modelAndView.addObject("message", "Hello, Spring MVC!");
        return modelAndView;
    }
}

建立檢視

接下來，我們需要建立一個檢視來顯示資料。在WEB-INF/views/目錄下建立一個名為home.jsp的檔案，並新增以下內容：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Home</title>
</head>
<body>
<h1>${message}</h1>
</body>
</html>

執行應用

到這裡，我們已經完成了所有的配置和程式碼編寫。現在，你可以執行你的應用了。將專案部署到一個Servlet容器（如Tomcat），然後在瀏覽器中訪問http://localhost:8080，你應該會看到頁面上顯示“Hello, Spring MVC!”。

總結

透過這個簡單的例子，我們瞭解瞭如何使用Spring Web MVC構建一個基本的Web應用。我們從建立Maven專案開始，配置了Spring MVC，編寫了一個簡單的Controller，並建立了一個檢視來顯示資料。希望這個例子能幫助你更好地理解Spring Web MVC的基本概念和使用方法。

如果你有任何問題或建議，歡迎在評論區留言。謝謝大家的閱讀，我們下次再見！

百萬大學生都在用的AI寫論文工具，篇篇無重複👉: AI寫論文

相關文章