服务器之家

服务器之家 > 正文

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

时间:2021-08-31 11:17     来源/作者:True lies2051

导入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

标签:

相关文章

热门资讯

yue是什么意思 网络流行语yue了是什么梗
yue是什么意思 网络流行语yue了是什么梗 2020-10-11
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
背刺什么意思 网络词语背刺是什么梗
背刺什么意思 网络词语背刺是什么梗 2020-05-22
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总
苹果12mini价格表官网报价 iPhone12mini全版本价格汇总 2020-11-13
2021年耽改剧名单 2021要播出的59部耽改剧列表
2021年耽改剧名单 2021要播出的59部耽改剧列表 2021-03-05
返回顶部