Springboot获取前端反馈信息并存入数据库的实现代码

时间:2022-10-09 23:31:34

导入mybatis依赖

?
1
2
3
4
5
6
<!--mybatis-->
<dependency>
  <groupId>org.mybatis.spring.boot</groupId>
  <artifactId>mybatis-spring-boot-starter</artifactId>
  <version>2.0.1</version>
</dependency>

yml实现mybatis依赖

?
1
2
3
4
5
6
7
8
9
10
spring:
 datasource:
  driver-class-name: com.mysql.cj.jdbc.Driver
  url: jdbc:mysql://localhost:3306/yanan_user #写自己的数据库名
  username: root
  password: 123456 #自己的账号密码
mybatis:
 type-aliases-package: com.wjr.pojo
 configuration:
  log-impl: org.apache.ibatis.logging.stdout.StdOutImpl

编写前端代码

自行导入jQuery包,并调用

(form表单)

?
1
2
3
4
5
6
7
<form>
  <input type="text" name="name" placeholder="请输入您的姓名" required="">
  <input type="email" name="email" placeholder="请输入您的邮箱" required="">
  <input type="text" name="telephone" placeholder="请输入您的联系方式" required="">
  <textarea name="message" placeholder="请您提出您的宝贵建议,我们将认真阅读" required=""></textarea>
  <input class="btn1" type="button" value="提交" onclick="send(this.form)">
</form>

(ajax请求)

?
1
2
3
4
5
6
7
8
9
10
11
12
<script>
    function send(fdform){
      alert(fdform);
      var fdj = {name:fdform.name.value,email:fdform.email.value,telephone:fdform.telephone.value,message:fdform.message.value};
      $.ajax({
        url:"jsonfb",
        data:fdj,
        contentType:"application/json",
        type:"GET"
      })
    }
</script>

编写数据库信息

?
1
2
3
4
5
6
7
8
9
10
11
12
@Data //这里导入了lombok依赖
@Table(name = "feedback")
public class Feedback {
  @Id
  //主键回填
  @KeySql(useGeneratedKeys = true)
  private int id;
  private String name;
  private String email;
  private String telephone;
  private String message;
}

编写insert方法(mapper层接口)

?
1
2
3
4
5
@Repository
public interface FeedbackMapper {
  @Insert({"insert into feedback(name,email,telephone,message) values('${feedback.name}','${feedback.email}','${feedback.telephone}','${feedback.message}')"})
  int add(@Param("feedback") Feedback feedback);
}

编写接口(service层)

?
1
2
3
public interface FeedbackService {
  int addFeedback(String name, String email, String telephone,String message);
}

编写接口实现(serviceImpl层)

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
@Service
public class FeedbackServiceImpl implements FeedbackService{
  @Autowired
  private FeedbackMapper feedbackMapper;
  @Override
  public int addFeedback(String name, String email, String telephone,String message){
    Feedback fb = new Feedback();
    fb.setName(name);
    fb.setMessage(message);
    fb.setTelephone(telephone);
    fb.setEmail(email);
    return feedbackMapper.add(fb);
  }
}

接收信息并存入数据库(controller层)

?
1
2
3
4
5
6
7
8
@Autowired
  FeedbackServiceImpl feedbackServiceImpl;
  @RequestMapping(value = "/jsonfb") //和ajax请求中url相对应
  public String json(Feedback feedback){
    System.out.println(feedback);
    int f = feedbackServiceImpl.addFeedback(feedback.getName(), feedback.getEmail(), feedback.getTelephone(), feedback.getMessage());
    return "contact";
  }

pom.xml完整依赖

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
     xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <parent>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-parent</artifactId>
    <version>2.4.3</version>
    <relativePath/> <!-- lookup parent from repository -->
  </parent>
  <groupId>com.wjr</groupId>
  <artifactId>yanan</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  <name>yanan</name>
  <description>Demo project for Spring Boot</description>
  <properties>
    <java.version>1.8</java.version>
  </properties>
  <dependencies>
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-web</artifactId>
    </dependency>
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-test</artifactId>
      <scope>test</scope>
    </dependency>
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>druid</artifactId>
      <version>1.1.6</version>
    </dependency>
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-configuration-processor</artifactId>
      <optional>true</optional>
    </dependency>
<!--    mybatis-->
    <dependency>
      <groupId>org.mybatis.spring.boot</groupId>
      <artifactId>mybatis-spring-boot-starter</artifactId>
      <version>2.0.1</version>
    </dependency>
    <dependency>
      <groupId>org.projectlombok</groupId>
      <artifactId>lombok</artifactId>
    </dependency>
    <dependency>
      <groupId>mysql</groupId>
      <artifactId>mysql-connector-java</artifactId>
      <version>8.0.23</version>
    </dependency>
    <dependency>
      <groupId>tk.mybatis</groupId>
      <artifactId>mapper-spring-boot-starter</artifactId>
      <version>2.1.5</version>
    </dependency>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <scope>test</scope>
    </dependency>
    <dependency>
      <groupId>org.springframework.boot</groupId>
      <artifactId>spring-boot-starter-thymeleaf</artifactId>
    </dependency>
  </dependencies>
  <build>
    <plugins>
      <plugin>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-maven-plugin</artifactId>
      </plugin>
      <plugin>
        <groupId>org.apache.maven.plugins</groupId>
        <artifactId>maven-resources-plugin</artifactId>
        <version>2.4.3</version>
      </plugin>
    </plugins>
  </build>
</project>

注:一个简单的实现获取前端反馈信息存入数据库操作,自行尝试,如果有报错,请看注解是否正确,还可能存在各种版本问题;

到此这篇关于Springboot获取前端反馈信息并存入数据库的实现代码的文章就介绍到这了,更多相关Springboot数据库内容请搜索服务器之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持服务器之家!

原文链接:https://blog.csdn.net/weixin_46046339/article/details/115285160