如何使用PHP和Vue实现数据恢复功能

<?php
// 连接到数据库，请确保填写正确的数据库信息
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";

// 创建数据库连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接是否成功
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
}

// 获取用户上次编辑的内容
$sql = "SELECT content FROM user_data WHERE user_id = 1";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        // 返回获取到的内容
        echo $row["content"];
    }
} else {
    // 没有获取到内容，返回空值
    echo "";
}

// 关闭数据库连接
$conn->close();
?>

<template>
  <div>
    <textarea v-model="content" @input="saveContent"></textarea>
  </div>
</template>

<script>
export default {
  data() {
    return {
      content: ''
    }
  },
  methods: {
    saveContent() {
      // 将内容存储到 Vuex 中
      this.$store.commit('saveContent', this.content);
    }
  },
  created() {
    // 通过 Ajax 请求获取之前保存的内容
    this.$http.get('/getPreviousContent')
      .then(response => {
        this.content = response.data;
      });
  },
  beforeDestroy() {
    // 页面关闭时将当前内容保存到 localStorage 中
    localStorage.setItem('previousContent', JSON.stringify(this.content));
  },
  mounted() {
    // 检查 localStorage 中是否有保存的内容
    const previousContent = localStorage.getItem('previousContent');
    if (previousContent) {
      this.content = JSON.parse(previousContent);
    }
  }
}
</script>