Spring Boot Vue进行数据库增删改查

概述

在现代Web应用程序开发中，数据库增删改查是非常常见且重要的操作。Spring Boot作为一种快速开发框架，提供了丰富的功能和易用的数据库操作工具。而Vue作为一种流行的前端框架，能够方便地与后端进行交互，实现数据的展示和操作。本文将介绍如何使用Spring Boot和Vue实现数据库增删改查功能。

准备工作

在开始之前，我们需要确保已经安装了以下工具和环境：

  • JDK（Java Development Kit）：用于编译和运行Java代码。
  • Maven：用于构建和管理Java项目。
  • Node.js：用于安装和管理前端依赖。
  • Vue CLI：用于创建和管理Vue项目。
  • IntelliJ IDEA（或其他Java开发工具）：用于编写和调试Java代码。
  • Visual Studio Code（或其他前端开发工具）：用于编写和调试Vue代码。

创建Spring Boot项目

首先，我们需要创建一个Spring Boot项目。可以使用Spring Initializr来快速生成项目的基本结构。打开终端或命令提示符，执行以下命令：

$ npx create-spring-boot-app my-app
$ cd my-app

这将创建一个名为my-app的Spring Boot项目，并进入项目目录。

添加依赖

在Spring Boot中，可以通过添加依赖来使用各种功能和库。在本示例中，我们将使用Spring Data JPA和H2数据库。编辑pom.xml文件，添加以下依赖：

<dependencies>
  <!-- Spring Data JPA -->
  <dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-data-jpa</artifactId>
  </dependency>
  <!-- H2 Database -->
  <dependency>
    <groupId>com.h2database</groupId>
    <artifactId>h2</artifactId>
    <scope>runtime</scope>
  </dependency>
</dependencies>

保存并关闭文件。

创建实体类

在Spring Boot中，实体类用于表示数据库中的表。我们将创建一个简单的User实体类。在src/main/java/com/example/myapp目录下，创建一个名为User.java的文件，并添加以下代码：

package com.example.myapp;

import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.GenerationType;
import javax.persistence.Id;

@Entity
public class User {
  
  @Id
  @GeneratedValue(strategy = GenerationType.IDENTITY)
  private Long id;
  
  private String name;
  private int age;
  
  // getters and setters
  
  // toString method
  
}

这个实体类使用了@Entity注解来表示它是一个JPA实体。@Id注解表示id字段是实体的主键。@GeneratedValue注解用于指定主键的生成策略。name和age字段分别表示用户的姓名和年龄。

创建数据访问对象（DAO）

在Spring Boot中，数据访问对象（DAO）用于执行数据库操作。我们将使用Spring Data JPA提供的CrudRepository来实现基本的增删改查操作。在src/main/java/com/example/myapp目录下，创建一个名为UserRepository.java的文件，并添加以下代码：

package com.example.myapp;

import org.springframework.data.repository.CrudRepository;

public interface UserRepository extends CrudRepository<User, Long> {
  
}

这个接口继承了CrudRepository，并指定了实体类User和主键类型Long。这样，我们就可以通过调用UserRepository的方法来执行数据库操作。

创建控制器

在Spring Boot中，控制器用于处理HTTP请求并返回响应。我们将创建一个简单的控制器来处理用户的增删改查请求。在src/main/java/com/example/myapp目录下，创建一个名为UserController.java的文件，并添加以下代码：

package com.example.myapp;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/users")
public class UserController {
  
  @Autowired
  private UserRepository userRepository;
  
  @GetMapping("/")
  public Iterable<User> getAllUsers() {
    return userRepository.findAll();
  }
  
  @PostMapping("/")
  public User createUser(@RequestBody User user) {
    return userRepository.save(user);
  }
  
  @PutMapping