spring boot開發web項目實現數據的增、刪、改、查的demo

環境介紹

開發工具：

　　IntelliJ IDEA 2020.1.2 (Ultimate Edition)

開發框架：

　　spring boot 2.3.1

　　數據持久層框架：MyBatis

　　模板引擎：Thymeleaf（spring boot默認模板）

　　web服務器：Tomcat9.0（spring boot內置）

數據庫：

MySQL

一、准備數據

+----+--------+-------+
| id | name | power |
+----+--------+-------+
| 1 | 關羽 | 99.2 |
| 2 | 呂布 | 99.9 |
| 3 | 張飛 | 98.5 |
+----+--------+-------+

說明：mysql本地數據庫，數據庫名為"study"，表名"hero"。

二、創建spring boot項目

1、使用Initializr方式智能創建，需要接入外網

 

2、填寫組織名和項目名即可，其它默認。

 

 

3、選擇依賴

（1）Spring web

 

 

（2）MyBatis Framework依賴和MySQL Driver依賴。

 

 

（3）模板引擎Thymeleaf依賴

 

 

4、完成

 三、配置

src/main/resources/application.properties

# 視圖引擎thymeleaf的配置
# 開啟緩存，在開發階段可關閉，部署后可開啟
spring.thymeleaf.cache=true
spring.thymeleaf.encoding=utf-8
spring.thymeleaf.mode=HTML
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html

# mysql數據庫的配置（版本8.0）
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.url=jdbc:mysql://localhost:3306/study?serverTimezone=UTC
spring.datasource.username=root
spring.datasource.password=root

 

四、開發

1、實體類

Hero.java

package com.zyz.demo4.domain;

/**
 * Hero類跟表hero一一對應
 */
public class Hero {
    private Integer id;

    public Integer getId() {
        return id;
    }

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

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public Float getPower() {
        return power;
    }

    public void setPower(Float power) {
        this.power = power;
    }

    private String name;
    private Float power;
}

2、Mapper接口

HeroMapper.java

package com.zyz.demo4.mapper;

import com.zyz.demo4.domain.Hero;
import org.apache.ibatis.annotations.*;

import java.util.List;

@Mapper
public interface HeroMapper {

    @Select("select * from hero")
    public List<Hero> list();

    @Select("select * from hero where id=#{id}")
    public Hero get(Integer id);

    @Insert("insert into hero(name,power) values(#{name},#{power})")
    public void add(Hero hero);

    @Delete("delete from hero where id=#{id}")
    public void delete(Integer id);

     @Update("update hero set name=#{name},power=#{power} where id=#{id}")
    public void update(Hero hero);

}

3、控制器

package com.zyz.demo4.controller;

import com.zyz.demo4.domain.Hero;
import com.zyz.demo4.mapper.HeroMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestParam;

/**
 * 控制器
 */
@Controller
public class HeroController {
    @Autowired
    private HeroMapper heroMapper;

    /**
     * 列表
     * @param model
     * @return
     */
    @GetMapping("/list")
    public String list(Model model) {
        model.addAttribute("heros", heroMapper.list());
        return "list";
    }

    /**
     * 表單（新增/編輯）
     * @param action  請求參數，若值為add表示新增
     * @param model
     * @return
     */
    @GetMapping("/heroForm")
    public String heroForm(@RequestParam(name = "action") String action, Model model) {
        if (action.equals("add")) {
            model.addAttribute("hero", new Hero());
        }
        return "hero_form";
    }

    /**
     * 保存（新增/更新）
     * @param hero
     * @return
     */
    @PostMapping("/save")
    public String save(@ModelAttribute Hero hero) {
        if (hero.getId() == null) {//根據表單中的id字段是否為空來進行新增或修改
            heroMapper.add(hero);
        } else {
            heroMapper.update(hero);
        }
        return "redirect:/list";
    }

    /**
     * 刪除
     * @param id
     * @return
     */
    @GetMapping("/delete")
    public String delete(@RequestParam(name = "id") Integer id) {
        heroMapper.delete(id);
        return "redirect:/list";
    }

    /**
     * 編輯
     * @param id
     * @param model
     * @return
     */
    @GetMapping("/edit")
    public String edit(@RequestParam(name = "id") Integer id, Model model) {
        model.addAttribute("hero", heroMapper.get(id));//獲得指定id對象，帶到表單中
        return "hero_form";
    }

}

4、視圖

（1）表單（新增/修改）

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>編輯</title>
</head>
<body>
<form th:action="@{/save}" method="post" th:object="${hero}">
    <input type="hidden" th:field="*{id}">
    <p>
        姓名：<input type="text" th:field="*{name}">
    </p>
    <p>
        武力：<input type="text" th:field="*{power}">
    </p>
    <p>
        <input type="submit" value="保存">&nbsp;&nbsp;
        <input type="button" value="取消" onclick="window.location.href='/list'">
    </p>
</form>
</body>
</html>

（2）列表

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>三國群英傳</title>
    <style>
        .list{
            margin-top: 10px;
            width:100%;
            border: 1px solid #ccc;
            border-collapse: collapse;
        }
        .list td{
            border: 1px solid #ccc;
            text-align: center;
        }
    </style>
</head>
<body>
<h2 style="text-align: center;">三國群英傳</h2>
<hr>
<div style="width: 600px;margin: auto;">
    <a th:href="@{/heroForm(action=add)}">add</a>
    <table class="list" cellpadding="5">
        <tr>
            <th>id</th>
            <th>name</th>
            <th>power</th>
            <th>action</th>
        </tr>
        <tr th:each="hero:${heros}">
            <td th:text="${hero.id}"></td>
            <td th:text="${hero.name}"></td>
            <td th:text="${hero.power}"></td>
            <td>
                <a th:href="@{/delete(id=${hero.id})}">delete</a>&nbsp;&nbsp;
                <a th:href="@{/edit(id=${hero.id})}">edit</a>
            </td>
        </tr>
    </table>
</div>
</body>
</html>

五、運行效果

添加前列表

 

添加表單

 

 

添加后列表

 

 

六、部署

　　因為新建spring boot項目默認的打包方式為jar包，部署服務器需要一直運行命令：nohug java -jar xxx.jar &。

　　所以要改成war包方式部署

　　1、 在pom.xml中修改打包方式為war

　　　　<packaging>war</packaging>

　　2、在啟動程序相同位置建立類

　　　　ServletInitializer.java

package com.zyz.demo4;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class Demo4Application {

    public static void main(String[] args) {
        SpringApplication.run(Demo4Application.class, args);
    }


}

　　3、在pom.xml中修改maven編譯的jdk版本

<build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
            <plugin>
                <!-- 指定maven編譯的jdk版本 -->
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <version>3.8.1</version>
                <configuration>
                    <verbose>true</verbose>
                    <fork>true</fork>
                    <!--你的jdk地址-->
                    <executable>C:\Java\jdk1.8.0_202\bin\javac.exe</executable>
                </configuration>
            </plugin>
        </plugins>
    </build>

　　4、在終端Terminal執行打包命令

　　　　xxx>mvn clean package

　　5、將war包上傳到tomcat的webapps目錄

　　6、運行

　　　　http://www.syrkitty.com/hero/list

 

七、小結

使用sping boot框架開發web項目相對原生（servlet+jsp+jdbc）開發來說，具有以下優點：

1、沒有了jdbc的底層操作代碼，是因為MyBatis做了ORM映射和封裝DAO操作。

2、使用模板引擎Thymeleaf使用前后端徹底分離，是因為Thymeleaf不允許嵌入Java代碼，

3、spring boot控制器實現了方法到url的映射，而servlet只能做到類到url的映射。

總之，spring boot框架相對原生的web開發來說，大大地減少了代碼量，使用快速開發成為可能。

spring boot提供默認配置，需要使用的技術只要加入starter就配置好了，可以說開箱即用，相對於spring來說，消除了繁瑣的配置，減少了開發的難度，使輕松開發成為可能。