技術文章 » 【SSM - SpringMVC篇】01 SpringMVC概述，工作原理，MVC模式，SpringMVC案例

【SSM - SpringMVC篇】01 SpringMVC概述，工作原理，MVC模式，SpringMVC案例

2020-10-14 11:00:28

文章目錄

SpirngMVC介紹

  • Spring mvc屬於表現層(view)的框架，它是Spring框架的一部分。
  • 主要用於接收引數，獲取引數，處理引數，最終將結果響應給瀏覽器(重定向/請求轉發/返回json資料)
  • springmvc屬於spring FrameWork的一部分，就是一個Spring的模組。
  • SpringMVC的web層現在寫為controller層，@Controller註解，service層還是@Service，dao層還是@Repository

MVC模式圖解

在這裡插入圖片描述

SpringMVC的工作原理圖

在這裡插入圖片描述

在這裡插入圖片描述

SpringMVC小案例

在這裡插入圖片描述

最終效果圖

在這裡插入圖片描述

1. 環境準備pom.xml

 <dependencies>
   <!-- 3 servlet-->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>servlet-api</artifactId>
      <version>2.5</version>
      <scope>provided</scope>
    </dependency>
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>jsp-api</artifactId>
      <version>2.0</version>
      <scope>provided</scope>
    </dependency>
    <dependency>
      <groupId>jstl</groupId>
      <artifactId>jstl</artifactId>
      <version>1.2</version>
    </dependency>
    <!-- spring mvc是對servlet的封裝-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>5.2.9.RELEASE</version>
    </dependency>

  </dependencies>

2. 準備bean物件Person

public class Person {
    private int id;
    private String username;
    private String password;
    private String city;
	//省略get/set方法
}

3. 用PersonDb模擬查詢資料

public class PersonDb {
    //模擬資料庫的呼叫
    public static List<Person> findAll(){
        List<Person> list = new ArrayList<Person>();
        list.add(new Person(1,"jack","123456","北京"));
        list.add(new Person(2,"rose","123456","長沙"));
        list.add(new Person(3,"tony","123456","深圳"));
        return list;
    }
}

4. 核心組態檔springmvc.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"
       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">

    <!--進行包掃描,建立controller層的物件 只要是指定的包與子包下面有@Controller的類
    都要被建立物件，且加入ioc容器中-->
    <context:component-scan base-package="com.wzx.controller"/>
</beans>

5. 設定web.xml設定DispatcherServlet

設定所有的字尾為.action的受DispatcherServlet調配。
Alt+Insert快捷鍵選擇servlet建立(或者滑鼠右鍵選擇 Generate)
在這裡插入圖片描述

<!--滑鼠右鍵自動生成servlet-->
  <servlet>
    <servlet-name>DispatcherServlet</servlet-name>
    <!--找到前端控制器-->
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <!-- 組態檔，初始化引數 -->
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:springmvc.xml</param-value>
    </init-param>
    <!--  設定優先順序，讓前端控制器去讀取，取值是正整數，值越小的優先順序越高  -->
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet-mapping>
    <servlet-name>DispatcherServlet</servlet-name>
    <!-- *.action就是所有字尾為action的轉給當前servlet處理 -->
    <url-pattern>*.action</url-pattern>
  </servlet-mapping>

6. 建立PersonController

  ModelAndView資料格式 Model是資料，View是檢視，進行資料與頁面的封裝。
@RequestMapping設定自存取名稱

@Controller
public class PersonController {
    //查詢所有的person資料，字尾action
    @RequestMapping("list.action")
    public ModelAndView listPersons(){
        //1:獲取集合
        List<Person> list = PersonDb.findAll();

        //2:轉發到頁面 - 以前通過設定到請求域中，然後請求轉發/重定向
        // request.setAttribute("list",list)
        // request.getDispatcher("/list.jsp").forward(req,resp)

        //現在通過ModelAndView資料格式 Model是資料，View是檢視，進行資料與頁面的封裝。
        ModelAndView mv = new ModelAndView();//對資料與頁面的封裝
        mv.addObject("list",list);
        mv.setViewName("list.jsp");
        //3:在頁面上進行forEach迴圈
        return mv;
    }
}

7. 前端list.jsp頁面

通過C標籤的forEach迴圈遍歷輸出顯示。c:forEach

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <table border="1px" width="100%">
        <tr>
            <td>編號 </td>
            <td>使用者名稱 </td>
            <td>密碼 </td>
            <td>城市 </td>
            <td>操作 </td>
        </tr>
        <%--通過forEach迴圈，item是迴圈的當前物件，存放到作用域中，通過el表示式獲取--%>
        <c:forEach items="${list}" var="item" >
            <tr>
                <td>${item.id}</td>
                <td>${item.username}</td>
                <td>${item.password}</td>
                <td>${item.city}</td>
                <td><a href="#">修改</a> </td>
            </tr>
        </c:forEach>

    </table>
</body>
</html>