Flutter保存点赞状态：PHP与MySQL实现方法

本篇文章主要是结合我之前面试的各种经历和实战开发中遇到的问题解决经验整理的，希望这篇《Flutter与PHP/MySQL实现点赞状态保存》对你有很大帮助！欢迎收藏，分享给更多的需要的朋友学习~

本文将指导如何在Flutter应用中使用PHP和MySQL实现点赞按钮状态的持久化。通过在后端存储用户对特定内容的点赞/取消点赞行为，并在应用重新启动时从服务器获取这些数据，确保点赞状态能够被正确记忆和显示，从而提升用户体验。

核心原理

在Flutter应用中，当用户对某个项目进行点赞操作后，若希望该状态在应用关闭并重新打开后依然保持，核心思想是将用户的点赞行为记录在后端数据库中。每次应用启动或相关页面加载时，Flutter应用会向后端请求当前用户的点赞数据，并根据这些数据来初始化和更新点赞按钮的显示状态。这种方法确保了点赞状态的持久性和跨设备同步。

后端实现：PHP与MySQL

1. 数据库设计 我们需要一个专门的表来记录用户与项目之间的点赞关系。假设我们有 users 表（存储用户信息）和 items 表（存储可被点赞的项目信息）。我们可以创建一个 likes 表来记录点赞行为：

   CREATE TABLE likes (
       id INT AUTO_INCREMENT PRIMARY KEY,
       user_id INT NOT NULL,
       item_id INT NOT NULL,
       status TINYINT(1) DEFAULT 1, -- 1 for liked, 0 for unliked
       created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
       updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP,
       UNIQUE KEY (user_id, item_id) -- 确保每个用户对每个项目只有一条记录
   );

   • user_id: 关联 users 表的用户ID。
   • item_id: 关联 items 表的项目ID。
   • status: 表示点赞状态，1为已点赞，0为未点赞（或取消点赞）。
   • UNIQUE KEY (user_id, item_id): 确保一个用户对一个项目只能有一个点赞记录，方便更新。

2. API接口设计 我们需要两个主要的API接口来处理点赞逻辑：

   • toggle_like.php: 用于处理用户点赞/取消点赞的请求。
   • get_user_likes.php: 用于获取某个用户所有已点赞的项目列表。

3. PHP后端代码示例

   • db_connect.php (数据库连接)

     <?php
     $servername = "localhost";
     $username = "your_db_user";
     $password = "your_db_password";
     $dbname = "your_db_name";
     
     // 创建连接
     $conn = new mysqli($servername, $username, $password, $dbname);
     
     // 检查连接
     if ($conn->connect_error) {
         die("Connection failed: " . $conn->connect_error);
     }
     // 设置字符集
     $conn->set_charset("utf8mb4");
     ?>

   • toggle_like.php (处理点赞/取消点赞) 此脚本接收用户ID、项目ID和期望的状态，并据此在 likes 表中插入或更新记录。

     <?php
     include 'db_connect.php';
     
     header('Content-Type: application/json');
     
     $input = json_decode(file_get_contents('php://input'), true);
     
     $userId = $input['user_id'] ?? null;
     $itemId = $input['item_id'] ?? null;
     $status = $input['status'] ?? null; // 1 for like, 0 for unlike
     
     if ($userId === null || $itemId === null || $status === null) {
         echo json_encode(['success' => false, 'message' => 'Invalid input']);
         exit;
     }
     
     // 使用预处理语句防止SQL注入
     $stmt = $conn->prepare("SELECT id FROM likes WHERE user_id = ? AND item_id = ?");
     $stmt->bind_param("ii", $userId, $itemId);
     $stmt->execute();
     $result = $stmt->get_result();
     
     if ($result->num_rows > 0) {
         // 记录存在，更新其状态
         $stmt = $conn->prepare("UPDATE likes SET status = ?, updated_at = NOW() WHERE user_id = ? AND item_id = ?");
         $stmt->bind_param("iii", $status, $userId, $itemId);

今天关于《Flutter保存点赞状态：PHP与MySQL实现方法》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！