Spring Boot入门（4）提交表单并存入MySQL数据库-白红宇

Spring Boot入门（4）提交表单并存入MySQL数据库

阅读量：6805 次

发布时间：2019-06-26

本文共 7941 字，大约阅读时间需要 26 分钟。

项目介绍

在前两篇博客：和中，我们已经掌握了如何在Spring Boot中操作MySQL数据库以及网页中的表单。本次分享讲结合以上两篇博客，实现的功能为：在网页中提交表单，并且将表单中的数据存入MySQL中。

网页表单的内容如下图：

表单的内容

提交表单数据后，后台会将数据插入到MySQL中的表格，并且可以通过页面来展示插入的所有记录。整个处理流程和代码不会很复杂，所以，下一步，我们就直接进入项目！

程序

新建formIntoMySQL项目，配置其起步依赖为Web, Thymeleaf, JPA, MySQL, 该项目的具体结构如下图所示：

其中划红线的部分为需要修改或者新建的文件。

builg.gradle代码如下：

buildscript {    ext {        springBootVersion = '2.0.1.RELEASE'    }    repositories {        mavenCentral()    }    dependencies {        classpath("org.springframework.boot:spring-boot-gradle-plugin:${springBootVersion}")    }}apply plugin: 'java'apply plugin: 'eclipse'apply plugin: 'org.springframework.boot'apply plugin: 'io.spring.dependency-management'group = 'com.form'version = '0.0.1-SNAPSHOT'sourceCompatibility = 1.8repositories {    mavenCentral()}dependencies {    // https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-web    compile group: 'org.springframework.boot', name: 'spring-boot-starter-web', version: '2.0.0.RELEASE'    // https://mvnrepository.com/artifact/org.springframework.boot/spring-boot-starter-thymeleaf    compile group: 'org.springframework.boot', name: 'spring-boot-starter-thymeleaf', version: '2.0.1.RELEASE'    // JPA Data (We are going to use Repositories, Entities, Hibernate, etc...)    compile 'org.springframework.boot:spring-boot-starter-data-jpa'    // Use MySQL Connector-J    compile 'mysql:mysql-connector-java'    // https://mvnrepository.com/artifact/junit/junit    testCompile group: 'junit', name: 'junit', version: '4.12'}

请注意Web和Thymeleaf的版本，这与后面网页显示和操作的实现有关。

在com.form.formIntoMySQL下新建package entity,其中的User.java为表单中的条目的具体实现的Entity实体类，其代码如下：

package com.form.formIntoMySQL.entity;import javax.persistence.Entity;import javax.persistence.GeneratedValue;import javax.persistence.GenerationType;import javax.persistence.Id;@Entity // This tells Hibernate to make a table out of this classpublic class User {    @Id    @GeneratedValue(strategy=GenerationType.AUTO)    private Integer id;    private String name;    private Integer age;    private String gender;    private String email;    private String city;    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 Integer getAge() {        return age;    }    public void setAge(Integer age) {        this.age = age;    }    public String getGender() {        return gender;    }    public void setGender(String gender) {        this.gender = gender;    }    public String getEmail() {        return email;    }    public void setEmail(String email) {        this.email = email;    }    public String getCity() {        return city;    }    public void setCity(String city) {        this.city = city;    }}

在com.form.formIntoMySQL下新建package Controller,这是存放控制器代码的地方，我们的控制器为UserController.java，其代码如下：

package com.form.formIntoMySQL.Controller;import com.form.formIntoMySQL.entity.User;import com.form.formIntoMySQL.UserRepository;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.*;import org.springframework.beans.factory.annotation.Autowired;@Controllerpublic class UserController {    @Autowired // This means to get the bean called userRepository    // Which is auto-generated by Spring, we will use it to handle the data    private UserRepository userRepository;    @GetMapping("/greeting")    public String greetingForm(Model model) {        model.addAttribute("user", new User());        return "greeting";    }    @PostMapping("/greeting")    public String greetingSubmit(@ModelAttribute User user) {        User newUser = new User();        newUser.setName(user.getName());        newUser.setAge(user.getAge());        newUser.setGender(user.getGender());        newUser.setEmail(user.getEmail());        newUser.setCity(user.getCity());        userRepository.save(user);        return "result";    }    @GetMapping("/all")    public String getMessage(Model model) {        Iterable
    
      users = userRepository.findAll();        model.addAttribute("users", users);        return "all";    }}

接着在com.form.formIntoMySQL下新建UserReposittory.java,来实现CrudRepositoty接口，其代码如下：

package com.form.formIntoMySQL;import org.springframework.data.repository.CrudRepository;import com.form.formIntoMySQL.entity.User;// This will be AUTO IMPLEMENTED by Spring into a Bean called userRepository// CRUD refers Create, Read, Update, Deletepublic interface UserRepository extends CrudRepository
    
      {}

FormIntoMySQLApplication.java代码保持不变，如下所示：

package com.form.formIntoMySQL;import org.springframework.boot.SpringApplication;import org.springframework.boot.autoconfigure.SpringBootApplication;@SpringBootApplicationpublic class FormIntoMySqlApplication {    public static void main(String[] args) {        SpringApplication.run(FormIntoMySqlApplication.class, args);    }}

接着需要配置静态资源，即相关的网页，我们项目中的网页采用Thymeleaf视图来实现，其中greeting.html为初始进去的网页，其代码如下：

    Form Submission    
        
        
            
     
     
    
     Form
        
     
     
        
                 
                      
       Name                
                           
                        
       
            
      
            
                      
       Age                
                           
                        
       
            
      
            
                      
       Gender                
                           
                        
       
            
      
            
                      
       Email                
                           
                        
       
            
      
            
                      
       City

result.html为提交表单后跳转后的页面，其代码如下：

    Handling Form Submission    
        
    
        
     
     
    
     Result
    
     
     
    
             
      
        
      
        
      
        
      
        
      
    
     
    
                     Insert into MySQL successfully!

all.html为显示MySQL数据库表格user中的所有记录的网页，其具体代码如下：

    User list    
        
    
        
     
     
     All Records in Table user
    
     
     
     
                                 NAME                 Age                 Gender                 Email                 City            
                           Jack                 24                 M                 jack@gmail.com                 New York

静态资源也配置好了，最后一步就是配置文件application.properties，其代码如下：

spring.jpa.hibernate.ddl-auto=createspring.datasource.url=jdbc:mysql://localhost:33061/testspring.datasource.username=rootspring.datasource.password=147369server.port=8000

在这里，我们的数据库表格为新建(create)，因为事先不存在user表格，存在后你可以将create操作改为update,这样做能够确保user表格的数据不会被覆盖，而是追加。网页运行端口为8000,MySQL运行端口为33061，这是笔者自己设置过的。

运行

好不容易写完了程序，下一步当然是愉快地运行以及测试。

在浏览器端输入:8000/greeting ,这是我们程序的入口，提交如下表单：

提交表单

点击Submit按钮，将会跳转到结果显示页面，如下图：

结果显示页面

重复以上操作，将以下5条数据用表单提交：

Name: Alex, Age: 24, Gender: F, Email: alex@baidu.com City:BeijingName: Cook, Age: 45, Gender: M, Email: cook@apple.com City:New YorkName: Fork, Age: 31, Gender: F, Email: fork@linux.com City:LondonName: Dan, Age: 17, Gender: M, Email: dan@aliyun.com City:ParisName: Hello, Age: 56, Gender: F, Email: hello@happy.com City:Istanbul

在浏览器中输入localhost:8000/all或在greeting页面中点击“See Records”按钮就能够看到刚才我们插入到MySQL数据库test中表格user的六条数据，如下图：

表格user的所有数据

最后我们去MySQL数据库中查看，里面就有我们刚才提交的表单数据，如下图：

MySQL数据库

结束语

对于初次接触Spring Boot的读者来说，以上程序显得有些复杂、难懂，但是，熟能生巧，只要多加练习，一定会慢慢熟悉Spring Boot的开发流程的。当然，这也是笔者告诉自己的，因为，笔者也是一个新手！

本次项目的Github地址为：欢迎大家访问~~

本次分享终于结束了，接下来还会继续更新Spring Boot方面的内容，欢迎大家交流~~

转载地址：http://dfnwl.baihongyu.com/

你可能感兴趣的文章

Oracle单实例情况下的library cache pin的问题模拟与问题分析