当前位置：首页 > PHP

php实现连线题

2026-03-13 09:44:40PHP

PHP实现连线题的基本思路

连线题通常需要前端界面展示题目和选项，后端处理用户提交的连线结果。以下是实现步骤：

前端界面设计

使用HTML和CSS创建连线题界面，通常需要两组元素（如左侧问题和右侧选项）供用户拖拽连线。jQuery UI的Draggable和Droppable组件可以简化实现：

<div class="question-container">
  <div class="question" data-id="1">问题1</div>
  <div class="question" data-id="2">问题2</div>
</div>

<div class="answer-container">
  <div class="answer" data-id="a">选项A</div>
  <div class="answer" data-id="b">选项B</div>
</div>

处理连线交互

使用JavaScript记录用户连线操作，可以通过事件监听实现：

$(".question").draggable({
  revert: "invalid",
  helper: "clone"
});

$(".answer").droppable({
  drop: function(event, ui) {
    var questionId = ui.draggable.data("id");
    var answerId = $(this).data("id");
    // 存储连线关系
  }
});

PHP后端处理

接收前端提交的连线结果并进行验证：

<?php
// 预设的正确答案
$correctAnswers = [
    '1' => 'a',
    '2' => 'b'
];

// 获取用户提交的答案
$userAnswers = json_decode($_POST['answers'], true);

// 验证答案
$score = 0;
foreach ($userAnswers as $questionId => $answerId) {
    if (isset($correctAnswers[$questionId]) && $correctAnswers[$questionId] == $answerId) {
        $score++;
    }
}

// 返回结果
echo json_encode(['score' => $score, 'total' => count($correctAnswers)]);
?>

数据存储设计

如果需要保存连线题结果，可以设计数据库表结构：

CREATE TABLE matching_questions (
    id INT AUTO_INCREMENT PRIMARY KEY,
    question_text TEXT NOT NULL
);

CREATE TABLE matching_answers (
    id INT AUTO_INCREMENT PRIMARY KEY,
    question_id INT NOT NULL,
    answer_text TEXT NOT NULL,
    is_correct BOOLEAN DEFAULT FALSE,
    FOREIGN KEY (question_id) REFERENCES matching_questions(id)
);

CREATE TABLE user_responses (
    id INT AUTO_INCREMENT PRIMARY KEY,
    user_id INT NOT NULL,
    question_id INT NOT NULL,
    answer_id INT NOT NULL,
    response_time TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);