Организация просмотра теста в обучающем модуле на PHP

Расширенные примеры с кодом и результатом

Пример 1: Полный тест с таймером и автоматической отправкой

Как реализовать обратный отсчёт времени и принудительную отправку?

PHP генерирует временную метку окончания, JavaScript отслеживает оставшееся время и отправляет форму при истечении.

// timer.php
session_start();
$timeLimit = 300; // 5 минут в секундах
if (!isset($_SESSION['end_time'])) {
    $_SESSION['end_time'] = time() + $timeLimit;
}
$remaining = $_SESSION['end_time'] - time();
?>
<script>
var remaining = <?= $remaining ?>;
var timer = setInterval(function() {
    remaining--;
    document.getElementById('timer').innerText = remaining;
    if (remaining <= 0) {
        clearInterval(timer);
        document.getElementById('quizForm').submit();
    }
}, 1000);
</script>
<span id="timer"></span> секунд осталось

// Результат: на странице отображается таймер обратного отсчёта, по истечении форма отправляется автоматически.

Пример 2: Вывод результатов с детализацией по каждому вопросу

Как показать пользователю его ответы и правильные варианты после проверки?

Массив правильных ответов хранится в сессии после проверки, либо считывается из БД. При выводе добавляем стили для верных/неверных ответов.

// Часть обработчика
$userAnswers = $_POST;
$results = [];
foreach ($questions as $q) {
    $correct = $q['correct'];
    $userAnswer = isset($userAnswers['q' . $q['id']]) ? $userAnswers['q' . $q['id']] : '';
    $isCorrect = ($userAnswer == $correct);
    $results[] = [
        'question' => $q['question'],
        'user_answer' => $userAnswer,
        'correct_answer' => $correct,
        'is_correct' => $isCorrect
    ];
}
$_SESSION['results'] = $results;

// На странице результата можно вывести таблицу: номер вопроса, ответ пользователя, правильный ответ, иконка успеха/неудачи.

Пример 3: Импорт теста из JSON и динамический рендеринг

Как загрузить вопросы из внешнего файла JSON?

Используем file_get_contents и json_decode для чтения, затем рендерим аналогично.

$json = file_get_contents('questions.json');
$questions = json_decode($json, true);
// Далее такой же код, как с БД, только без PDO.

// Вопросы отобразятся корректно. JSON должен иметь структуру:
[{"id":1,"question":"...","opt1":"...","opt2":"...","correct":1}, ...]

Пример 4: Асинхронная проверка ответов один за другим

Как проверять каждый ответ сразу после выбора (без кнопки 'Отправить')?

Используется AJAX: onChange на radio-кнопках отправляет выбранный ответ на сервер, сервер возвращает правильность, и на странице отображается зелёный/красный индикатор.

// quiz.js
document.querySelectorAll('input[type="radio"]').forEach(input => {
    input.addEventListener('change', function() {
        const formData = new FormData();
        formData.append('question_id', this.name.replace('q', ''));
        formData.append('answer', this.value);
        fetch('check_answer.php', { method: 'POST', body: formData })
        .then(res => res.json())
        .then(data => {
            if (data.correct) {
                this.parentElement.style.color = 'green';
            } else {
                this.parentElement.style.color = 'red';
            }
        });
    });
});

// После выбора ответа цвет меняется мгновенно, пользователь сразу видит результат.

Пример 5: Использование готового PHP-фреймворка (Laravel) для тестов

Как упростить разработку с помощью Laravel?

Создание модели Question, контроллера QuizController, миграции и Blade-шаблонов. Пример маршрута и метода:

// routes/web.php
Route::get('/quiz', [QuizController::class, 'show']);
Route::post('/quiz', [QuizController::class, 'check']);

// QuizController.php
public function show() {
    $questions = Question::all();
    return view('quiz.show', compact('questions'));
}

// В Blade-шаблоне используется цикл @foreach и форма с CSRF. Результат возвращается с сессионным сообщением.