8、SpringMVC之RESTful案例

来源:https://www.cnblogs.com/Javaer1995/archive/2023/10/24/17775198.html
-Advertisement-
Play Games

閱讀本文前，需要先閱讀SpringMVC之RESTful概述 8.1、前期工作 8.1.1、創建實體類Employee package org.rain.pojo; import java.io.Serializable; /** * @author liaojy * @date 2023/10/1 ...


閱讀本文前，需要先閱讀SpringMVC之RESTful概述

8.1、前期工作

8.1.1、創建實體類Employee

image

package org.rain.pojo;

import java.io.Serializable;

/**
 * @author liaojy
 * @date 2023/10/19 - 21:31
 */
public class Employee implements Serializable {

    private Integer id;

    private String lastName;

    private String email;

    //1 male, 0 female
    private Integer gender;

    public Employee() {
    }

    public Employee(Integer id, String lastName, String email, Integer gender) {
        this.id = id;
        this.lastName = lastName;
        this.email = email;
        this.gender = gender;
    }

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getLastName() {
        return lastName;
    }

    public void setLastName(String lastName) {
        this.lastName = lastName;
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }

    public Integer getGender() {
        return gender;
    }

    public void setGender(Integer gender) {
        this.gender = gender;
    }

    @Override
    public String toString() {
        return "Employee{" +
                "id=" + id +
                ", lastName='" + lastName + '\'' +
                ", email='" + email + '\'' +
                ", gender=" + gender +
                '}';
    }
}

8.1.2、創建EmployeeDao模擬操作數據

image

package org.rain.dao;

import org.rain.pojo.Employee;
import org.springframework.stereotype.Repository;

import java.util.Collection;
import java.util.HashMap;
import java.util.Map;

/**
 * @author liaojy
 * @date 2023/10/19 - 21:36
 */
@Repository
public class EmployeeDao {

    // 通過map集合模擬資料庫
    private static Map<Integer, Employee> employees = null;

    // 靜態代碼塊在類載入時執行，並且只執行一次
    static{
        employees = new HashMap<Integer, Employee>();
        employees.put(1001, new Employee(1001, "E-AA", "[email protected]", 1));
        employees.put(1002, new Employee(1002, "E-BB", "[email protected]", 1));
        employees.put(1003, new Employee(1003, "E-CC", "[email protected]", 0));
        employees.put(1004, new Employee(1004, "E-DD", "[email protected]", 0));
        employees.put(1005, new Employee(1005, "E-EE", "[email protected]", 1));
    }

    // 新數據的id
    private static Integer initId = 1006;

    // 新增或修改
    public void save(Employee employee) {
        // 參數沒有id表示要執行新增操作
        if (employee.getId() == null) {
            // 設置新增數據的id，並自增id值為下一次新增數據做準備
            employee.setId(initId++);
        }
        // 更新模擬資料庫的數據
        employees.put(employee.getId(), employee);
    }

    // 查詢所有
    public Collection<Employee> getAll(){
        return employees.values();
    }

    // 根據id查詢
    public Employee get(Integer id){
        return employees.get(id);
    }

    // 根據id刪除
    public void delete(Integer id){
        employees.remove(id);
    }

}

8.1.3、調整bean組件掃描

image

在原來的環境中，只掃描控制層組件，現在多了持久層組件，所以要調整掃描包的範圍

    <!--在指定的包中，掃描bean組件-->
    <context:component-scan base-package="org.rain"></context:component-scan>

8.1.4、功能清單

功能 URL 地址 請求方式
訪問首頁 / GET
查詢全部數據 /employee GET
跳轉到添加數據頁面 /to/add GET
執行保存 /employee POST
跳轉到修改數據頁面 /to/update/2 GET
執行修改 /employee PUT
刪除 /employee/2 DELETE

8.2、查詢列表功能

8.2.1、頁面請求示例

image

<a th:href="@{/employee}">查詢所有員工的信息</a>

8.2.2、控制器方法示例

image

    @GetMapping("/employee")
    public String getAllEmployee(Model model){
        // 獲取所有員工的信息
        Collection<Employee> allEmployee = employeeDao.getAll();
        // 將所有員工的信息，共用到請求域
        model.addAttribute("allEmployee",allEmployee);
        // 跳轉到列表頁面
        return "employee_list";
    }

8.2.3、列表頁面示例

image

註意：在idea中，某些thymeleaf語法可能會提示錯誤（紅色波浪線），這是誤報，可以不用管

<table border="10">
    <tr>
        <!--表頭合併五列-->
        <th colspan="5">employee list</th>
    </tr>
    <tr>
        <th>id</th>
        <th>lastName</th>
        <th>email</th>
        <th>gender</th>
        <th>options</th>
    </tr>
    <!--在thymeleaf語法中，要迴圈一個標簽，只需要在該標簽中添加迴圈屬性即可-->
    <tr th:each="employee : ${allEmployee}">
        <td th:text="${employee.id}"></td>
        <td th:text="${employee.lastName}"></td>
        <td th:text="${employee.email}"></td>
        <td th:text="${employee.gender}"></td>
        <td>
            <a href="">update</a>
            <a href="">delete</a>
        </td>
    </tr>
</table>

8.2.4、測試效果

image

image

8.3、新增功能

8.3.1、頁面請求示例

image

<th>options(<a th:href="@{/to/add}">add</a>)</th>

8.3.2、視圖控制器示例

image

因為只需要實現頁面跳轉，沒有處理業務的過程，所以可以使用視圖控制器實現

<mvc:view-controller path="/to/add" view-name="employee_add"></mvc:view-controller>

8.3.3、新增頁面示例

image

<form th:action="@{/employee}" method="post">
    <!--因為table標簽中的子標簽是固定的，所以要用form標簽包含table標簽-->
    <table border="10">
        <tr>
            <th colspan="2">employee add</th>
        </tr>
        <tr>
            <td>lastName</td>
            <td> <input type="text" name="lastName"> </td>
        </tr>
        <tr>
            <td>email</td>
            <td> <input type="text" name="email"> </td>
        </tr>
        <tr>
            <td>gender</td>
            <td>
                <input type="radio" name="gender" value="1">male
                <input type="radio" name="gender" value="0">female
            </td>
        </tr>
        <tr>
            <td colspan="2"> <input type="submit" value="add"> </td>
        </tr>
    </table>
</form>

8.3.4、控制器方法示例

image

註意：直接跳轉到列表頁面會顯示不了數據，因為還沒向請求域共用數據，所以需要先跳轉到查詢列表功能

此外，跳轉要用重定向，而不是用請求轉發；

如果用請求轉發，因為源請求的請求方式是post，所以請求轉發後的請求方式還會是post，這樣就會一直重覆調用insertEmployee方法，直至記憶體耗盡；

如果用重定向，因為重定向的請求方式肯定是get，所以會調用getAllEmployee方法，從而實現查詢列表功能

    @PostMapping("/employee")
    public String insertEmployee(Employee employee){
        // 新增員工
        employeeDao.save(employee);
        // 重定向到查詢列表功能
        return "redirect:/employee";
    }

8.3.5、測試效果

image

image

image

image

8.4、修改功能

8.4.1、頁面請求示例

image

註意：因為員工id是變數，所以（在thymeleaf語法中）路徑要使用單引號後再使用加號拼接變數

<a th:href="@{'/to/update/'+${employee.id}}">update</a>

8.4.2、控制器方法示例(回顯數據)

image

    @GetMapping("/to/update/{id}")
    public String toUpdate(@PathVariable("id") Integer id, Model model){
        // 根據id查詢員工信息
        Employee employee = employeeDao.get(id);
        // 將員工信息共用到請求域
        model.addAttribute("employee",employee);
        // 跳轉到更新頁面
        return "employee_update";
    }

8.4.3、更新頁面示例

image

註意：請求方式和id用了隱藏域；
單選框的回顯，用了th:field的屬性，如果其值和value屬性的值相等，則選中當前單選框

<form th:action="@{/employee}" method="post">
    <input type="hidden" name="_method" value="put">
    <input type="hidden" name="id" th:value="${employee.id}">
    <table border="10">
        <tr>
            <th colspan="2">employee update</th>
        </tr>
        <tr>
            <td>lastName</td>
            <td> <input type="text" name="lastName" th:value="${employee.lastName}"> </td>
        </tr>
        <tr>
            <td>email</td>
            <td> <input type="text" name="email" th:value="${employee.email}"> </td>
        </tr>
        <tr>
            <td>gender</td>
            <td>
                <input type="radio" name="gender" value="1" th:field="${employee.gender}">male
                <input type="radio" name="gender" value="0" th:field="${employee.gender}">female
            </td>
        </tr>
        <tr>
            <td colspan="2"> <input type="submit" value="update"> </td>
        </tr>
    </table>
</form>

8.4.4、控制器方法示例(執行修改)

image

    @PutMapping("/employee")
    public String updateEmployee(Employee employee){
        // 修改員工
        employeeDao.save(employee);
        // 重定向到查詢列表功能
        return "redirect:/employee";
    }

8.4.5、測試效果

image

image

image

image

8.5、刪除功能

8.5.1、頁面請求示例

image

<a onclick="put()" th:href="@{'/employee/'+${employee.id}}">delete</a>

<form method="post">
    <input type="hidden" name="_method" value="delete">
</form>

<script type="text/javascript">
    function put() {
        // 獲取form表單
        var form = document.getElementsByTagName("form")[0]
        // 將超鏈接的href屬性值賦值給form表單的action屬性
        // event.target表示當前觸發事件的標簽
        form.action = event.target.href;
        // 提交表單
        form.submit();
        // 阻止超鏈接的預設行為（跳轉）
        event.preventDefault();
    }
</script>

8.5.2、控制器方法示例

image

    @DeleteMapping("/employee/{id}")
    public String deleteEmployee(@PathVariable("id") Integer id){
        // 刪除員工
        employeeDao.delete(id);
        // 重定向到查詢列表功能
        return "redirect:/employee";
    }

8.5.3、測試效果

image

image


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Go開發IDE全覽：GoLand vs VSCode全面解析
    關註【TechLeadCloud】，分享互聯網架構、雲服務技術的全維度知識。作者擁有10+年互聯網服務架構、AI產品研發經驗、團隊管理經驗，同濟本復旦碩，復旦機器人智能實驗室成員，阿裡雲認證的資深架構師，項目管理專業人士，上億營收AI產品研發負責人。 一、引言 在軟體開發的世界里，開發環境的選擇與配 ...
  • 中美程式員不完全對比，太真實了。。。
    大家好，我是棧長。 今天分享一篇國內外程式員區別對比的好文： https://www.zhihu.com/question/497793332/answer/2216734220 原文作者是知乎的一位匿名用戶，個人感覺絕大部分內容寫的還是挺中肯的，沒有故意貶低或者抬高哪一邊。 下麵是正文。 我是在美 ...
  • C++初識（續篇）
    1.2 註釋 作用：在代碼中加一些說明和解釋，方便自己或其他程式員閱讀代碼 兩中格式 單行註釋： 通常放在一行代碼的上方，或者一條語句的末尾，對該行代碼說明 // 這樣的是單行註釋 多行註釋： 通常放在一段代碼的上方，對該段代碼做整體說明 /* 這種的是多行註釋 可以寫好多行 */ 提示：編譯器在編 ...
  • 淺談go反射
    基本概念 支持反射的語言可以在程式編譯期將變數的反射信息，如欄位名稱、類型信息、結構體信息等整合到可執行文件中，並給程式提供介面訪問反射信息，這樣就可以在程式運行期獲取類型的反射信息，並且有能力修改它們。 Go語言提供了 reflect 包來訪問程式的反射信息。 Refelct解析 Refelct包 ...
  • python爬蟲入門(1)-開發環境配置
    所謂的爬蟲，就是通過模擬點擊瀏覽器發送網路請求，接收站點請求響應，獲取互聯網信息的一組自動化程式。 也就是,只要瀏覽器(客戶端)能做的事情，爬蟲都能夠做。 現在的互聯網大數據時代，給予我們的是生活的便利以及海量數據爆炸式的出現在網路中。除了網頁，還有各種手機APP，例如微信、微博、抖音，一天產生高達 ...
  • Gradle構建SpringBoot單模塊項目
    Gradle構建SpringBoot單模塊項目 方式Ⅰ：未基於：Gradle Wrapper 方式Ⅱ：（推薦使用）Gradle Wrapper【可以不安裝Gradle、統一Gradle的版本】——包括Maven也是一樣的可以用Wrapper的方式 版本：JDK8 + SpringBoot2.7.15 ...
  • LocalDateTime、LocalDate、Date、String相互轉化大全及其註意事項
    一、前言 大家在開發過程中必不可少的和日期打交道，對接別的系統時，時間日期格式不一致，每次都要轉化！ 每次寫完就忘記了，小編專門來整理一篇來詳細說一下他們四個的轉換的方法，方便後面使用！！ 二、LocalDateTime、LocalDate、Date三者聯繫 這裡先說一下，為什麼日期有Date了，還 ...
  • 一天吃透Java併發面試八股文
    內容摘自我的學習網站：topjavaer.cn 分享50道Java併發高頻面試題。 線程池 線程池：一個管理線程的池子。 為什麼平時都是使用線程池創建線程，直接new一個線程不好嗎？ 嗯，手動創建線程有兩個缺點 不受控風險 頻繁創建開銷大 為什麼不受控？ 系統資源有限，每個人針對不同業務都可以手動創 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類