관리자 - 회원관리 페이지 UI

이태현·2025년 7월 25일

Web 개발

목록 보기
18/53
post-thumbnail

Admin Page

  • 관리자 페이지의 메인 페이지입니다.
  • 회원관리 및 게시판 관리를 하기 위함입니다.
  • 해당 파일들은 Admin 폴더 안에 들어있습니다.

관리자 메인화면 - index.php

  <?php

  $g_title = "해커들의 놀이터";
  $js_array = ["../js/home.js"];
  $menu_code = "home";

  include "inc_common.php";
  include "inc_header.php";
  ?>
  <main class="w-75 mx-auto border rounded-5 p-5 d-flex gap-5" style="height: calc(100vh - 265px);">
    <img src="images/logo.svg" alt="" class="w-50">
    <div>
      <h3>관리자 홈</h3>
    </div>
  </main>
  <?php
  include "inc_footer.php";
  ?>

inc_header.php

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr" crossorigin="anonymous">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js" integrity="sha384-ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="../css/stipulation.css">
  <?php
  if (isset($js_array)) {
    foreach ($js_array as $var) {
      echo "<script src='" . $var . "?v=" . date("YmdHis") . "'></script>";
    }
  } ?>
  <title><?= (isset($g_title) && $g_title != "" ? $g_title : "해커들의 놀이터"); ?></title>
</head>

<body>
  <div class="container">
    <header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
      <a href="index.php" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none">
        <img src="../images/logo.svg" alt="" class="me-2">
        <span class="fs-4">해커들의 놀이터</span>
      </a>
      <ul class="nav nav-pills">

        <li class="nav-item">
          <a href="index.php" class="nav-link <?= $menu_code == "home" ? "active" : ""; ?>" aria-current="page">Home</a>
        </li>
        <li class="nav-item">
          <a href="member.php" class="nav-link <?= $menu_code == "member" ? "active" : ""; ?>">회원관리</a>
        </li>
        <li class="nav-item">
          <a href="board.php" class="nav-link <?= $menu_code == "board" ? "active" : ""; ?>">게시판관리</a>
        </li>
        <li class="nav-item">
          <a href="../pg/logout.php" class="nav-link <?= $menu_code == "login" ? "active" : ""; ?>">로그아웃</a>
        </li>

      </ul>
    </header>
  • Admin 페이지 부분에 헤더입니다.
  • 관리자는 이미 로그인이 되어있는 상태이기 때문에 조건을 따로 주지 않습니다.

inc_footer.php

</div>
<footer class="footer bg-primary py-3 mt-5">
  <div class="container d-flex gap-2">
    <img src="../images/logo.svg" alt="" class="mt-2">
    <div class="d-flex flex-column mt-2">
      <span class="text-bg-primary">서울시 OOOO1번지 ()123456</span>
      <span class="text-bg-primary">대표 : 이태현</span>
      <span class="text-bg-primary">Tel : 02-123-4567 Fax : 02-1111-2222</span>
    </div>
  </div>
</footer>
</body>

</html>

inc_common.php

<?php
session_start();

$ss_id = (isset($_SESSION["id"]) && $_SESSION["id"] != "") ? $_SESSION["id"] : "";
$ss_level = (isset($_SESSION["level"]) && $_SESSION["level"] != "") ? $_SESSION["level"] : "";

if ($ss_id == "" || $ss_level != 99) {
  die("<script>
    alert('관리자 권한이 없습니다.');
    location.href = '../index.php'
  </script>");
}
  • Admin 페이지에 전부 적용되기에 공통 파일로 분리해놨습니다.

마무리

다음 시간에는 회원관리 목록 출력 및 페이지 네이션 pagination을 해보겠습니다.

글 봐주셔서 감사합니다.

profile
이해하고 분석하고 지배한다

0개의 댓글