Реализация вкладок в админ-панели на PHP

Дополнительные примеры и расширенное использование

Пример 1: Вкладки с передачей дополнительных параметров (ID раздела) через URL

<?php
$sectionId = $_GET['section_id'] ?? 0;
$activeTab = $_GET['tab'] ?? 'info';
$allowedTabs = ['info', 'prices', 'reviews'];
if (!in_array($activeTab, $allowedTabs)) $activeTab = 'info';
?>
<ul class="nav nav-tabs">
  <li class="nav-item">
    <a class="nav-link <?= $activeTab === 'info' ? 'active' : '' ?>"
       href="?tab=info&section_id=<?= $sectionId ?>">Информация</a>
  </li>
  <li class="nav-item">
    <a class="nav-link <?= $activeTab === 'prices' ? 'active' : '' ?>"
       href="?tab=prices&section_id=<?= $sectionId ?>">Цены</a>
  </li>
  <li class="nav-item">
    <a class="nav-link <?= $activeTab === 'reviews' ? 'active' : '' ?>"
       href="?tab=reviews&section_id=<?= $sectionId ?>">Отзывы</a>
  </li>
</ul>
<div class="tab-content">
  <?php
  $file = __DIR__ . "/tabs/{$activeTab}.php";
  if (file_exists($file)) {
      // Передаем $sectionId в подключаемый файл
      include $file;
  }
  ?>
</div>

Результат: URL вида /admin?tab=prices&section_id=5. При переключении вкладок ID раздела сохраняется, контент зависит от выбранной вкладки и раздела.

Пример 2: Множественные группы вкладок на одной странице (с префиксами)

<?php
// Определяем префиксы для разных групп вкладок
$groups = [
    'tab1' => ['active' => $_GET['tab1'] ?? 'a', 'tabs' => ['a','b','c']],
    'tab2' => ['active' => $_GET['tab2'] ?? 'x', 'tabs' => ['x','y','z']]
];
foreach ($groups as $prefix => &$group) {
    $group['active'] = in_array($group['active'], $group['tabs']) ? $group['active'] : $group['tabs'][0];
}
?>
<div class="tab-group">
  <h3>Первая группа</h3>
  <ul class="nav nav-tabs">
    <?php foreach ($groups['tab1']['tabs'] as $t): ?>
      <li class="nav-item">
        <a class="nav-link <?= $groups['tab1']['active'] === $t ? 'active' : '' ?>"
           href="?tab1=<?= $t ?>&tab2=<?= $groups['tab2']['active'] ?>"><?= strtoupper($t) ?></a>
      </li>
    <?php endforeach; ?>
  </ul>
  <div><?php include "tabs/group1_{$groups['tab1']['active']}.php"; ?></div>
</div>
<div class="tab-group">
  <h3>Вторая группа</h3>
  <ul class="nav nav-tabs">
    <?php foreach ($groups['tab2']['tabs'] as $t): ?>
      <li class="nav-item">
        <a class="nav-link <?= $groups['tab2']['active'] === $t ? 'active' : '' ?>"
           href="?tab1=<?= $groups['tab1']['active'] ?>&tab2=<?= $t ?>"><?= strtoupper($t) ?></a>
      </li>
    <?php endforeach; ?>
  </ul>
  <div><?php include "tabs/group2_{$groups['tab2']['active']}.php"; ?></div>
</div>

Результат: На странице отображаются две независимые группы вкладок. Активное состояние каждой из них передаётся через параметры URL (tab1, tab2) и никак не влияет друг на друга.

Пример 3: Вкладки с формами и сохранением введенных данных при переключении

<?php
session_start();
$activeTab = $_GET['tab'] ?? 'first';
$allowed = ['first', 'second'];
if (!in_array($activeTab, $allowed)) $activeTab = 'first';

// Сохраняем POST-данные в сессию при отправке формы
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['tab_form'])) {
    $_SESSION['tab_form'][$_POST['current_tab']] = $_POST;
    // редирект на ту же вкладку чтобы избежать повторной отправки
    header('Location: ?tab=' . $_POST['current_tab']);
    exit;
}
?>
<form method="post" action="">
    <input type="hidden" name="tab_form" value="1">
    <input type="hidden" name="current_tab" value="<?= $activeTab ?>">
    <ul class="nav nav-tabs">
        <li class="nav-item">
            <a class="nav-link <?= $activeTab === 'first' ? 'active' : '' ?>"
               href="?tab=first">Первая</a>
        </li>
        <li class="nav-item">
            <a class="nav-link <?= $activeTab === 'second' ? 'active' : '' ?>"
               href="?tab=second">Вторая</a>
        </li>
    </ul>
    <div class="tab-content">
        <?php if ($activeTab === 'first'): ?>
            <div>
                <label>Имя:<br>
                    <input type="text" name="name" value="<?= $_SESSION['tab_form']['first']['name'] ?? '' ?>">
                </label>
            </div>
        <?php elseif ($activeTab === 'second'): ?>
            <div>
                <label>Email:<br>
                    <input type="email" name="email" value="<?= $_SESSION['tab_form']['second']['email'] ?? '' ?>">
                </label>
            </div>
        <?php endif; ?>
        <button type="submit">Сохранить</button>
    </div>
</form>

Результат: Данные сохраняются в сессию при отправке формы, и при переключении между вкладками заполненные поля не теряются. Редирект после POST не даёт повторно отправить форму при обновлении страницы.