Система управления задачами на PHP: реализация и варианты

Расширенные примеры с пошаговыми пояснениями

Пример 1: Добавление категорий и приоритетов (MySQL)

Как расширить функционал задач, добавив категории и приоритеты?

Создадим дополнительные таблицы category и приоритет (поле priority).

-- Таблица категорий
CREATE TABLE categories (
    id INT AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(50) NOT NULL
);

-- Таблица задач с новыми полями
CREATE TABLE tasks (
    id INT AUTO_INCREMENT PRIMARY KEY,
    title VARCHAR(255) NOT NULL,
    description TEXT,
    status TINYINT(1) DEFAULT 0,
    priority INT DEFAULT 1,  -- 1 - низкий, 2 - средний, 3 - высокий
    category_id INT,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
    FOREIGN KEY (category_id) REFERENCES categories(id)
);

-- Вставка тестовых категорий
INSERT INTO categories (name) VALUES ('Работа'), ('Личное'), ('Учёба');

Код для добавления задачи с выбором категории:

<?php
// index.php (фрагмент)
$pdo = new PDO('mysql:host=localhost;dbname=test', 'root', '');
$categories = $pdo->query('SELECT * FROM categories')->fetchAll();

if ($action === 'add' && $_SERVER['REQUEST_METHOD'] === 'POST') {
    $title = trim($_POST['title']);
    $priority = (int)$_POST['priority'] ?? 1;
    $category_id = !empty($_POST['category']) ? (int)$_POST['category'] : null;
    
    if ($title) {
        $stmt = $pdo->prepare('INSERT INTO tasks (title, priority, category_id) VALUES (?, ?, ?)');
        $stmt->execute([$title, $priority, $category_id]);
    }
    header('Location: index.php');
    exit;
}
?>
<form method="post" action="?action=add">
    <input type="text" name="title" required>
    <select name="priority">
        <option value="1">Низкий</option>
        <option value="2" selected>Средний</option>
        <option value="3">Высокий</option>
    </select>
    <select name="category">
        <option value="">Без категории</option>
        <?php foreach ($categories as $cat): ?>
            <option value="<?= $cat['id'] ?>"><?= $cat['name'] ?></option>
        <?php endforeach; ?>
    </select>
    <button>Добавить</button>
</form>

Результат:

Форма теперь содержит выпадающие списки для приоритета и категории. При сохранении данные заносятся в связанные столбцы.

Пример 2: Фильтрация и сортировка на стороне сервера (JSON)

Как реализовать фильтр задач по статусу и сортировку по дате?

В случае JSON-файла можно обрабатывать массив средствами PHP.

<?php
$tasks = loadTasks(); // загружаем массив

// Фильтрация
$filterStatus = $_GET['status'] ?? 'all'; // 'all', 'active', 'done'
if ($filterStatus === 'active') {
    $tasks = array_filter($tasks, fn($t) => !$t['done']);
} elseif ($filterStatus === 'done') {
    $tasks = array_filter($tasks, fn($t) => $t['done']);
}

// Сортировка (по названию, по статусу)
$sortBy = $_GET['sort'] ?? 'title';
$order = $_GET['order'] ?? 'asc';
if ($sortBy === 'status') {
    usort($tasks, function($a, $b) use ($order) {
        $cmp = $a['done'] <=> $b['done'];
        return $order === 'desc' ? -$cmp : $cmp;
    });
} else {
    usort($tasks, function($a, $b) use ($order) {
        $cmp = strcmp($a['title'], $b['title']);
        return $order === 'desc' ? -$cmp : $cmp;
    });
}
?>
<!-- HTML часть для выбора параметров -->
<a href="?status=active&sort=status&order=desc">Активные, сначала выполненные</a>

Для наглядности выведем отфильтрованный список:

    
[⬜] Купить молоко
    
[✅] Позвонить клиенту

Пример 3: Использование транзакций в PDO (MySQL)

Как гарантировать целостность данных при массовом обновлении задач?

Предположим, нужно пометить все задачи как выполненные.

<?php
$pdo->beginTransaction();
try {
    $pdo->exec('UPDATE tasks SET status = 1 WHERE status = 0');
    // Другие операции (логирование, обновление счётчика)
    $pdo->exec('UPDATE stats SET last_batch = NOW()');
    $pdo->commit();
    echo 'Все активные задачи выполнены.';
} catch (Exception $e) {
    $pdo->rollBack();
    echo 'Ошибка: ' . $e->getMessage();
}

Результат:

Все активные задачи выполнены.

Пример 4: AJAX для добавления задачи без перезагрузки (JSON + jQuery)

Как улучшить UX, используя асинхронные запросы?

Клиентский код отправляет POST на сервер, сервер возвращает JSON с обновлённым списком.

// server.php (отдельный скрипт)
header('Content-Type: application/json');
$action = $_POST['action'] ?? '';
if ($action === 'add') {
    $title = trim($_POST['title']);
    if ($title) {
        $_SESSION['tasks'][] = ['title' => $title, 'done' => false];
        echo json_encode(['success' => true, 'tasks' => $_SESSION['tasks']]);
        exit;
    }
}
echo json_encode(['success' => false]);

JavaScript:

$('#form').on('submit', function(e) {
    e.preventDefault();
    $.post('server.php', { action: 'add', title: $('#title').val() }, function(data) {
        if (data.success) {
            // Обновляем список на странице
            renderTasks(data.tasks);
        }
    }, 'json');
});

Результат:

При отправке формы страница не перезагружается, новый элемент появляется мгновенно.