使用springboot实现对mysql的表增删改查并与html前端交互

在Spring Boot项目中，通过整合MyBatis或JPA（Java Persistence API）以及Thymeleaf或Spring MVC来操作MySQL数据库，可以实现表的CRUD（创建、读取、更新和删除）操作，并与HTML前端进行交互。

以下是简单的步骤：

1. **添加依赖**:
- 添加Spring Data JPA 或 MyBatis 的依赖到`pom.xml`文件中。

   <dependencies>
       <dependency>
           <groupId>org.springframework.boot</groupId>
           <artifactId>spring-boot-starter-data-jpa</artifactId> <!-- 或者 spring-boot-starter-mybatis -->
       </dependency>
       <!-- 如果使用Thymeleaf作为模板引擎 -->
       <dependency>
           <groupId>org.springframework.boot</groupId>
           <artifactId>spring-boot-starter-thymeleaf</artifactId>
       </dependency>
   </dependencies>

2. **配置数据库连接**:
- 在`application.properties`或`application.yml`中设置数据源信息。

   spring.datasource.url=jdbc:mysql://localhost:3306/mydb
   spring.datasource.username=root
   spring.datasource.password=your_password

3. **创建实体类**（Entity）表示MySQL表结构。

   @Entity
   public class User {
       @Id
       private Long id;
       private String name;
       // getters and setters
   }

4. **创建Repository接口**（通常是接口形式）来定义CRUD方法，使用Spring Data JPA自动生成。

   import org.springframework.data.jpa.repository.JpaRepository;

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

5. **编写服务类**（Service），处理业务逻辑并调用Repository。

   @Service
   public class UserService {
       private final UserRepository userRepository;

       public UserService(UserRepository userRepository) {
           this.userRepository = userRepository;
       }

       public User createUser(User user) {
           return userRepository.save(user);
       }
       // 其他 CRUD 方法...
   }

6. **创建Controller**，处理HTTP请求，与前端通信。

   import org.springframework.web.bind.annotation.*;

   @RestController
   public class UserController {
       private final UserService userService;

       public UserController(UserService userService) {
           this.userService = userService;
       }

       @PostMapping("/users")
       public ResponseEntity<?> createUser(@RequestBody User user) {
           User savedUser = userService.createUser(user);
           return ResponseEntity.ok(savedUser);
       }
   }

7. **前端HTML页面**使用Ajax等技术向Controller发送POST请求，显示结果或跳转。