Springboot獲取前端反饋信息並存入數據庫的實現代碼

導入mybatis依賴

<!--mybatis-->
<dependency>
  <groupId>org.mybatis.spring.boot</groupId>
  <artifactId>mybatis-spring-boot-starter</artifactId>
  <version>2.0.1</version>
</dependency>

yml實現mybatis依賴

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表單)

<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請求)

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

編寫數據庫信息

@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層接口)

@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層)

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

編寫接口實現(serviceImpl層)

@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層)

@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完整依賴

<?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數據庫內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet!

推薦閱讀:

    None Found