웹 어플리케이션 기초

PHP 실습

이전 예제의 내용을 파일에서 가져와 동적 페이지 구성하기

 

index.php
 
<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body id="target">
    <header>
    <img src="https://s3.ap-northeast-2.amazonaws.com/opentutorials-user-file/course/94.png" alt="생활코딩">
        <h1><a href="/study/index.php">JavaScript</a></h1>
  </header>
    <nav>
        <ol>
    <?php
      echo file_get_contents("list.txt");
    ?>
        </ ol>
    </nav>
  <div id="control">
    <input type="button" value="white" onclick="document.getElementById('target').className='white'"/>
    <input type="button" value="black" onclick="document.getElementById('target').className='black'" />
  </div>
  <article>
  <?php
    if( empty($_GET['id']) == false ) {
      echo file_get_contents($_GET['id'].".txt");
    }
  ?>
  </article>
</body>
</html>

 


list.txt
 
<li><a href="/study/index.php?id=1">JavaScript란?</a></li>
<li><a href="/study/index.php?id=2">변수와 상수</a></li>
<li><a href="/study/index.php?id=3">연산자</a></li>


1.txt
 
<h2>JavaScript란?</h2>
JavaScript는 html을 제어합니다.


2.txt
 
<h2>변수와 상수</h2>
변수는 바뀌는 것 상수는 바뀌지 않은 것


3.txt
 
<h2>연산자</h2>
연산자는 계산하는 것입니다

댓글

댓글 본문
작성자
비밀번호
버전 관리
휴먼밸
현재 버전
선택 버전
graphittie 자세히 보기