碼上歡樂
相關內容    簡體    繁體

SpringBoot第十一篇：SpringBoot+MyBatis+Thymelaf實現CRUD

本文轉載自   查看原文   2019-05-28 11:50   492    SpringBoot

作者：追夢1819
原文：https://www.cnblogs.com/yanfei1819/p/10936304.html
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！

引言

  總結前面幾章，我們了解了 SpringBoot 的基本用法及其配置，整合各大 ORM 框架，並了解了 Thymelaf 的基本用法。

  本章將綜合前面的知識，做一個完整Java web 的增刪改查的示例。一來是對知識的整合，二來是考慮到很多讀者是新手，一個完整的示例可能更加有助於其對 SpringBoot 的理解和掌握。

  前面的ORM 框架有多種，本章中選取的是 MyBatis（沒有使用 MyBatis 相關插件） ，作者比較喜歡該框架，同時在行業中的應用也很廣泛。


版本信息

  • JDK：1.8
  • SpringBoot ：2.1.4.RELEASE
  • maven：3.3.9
  • MyBatis：2.0.1
  • Thymelaf：2.1.4.RELEASE
  • IDEA：2019.1.1

准備工作

初始化數據庫

  本示例中，建立手機表，字段包括：名稱、價格、顏色和生產日期。

SET NAMES utf8mb4;
SET FOREIGN_KEY_CHECKS = 0;
CREATE TABLE `mobile_phone`  (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT 'id',
  `name` varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL COMMENT '名稱',
  `price` decimal(7, 2) NOT NULL COMMENT '價格',
  `color` varchar(10) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL COMMENT '顏色',
  `production_date` varchar(255) CHARACTER SET latin1 COLLATE latin1_swedish_ci NOT NULL COMMENT '生產日期',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 3 CHARACTER SET = latin1 COLLATE = latin1_swedish_ci ROW_FORMAT = Compact;

INSERT INTO `mobile_phone` VALUES (1, '蘋果', 6988.00, '銀色', '2018-12-12');
INSERT INTO `mobile_phone` VALUES (2, '華為', 3988.00, '白色', '2019-12-09');
SET FOREIGN_KEY_CHECKS = 1;

創建項目

  以下是作者用 idea 創建的示例項目：

項目結構是作者的個人習慣，基本也符合 Java Web 的分層結構。下面也再次說明一下項目結構的含義：

  1. com.yanfei1819.springbootmybatisthymeleafdemo.db.dao

    項目的持久化層，與數據庫交互；

  2. com.yanfei1819.springbootmybatisthymeleafdemo.db.dto

    與數據庫交互的實體類；

  3. com.yanfei1819.springbootmybatisthymeleafdemo.entity.response

    接口返回的參數實體類；

  4. com.yanfei1819.springbootmybatisthymeleafdemo.entity.vo

    與頁面交互的實體類；

  5. com.yanfei1819.springbootmybatisthymeleafdemo.service

    項目業務層的接口和實現類；

  6. com.yanfei1819.springbootmybatisthymeleafdemo.web.controller

    項目的 controller 層，外部直接訪問；

  7. com.yanfei1819.springbootmybatisthymeleafdemo.SpringbootMybatisThymeleafDemoApplication

    項目入口啟動類；

  8. \src\main\resources\static

    存放項目靜態資源文件；

  9. \src\main\resources\templates

    SpringBoot 默認的模板引擎存放位置（可自定義）。

代碼說明

1、 代碼是按照作者的以往的編寫習慣寫的，並非標准，僅供大家參考；

2、 示例中的代碼，都是嚴格按照分層的，包括數據接收的實體類；

3、 有讀者有疑問，項目中為什么會有兩個屬性完全一致的實體類，xxxDTO 和 xxxVO ？其實這是為了增加項目的擴展性和健壯性而設的，xxxDTO 與數據庫交互，xxxVO 與頁面交互，嚴格分層了。其實實體類的種類根據項目規模大小而定，項目越大，可能定義的實體類的種類越多。名稱可以參照《阿里巴巴Java開發手冊》：

4、 示例代碼，作者雖然盡量遵守了代碼規范，但是由於篇幅所限，還是簡化了邏輯，只演示了基本的功能。時間項目中的業務邏輯可能比這個復雜很多，比如，實際項目中可能有分頁查詢、條件查詢、排序等。所以讀者要注意；

5、 在本文中，通用由於篇幅的原因，只列出示例中的核心代碼，如果讀者想獲取完整的代碼，可以移步到 本人的GitHub 進行下載；

6、 示例中只做了功能的演示，沒有 CSS 樣式，讀者可自行添加。


綜合使用

一、引入 maven 依賴：

<dependencies>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
    <dependency>
        <groupId>org.mybatis.spring.boot</groupId>
        <artifactId>mybatis-spring-boot-starter</artifactId>
        <version>2.0.1</version>
    </dependency>
    <dependency>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>
    <dependency>
        <groupId>mysql</groupId>
        <artifactId>mysql-connector-java</artifactId>
        <scope>runtime</scope>
    </dependency>
</dependencies>

二、配置相關的信息：

### 數據庫信息
spring.datasource.driver-class-name=com.mysql.jdbc.Driver
spring.datasource.url=jdbc:mysql://localhost:3306/test?serverTimezone=GMT%2B8
spring.datasource.username=root
spring.datasource.password=root

### 模板引擎
spring.thymeleaf.servlet.content-type=text/html
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html

### 駝峰命名法轉換
mybatis.configuration.map-underscore-to-camel-case=true

其余的信息，可自行配置。

三、創建 db 層：

實體類：

public class MobilePhoneDTO {
    private Long id;
    private String name;
    private Double price;
    private String color;
    private String productionDate;
	// get/set 省略
}

dao類：

public interface MobilePhoneDAO {
    @Select("select * from mobile_phone ")
    List<MobilePhoneDTO> listMobilePhones();
    
    @Select("select * from mobile_phone where id = #{id}")
    MobilePhoneDTO getMobilePhoneById(Long id);
    
    @Update("insert into mobile_phone(`name`,price,color,production_date) values(#{name},#{price},#{color},#{productionDate}")
    int insertMobilePhone(MobilePhoneDTO dto);
    
    @Update("UPDATE mobile_phone set `name`=#{name},price=#{price},color=#{color},production_date=#{productionDate} WHERE id=#{id}")
    int updateMobilePhone(MobilePhoneDTO dto);
    
    @Delete("DELETE FROM mobile_phone WHERE id = #{id}")
    int deleteMobilePhoneById(Long id);
}

四、創建 service 層：

接口：

public interface MobilePhoneService {
    List<MobilePhoneVO> listMobilePhones();
    MobilePhoneVO getMobilePhoneById(Long id);
    BaseResponse updateMobilePhone(MobilePhoneVO vo);
    BaseResponse insertMobilePhone(MobilePhoneVO vo);
    BaseResponse deleteMobilePhoneById(Long id);
}

實現類：

@Service
public class MobilePhoneServiceImpl implements MobilePhoneService {

    @Autowired
    private MobilePhoneDAO mobilePhoneDAO;

    @Override
    public List<MobilePhoneVO> listMobilePhones() {
        List<MobilePhoneDTO> dtos = mobilePhoneDAO.listMobilePhones();
        List<MobilePhoneVO> vos = new ArrayList<>();
        for (MobilePhoneDTO dto : dtos) {
            MobilePhoneVO vo = new MobilePhoneVO();
            BeanUtils.copyProperties(dto,vo);
            vos.add(vo);
        }
        return vos;
    }

    @Override
    public MobilePhoneVO getMobilePhoneById(Long id) {
        MobilePhoneDTO dto = mobilePhoneDAO.getMobilePhoneById(id);
        MobilePhoneVO vo = new MobilePhoneVO();
        BeanUtils.copyProperties(dto,vo);
        return vo;
    }

    @Override
    public BaseResponse updateMobilePhone(MobilePhoneVO vo) {
        MobilePhoneDTO dto = new MobilePhoneDTO();
        BeanUtils.copyProperties(vo,dto);
        int updateCount = mobilePhoneDAO.updateMobilePhone(dto);
        if(updateCount<1){
            return new BaseResponse("數據更新失敗");
        }
        return new BaseResponse();
    }

    @Override
    public BaseResponse insertMobilePhone(MobilePhoneVO vo) {
        MobilePhoneDTO dto = new MobilePhoneDTO();
        BeanUtils.copyProperties(vo,dto);
        int insertCount = mobilePhoneDAO.insertMobilePhone(dto);
        if(insertCount<1){
            return new BaseResponse("數據插入失敗");
        }
        return new BaseResponse();
    }

    @Override
    public BaseResponse deleteMobilePhoneById(Long id) {
        int deleteCount = mobilePhoneDAO.deleteMobilePhoneById(id);
        if(deleteCount<1){
            return new BaseResponse("數據刪除失敗");
        }
        return new BaseResponse();
    }
}

以上的實現中，包含了增刪改查等功能。

此處為了更加友好的返回數值，增加了 BaseResponse 類，該類是：

public class BaseResponse<T> {
    private Integer code;
    private String msg;
    private T data;
    // set/get 省略

    public static BaseResponse defaultNo(String msg) {
        return new BaseResponse(1,msg);
    }
    public static BaseResponse defaultOk() {
        return new BaseResponse();
    }
    public BaseResponse() {
        this.code = 0;
        this.msg = "success";
    }
    public BaseResponse(String msg) {
        this.code = 1;
        this.msg = msg;
    }
    public BaseResponse(T data) {
        this.data = data;
        this.code = 0;
        this.msg = "success";
    }
    public BaseResponse(Integer code, String msg){
        this.code = code;
        this.msg = msg;
    }
}

  細心的讀者可能會發現以上的一個細節，有的方法返回了 BaseResponse，但是有的方法直接返回了頁面的實體類 MobilePhoneVO。

  此處為了做演示，特意做了兩種返回參數處理情況。通常情況下，我們在開發前后端分離項目的時候，都會將返回的數值封裝為 json 格式，以便后端可以與 PC 端和 APP 端同時進行交互。如果非前后端分離，那基本就不做要求了。

  不過，作者給大家的建議是，能統一格式時盡量統一，代碼看起來也更加優雅一些。

五、創建 controller 層：

@Controller
@RequestMapping("/mobile/phone")
public class MobilePhoneController {

    @Autowired
    private MobilePhoneService service;

    @GetMapping("/listMobilePhones")
    public String listMobilePhones(Model model){
        List<MobilePhoneVO> vos = service.listMobilePhones();
        model.addAttribute("response",vos);
        return "mobilephoneList";
    }

    @GetMapping("/get/{id}")
    @ResponseBody
    public BaseResponse getMobilePhoneById(@PathVariable Long id){
        MobilePhoneVO vo = service.getMobilePhoneById(id);
        return new BaseResponse(vo);
    }

    @PostMapping("/insertMobilePhone")
    @ResponseBody
    public BaseResponse insertMobilePhone(@RequestBody MobilePhoneVO vo){
        return service.insertMobilePhone(vo);
    }

    // 進入編輯頁面
    @GetMapping("/toEditMobilePhone")
    public String toAddMobilePhone(Model model,Long id){
        MobilePhoneVO vo = service.getMobilePhoneById(id);
        model.addAttribute("vo",vo);
        return "toEditMobilePhone";
    }

    @PostMapping("/updateMobilePhone")
    @ResponseBody
    public String updateMobilePhone(@RequestBody MobilePhoneVO vo){
        service.updateMobilePhone(vo);
        return "redirect:mobilephoneList"; // 跳轉至列表頁
    }

    @GetMapping("/delete/{id}")
    @ResponseBody
    public BaseResponse deleteMobilePhoneById(@PathVariable Long id){
        return service.deleteMobilePhoneById(id);
    }
}

  controller 層包括增刪改查接口，同時提供頁面跳轉的接口（此處只做了編輯功能，其余的都類似）。在做增刪改后，一般是跳轉至列表頁面。當然，你也可以加入其它的交互邏輯。

六、創建頁面：

列表頁 mobilephoneList：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>追夢1819的SpringBoot教程</title>
    <style>
        table, table tr th, table tr td {
            border: 1px solid #0094ff;
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <main role="main">
            <div class="content_bottom_right" id="mobilephoneList">
                <div class="input-group">
                    <table class="table text-nowrap imagetable">
                        <thead>
                        <tr>
                            <th>序號</th>
                            <th>名稱</th>
                            <th>價格</th>
                            <th>顏色</th>
                            <th>生產日期</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody th:each="mobilephone,item:${response}">
                        <tr>
                            <td>[[${item.count}]]</td>
                            <td>[[${mobilephone.name}]]</td>
                            <td>[[${mobilephone.price}]]</td>
                            <td>[[${mobilephone.color}]]</td>
                            <td>[[${mobilephone.productionDate}]]</td>
                            <td>
                                <a>詳情</a>
                                <a th:href="@{/mobile/phone/toEditMobilePhone(id=${mobilephone.id})}">編輯</a>
                                <a>刪除</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </main>
    </div>
</div>
</body>
</html>

添加頁：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>追夢1819的SpringBoot教程</title>
</head>
<body class="container">
<br/>
<h2>修改手機</h2>
<br/>
<div>
    <form class="form-horizontal"  th:action="@{/mobile/phone/updateMobilePhone}" th:object="${vo}"  method="post">
        <div>
            <label>名稱</label>
            <input name="name" id="name" th:value="*{name}">
        </div>
        <div>
            <label>顏色</label>
            <input name="color" id="color" th:value="*{color}">
        </div>
        <div>
            <label>價格</label>
            <input name="price" id="price" th:value="*{price}">
        </div>
        <div>
            <label>價格</label>
            <input name="productionDate" id="productionDate" th:value="*{productionDate}">
        </div>
        <input type="submit" value="添加"/>
    </form>
</div>
</body>
</html>

以上頁面說明幾點：

  1. 使用 thymelaf 模板引擎，頁面必須添加 xmlns:th="http://www.thymeleaf.org" ；
  2. 為了簡化代碼，以上只做了編輯頁，其余的詳情什么的，都是相同的用法；
  3. thymelaf 可以與其他框架集成，比如 bootstrap、JQuery 等。

最后，可以看看效果：

最后，補充一些關於thymelaf常用的屬性值配置：

# THYMELEAF (ThymeleafAutoConfiguration)
#開啟模板緩存（默認值：true）
spring.thymeleaf.cache=true 
#Check that the template exists before rendering it.
spring.thymeleaf.check-template=true 
#檢查模板位置是否正確（默認值:true）
spring.thymeleaf.check-template-location=true
#Content-Type的值（默認值：text/html）
spring.thymeleaf.content-type=text/html
#開啟MVC Thymeleaf視圖解析（默認值：true）
spring.thymeleaf.enabled=true
#模板編碼
spring.thymeleaf.encoding=UTF-8
#要被排除在解析之外的視圖名稱列表，用逗號分隔
spring.thymeleaf.excluded-view-names=
#要運用於模板之上的模板模式。另見StandardTemplate-ModeHandlers(默認值：HTML5)
spring.thymeleaf.mode=HTML5
#在構建URL時添加到視圖名稱前的前綴（默認值：classpath:/templates/）
spring.thymeleaf.prefix=classpath:/templates/
#在構建URL時添加到視圖名稱后的后綴（默認值：.html）
spring.thymeleaf.suffix=.html
#Thymeleaf模板解析器在解析器鏈中的順序。默認情況下，它排第一位。順序從1開始，只有在定義了額外的TemplateResolver Bean時才需要設置這個屬性。
spring.thymeleaf.template-resolver-order=
#可解析的視圖名稱列表，用逗號分隔
spring.thymeleaf.view-names=

總結

  至此，基本完成了 SpringBoot + MyBatis + Thymelaf 的綜合演示。功能很簡單，用法也很簡單，只不過做了整體的綜合。本章中演示的 ORM 框架是 MyBatis，讀者可以自行將 SpringBoot + Thymelaf + 其他 ORM 框架整合，以加深理解。
  源碼：我的GitHub



免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 SpringBoot 整合 MyBatis，實現 CRUD 示例 1.SpringBoot整合Mybatis(CRUD的實現) springboot + mybatis 的項目，實現簡單的CRUD Springboot 使用Mybatis對postgreSQL實現CRUD 【學習】整合springboot2.0 和 mybatis，實現基本的CRUD IDEA SpringBoot-Mybatis實現增刪改查(CRUD) 從.Net到Java學習第十一篇——SpringBoot登錄實現 SpringBoot+Mybatis+MybatisPlus整合實現基本的CRUD操作 Springboot集成MongoDB實現CRUD springboot CRUD+分頁（基於Mybatis注解方式）
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM