[PHP] CSS 제어 프로그램 만들기 (8/8) - CSS 정보 저장하기

[PHP] CSS 제어 프로그램 만들기 (8/8) - CSS 정보 저장하기

 

앞에서 생성한 [코드 168]의 form 태그의 action 속성의 값인 [169_controlPanelSave.php] 파일을 생성해보자.

이 파일은 각각의 form 태그가 전송한 값을 전달받아 해당하는 selectorName 필드의 값이 있는 레코드에 입력받은 값을 업데이트한다.

 

다음은 form 태그의 값을 controlCSS 테이블에 저장하는 예제이다.

[예제: 169_controlPanelSave.php ]

<?php
    include_once $_SERVER['DOCUMENT_ROOT'] . '/php/csscontrolpanel/163_connection.php';

    $selectorName = $_POST['selectorName'];

    if ($selectorName == '') {
      echo '값을 입력하세요.';
    } else {
      $float = $_POST['float'];
      $width = (int) $_POST['width'];
      $height = (int) $_POST['height'];
      $background = $_POST['background'];
      $marginTop = (int) $_POST['marginTop'];
      $marginRight = (int) $_POST['marginRight'];
      $marginBottom = (int) $_POST['marginBottom'];
      $marginLeft = (int) $_POST['marginLeft'];

      // upload 할것
      $sql = "UPDATE controlCSS SET floata='{$float}', width='{$width}', height='{$height}', ";
      $sql .= "background='{$background}', marginTop='{$marginTop}', marginRight='{$marginRight}', ";
      $sql .= "marginBottom='{$marginBottom}', marginLeft='{$marginLeft}' WHERE selectorName='{$selectorName}'";

      $result = $dbConnect->query($sql);

      if ($result) {
        echo "변경 완료";
      } else {
        echo "변경 실패";
      }
    }

    echo '<br>';
    echo "<a href='./index.php'>CSS 디자인 페이지로 이동</a>";
    echo '<br>';
    echo "<a href='./168_controlPanel.php'>CSS 컨트롤 페이지로 이동</a>";
?>

여기까지 controlCSS에 데이터를 업데이트하는 코드까지 작성하면서 프로젝트가 완료되었다.

 

이제 실제 CSS의 값을 입력하여 index.php 파일에 있는 태그의 스타일을 적용해보자.

데이터를 입력하는 페이지로 이동한다.

 

실행 URL은 http://localhost/php/csscontrolpanel/controlCSS/168_controlPanel.php 이다.

위와 같이 값을 조정하여 적용을 누르면 아래의 결과와 같이 CSS를 적용되는 것을 확인할 수 있다.

(참고로 예제 파일의 경우 selectorName별로 값을 설정후 각각 적용을 눌러줘야한다...)

 

실행결과

[168_controlPanel.php]에서 각각의 CSS속성의 값을 변경하여 레이아웃을 변경할 수 있다.

 

 

 

---

 

 

 

초보자를 위한 PHP 200제
김태영 지음 | 정보문화사