[PHP] CSS 제어 프로그램 만들기 (6/8) - CSS 파일 만들기

2022. 10. 19. 21:21무료강좌&튜토리얼/PHP

[PHP] CSS 제어 프로그램 만들기 (6/8) - CSS 파일 만들기

 

[코드 165]의 파일인 [index.php]의 4라인에 명시된 [167_layoutCSS.php] 파일을 생성해보자.

이 파일은 controlCSS 테이블의 데이터를 불러와 CSS 코드를 생성하는 기능을 한다.

[예제: 167_layoutCSS.php ]

<?php
    header("Content-type: text/css");

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

    $sql = "SELECT * FROM controlCSS";
    $result = $dbConnect->query($sql);

    $dataCount = $result->num_rows;

    $cssSource = '';

    for ($i = 0; $i < $dataCount; $i++) {
      $cssInfo = $result->fetch_array(MYSQLI_ASSOC);
      $cssSource .= "#" . $cssInfo['selectorName'] . "{float:" . $cssInfo['floata'] . "; width:" . $cssInfo['width'] . "px; ";
      $cssSource .= "height:" . $cssInfo['height'] . "px; background:" . $cssInfo['background'] . "; margin-yop:" . $cssInfo['marginTop'] . "px; ";
      $cssSource .= "margin-right:" . $cssInfo['marginRight'] . "px; margon-bottom:" . $cssInfo['marginBottom'] . "px; ";
      $cssSource .= "margin-left:" . $cssInfo['marginLeft'] . "px;}";
    }

    echo $cssSource;
?>

css파일은 확작장가 원래 css이다. 하지만 이 예제에서는 css를 데이터베이스에서 값을 가져오는 방식을 사용하므로 php프로그래밍이 가능하도록 link 태그에서 불러오는 파일의 확장자를 php로 만들었다. 대신 이 파일이 css용 파일이라는 의미로 php의 header 태그를 사용하여 content-type을 css로 인식하도록 한다.

 

 실행 URL은 http://localhost/php/csscontrolpanel/controlCSS/167_layoutCSS.php 이다.

실행결과

 

 

 


 

 

 

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