Skip to main content Link Search Menu Expand Document (external link) Copy Copied
망고는 코딩대장
top
  1. 01 SQL로 게시판 만들기(DB생성)
    1. 01-1 DB 구축
    2. 01-2 테이블생성
  2. 02 서버만들기
    1. 02-1 index.php
    2. 02-2 write.php
    3. 02-3 insert.php
      1. mysqli_connect 함수
    4. 02-4 insert.php 이어서 작성
    5. 02-5
      1. INSERT Statement ,mysqli_query
  3. 03 저장된 글목록 출력
    1. 03-1 글목록 생성
    2. 03-2 글목록 출력
      1. mysqli_fetch_array()
  4. 04 view.php
  5. 05-닷홈에 올리기

관련링크

🔗php_setcookie

🔗php_$_COOKIE

🔗php_session_destroy

🔗php_session_unset

🔗mySql

🔗mySql_statements

01 SQL로 게시판 만들기(DB생성)

😺 SQL 이란? 데이터를 관리하기 위해 설계된 특수 목적의 프로그래밍 언어

◾ 게시판구현을 위해 알아야 할것

◾Create(생성), Read(조회), Update(수정), Delete(삭제)

◾ 필요한 개발환경 서버(xmapp)를 설치하고 데이터 베이스(mango_board)를 생성 할 테이블(free_board)생성

01-1 DB 구축

우리가 만들 테이블의 정보는 아래와 같다

서버 : xmapp데이터베이스명 : mango_board테이블명 : free_board
  1. xmapp control-panel열기
  2. phpMyAdmin 에 로그인한다
  3. 사용자추가
  4. 아래의 이미지를 보고 체크된 부분처럼 기재한다. 비밀번호는 쉬운걸로 하자

01-2 테이블생성

생성할 테이블의 구조는 아래와 같다

종류이름설명 
테이블명free_board  
컬럼(필드)명numberINT자동으로 숫자를 올리는 auto_increment PK
 namevarchar(100)글쓴이
 messagevarchar(255)메시지

만들어보자

  1. create new table 클릭

  2. 이미지의 표시된 정보를 입력후 실행 클릭 -> 오류메시지 출력시 모두 무시 클릭

  3. 이미지의 표시된 부분만 해당 정보를 입력한다. 나머지는 그냥둠

  4. 3 단계에서 primary 선택시 아래와 같은 화면이 뜨면 실행을 누르면 된다.

  5. sql 미리보기 클릭

  6. 설정값 확인후 저장클릭

  7. 설정값 확인후 저장클릭

02 서버만들기

Structure of a server

htdocs/
└── board/
    ├── index.php(글조회,검색,삭제)
    ├── view.php(글보기)
    ├── write.php(글작성)
    ├── insert.php(글입력)
    ├── delete.php(글삭제)
    ├── search.php(검색)
    └── list.php(글목록)

02-1 index.php

  1. xmapp/htdocs/board 생성
  2. board/index.php 생성 후 코드작성
  • 글쓰기 링크 클릭시 write.php 문서로 이동

index.php

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>망고네 자유 게시판</title>
  </head>

  <body>
    <h1>자유 게시판</h1>
    <h2>글 목록</h2>

    <hr />
    <p><a href="write.php">글쓰기</a></p>
    <hr />
  </body>
</html>
  1. 작성후 localehost/board 에서 확인

02-2 write.php

  1. board/write.php 생성

  2. 글작성을 하는 페이지이다.
    form 태그와 input 의 속성들이 실제 동작하는것을 확인하면서 코딩한다.

form action ="전송할 파일,폴더의 주소"

input name ="db field name"

write.php

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>글쓰기</title>
  </head>

  <body>
    <h1>글쓰기</h1>
    <!-- action=전송할 주소  -->
    <form action="insert.php" method="post">
      <p>
        <label for="name">작성자:</label>
        <!-- name=테이블의 필드명 -->
        <input type="text" id="name" name="name" />
      </p>
      <p>
        <label for="message">메시지:</label>
        <textarea name="message" id="message" cols="30" rows="10"></textarea>
      </p>
      <!-- submit 버튼을 클릭하면 form 의 액션 값의 주소로 데이터가 전송된다 -->
      <input type="submit" value="글쓰기" />
    </form>
  </body>
</html>
  • index.php 에서 글쓰기 클릭시 write.php로 이동하는지 확인한다

02-3 insert.php

🔗공식사이트

🔑 DB와 연동해서 작동할 페이지

  • view.php

  • insert.php

  • delete.php

  • search.php

  • list.php

  • search.php

위의 파일들은 mango_board DB에 접근하여 freeboard 테이블 내용을 조회할수 있어여 한다

mysqli_connect 함수

함수명문법설명
mysqli_connectmysqli_connect( 서버주소, mysql사용자아이디, mysql사용자비밀번호, 데이터베이스이름,(옵션: port, socket) );MySQL server 나 MariaDB Server에 연결

mysqli_connect 함수는 MySQL server에 연결해주는 함수로 db에 접근해야 할 경우 문서의 최상단에 작성을 해야한다.

insert.php

<?php
  //변수 conn 에 mysqli_connect(서버주소, mysql사용자아이디, mysql사용자비밀번호, 데이터베이스이름) 할당
  //$conn=mysqli_connect("localhost","내닷홈db아이디","내닷홈db비번","내닷홈db명");
  $conn=mysqli_connect("localhost","root","","mango_board");
  if(!$conn){ //변수conn 이 false 일경우
    echo 'db에 연결하지 못했습니다.'. mysqli_connect_error(); //문자열과 함께 에러메시지 출력함수 실행
  } else{
    echo 'db에 접속했습니다'; //성공시 출력할 문자열
  }

  mysqli_close($conn); //접속을 끊는다
  print "<hr/><a href='index.php'>메인화면으로 이동하기</a>"; // 메인화면으로 이동할수 있는 링크 출력
?>

여기까지 sql 서버에 연결이 되고 메시지를 출력하는지 확인해본다

02-4 insert.php 이어서 작성

  1. 사용자가 write.php에 작성한 글을 전송하면 insert.php에서 값을 저장하여 DB에 추가하는 역할을 한다.

  2. 사용자가 전달하는 데이터를 저장하는지 확인해보는 코드를 작성하자 2-1. mysqli_close($conn); 접속을 끊는 함수 이전에 작성한다.

insert.php


$user_name = $_POST['name'];
$user_msg = $_POST['message'];
print $user_name;
print $user_msg;

여기까지 확인해본다

  • write.php 에서 글 작성후 글쓰기 클릭
  • insert.php 에서 내용 확인

02-5

데이터베이스 조작어 > Create, Read, Update, Delete 관련 명령이 가장 기본이다

INSERT Statement ,mysqli_query

INSERT Statement 테이블에 새로운 레코드(행)을 추가하는 명령어

공식 사이트의 가이드를 보면 아래 그램과 같은 예시를 확인할수 있다.

간단한 문법 insert into 테이블명(컬럼1, 컬럼2) values (컬럼1, 컬럼2)

  • 이전의 print 명령은 삭제후 insert문을 작성한다

  • mysqli_query(([연결 객체], [쿼리]) 는 mysqli_connect 로 연결된 객체를 반환한다
  • 이 함수는 해당 구문의 실행에 실패하면 FALSE를 반환한다

insert.php

//  print $user_name;
//  print $user_msg;

//변수sql = 추가(테이블free_board (컬럼name=$user_name,message=$user_msg))
$sql = "INSERT INTO free_board (name, message) VALUES ('$user_name', '$user_msg')";

//result= mysqli_connect 객체와 INSERT 문으로  추가된 데이터가 저장됨
$result = mysqli_query($conn, $sql);
if($result === false){  //result 반환값이 false이면
    echo '저장 실패';
    error_log(mysqli_error($conn));//에러 로그 기록
}else{
    echo '저장 성공';
}

mysqli_close($conn);  //연결종료

print "<hr/><a href='index.php'>메인화면으로 이동하기</a>";

  1. 실행화면을 확인해본다

  2. phpMyAdmin 에 저장된 DB도 확인해본다

  3. 글을 몇개 더 올려보자

03 저장된 글목록 출력

03-1 글목록 생성

  1. insert.php 의 sqlconnect 부분을 복사해서 index.php에 붙여넣는다

  2. $sql 은 글의 목록을 조회하는 내용으로 변경한다.
    • $sql = "INSERT INTO free_board (name, message) VALUES ('$user_name', '$user_msg')";
    • $sql = "SELECT * FROM free_board";

    • 🔑테이블의 데이터를 조회하는 함수: SELECT * FROM 테이블명 {: .text-red-300}

  3. 다양한 방법으로 결과 출력하기
    • $result 의 결과를 출력해보면 아래의 이미지와 같다
    • 함수명기능
      echo값을 그대로 출력
      print값을 그대로 출력
      print_r()배열, 객체의 모양을 그대로 출력
      var_dump()배열, 객체를 자세히 출력

index.php


<body>
  <h1>자유 게시판</h1>
  <h2>글 목록</h2>
  <ul>
    <?php
    $conn = mysqli_connect("localhost", "root", "", "mango_board");

    if (!$conn) {
      echo 'db에 연결하지 못했습니다.' . mysqli_connect_error();
    } else {
      echo 'db에 접속했습니다!!!';
    }
    // free_board 테이블에서 글 조회 SELECT * FROM 테이블명
    $sql = "SELECT * FROM free_board"; 
    //$result 결과 저장
    $result = mysqli_query($conn, $sql);
    //결과를 반복문으로 동적요소 생성
    ?>
  </ul>
  <hr />
  <p><a href="write.php">글쓰기</a></p>
  <hr />
</body>

03-2 글목록 출력

  1. $result 의 값을 동적요소로 생성하여 html 문서에 출력하자
  2. 동적요소 생성순서
    • 전역변수로 빈 문자열을 준비한다.
    • 반복문으로 동적요소를 반복 생성 한다
    • 전역변수에 반복생성된 요소를 추가한다.
  3. 생성할 요소는 아래의 그림과 같다
🔑요소를 추가하기 
var list=""
var li="li"
list+=li
list+=li

index.php

<ul>
<?php
$sql = "SELECT * FROM msg_board";
$result = mysqli_query($conn, $sql);
// 전역변수로 빈 문자열을 준비
$list = '';

//반복문시작
while($row = mysqli_fetch_array($result)){
  $list = $list."<li>{$row['number']}: <a href=\"view.php?number={$row['number']}\">{$row['name']}</a></li>";           
}
echo $list;
?>
</ul>

출력결과

mysqli_fetch_array()

  • $row = mysqli_fetch_array($result)
    🔗튜토리얼link
    🔗공식link

    • mysqli_fetch_array: mysqli_query를 통해 얻은 result에서 데이터(레코드)를 1개씩 리턴해주는 함수
    • 배열의 요소를 한번씩 순회후 자동 종료함 while 을 이용하여 값호출

결과

04 view.php

글목록 클릭시 내용이 보이는 view를 작성한다

  • index.php의 내용을 다시 살펴보자

  • index.php의 반복문의 일부분을 가져와서 수정하도록 한다

  • view.php 에서는 모든 테이블의 글을 가져와야 하는것이 아니라 목록중에서 선택한 번호에 해당하는 글만 가져와야 한다.

    🔗13.2.13 SELECT Statement

  • mysql 사이트의 조회문을 확인해보면 column명으로 조회하는 예시가 있다. 이것을 수정하자

  • 코드작성

    • 글목록이 있는지를 확인하는 조건문 작성

    view.php

    ```html

<?php $conn = mysqli_connect(“localhost”, “root”, “”, “mango_board”);

if(!$conn){ echo ‘db에 연결하지 못했습니다.’. mysqli_connect_error(); } else{ echo ‘db에 접속했습니다!!!’; }

$view_num = $_GET[‘number’]; $sql = “SELECT * FROM free_board WHERE number = $view_num”; $result = mysqli_query($conn, $sql);

?>

<!DOCTYPE html>

View-망고게시글

자유 게시판

글 내용

글번호: / 글쓴이:


+ 글내용 동적출력
  - $row 에서 number 필드의 값을 글번호에 출력
  - $row 에서 name 필드의 값을 글쓴이에 출력  
  - $row 에서 message 필드의 값을 div에 출력  

  ```php
  <h3>글번호: <?= $row['number'] ?> / 글쓴이: <?= $row['name'] ?> </h3>
  <div><?= $row['message'] ?> </div>
   <?php  }  ?>

  • 메인화면 이동링크 추가

<p><a href="index.php">메인화면으로 돌아가기</a></p>

전체코드 
<?php
$conn = mysqli_connect("localhost", "root", "", "mango_board");

if (!$conn) {
  echo 'db에 연결하지 못했습니다.' . mysqli_connect_error();
} else {
  echo 'db에 접속했습니다!!!';
}
//free_board 테이블에서 글 조회
// SELECT 필드명 FROM 테이블명

$view_num = $_GET['number'];
$sql = "SELECT * FROM free_board WHERE number = $view_num";
$result = mysqli_query($conn, $sql);

?>

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

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>View-망고게시글</title>
</head>

<body>
  <h1>자유 게시판</h1>
  <h2>글 내용</h2>
  <?php
  $conn = mysqli_connect("localhost", "root", "", "mango_board");

  if ($row = mysqli_fetch_array($result)) {
  ?>
    <h3>글번호: <?= $row['number'] ?> / 글쓴이: <?= $row['name'] ?> </h3>
    <div>
     <?= $row['message'] ?>
    </div>
  <?php
  }
  ?>
  <p><a href="index.php">메인화면으로 돌아가기</a></p>

</body>

</html>

05-닷홈에 올리기

  1. 무료호스팅 신청 🔗link
  2. 1단계는 알아서 할것 호스팅 신청이 완료되면 ftp 연결까지 완료할것
  3. 마이닷홈을 클릭하여 db정보를 확인한다.
  4. 상세보기 클릭
  5. 하단의 db정보를 확인후 MySQL 관리 를 클릭하여 PHPMYADMIN에 접속한다. 이때 접속아이디와 비밀번호는 DB 정보대로 작성한다.

  6. 그후 01단계 의 테이블 생성과정을 반복한다.

  7. $conn=mysqli_connect("localhost","내닷홈db아이디","내닷홈db비번","내닷홈db명");
  8. 닷홈연결시 왼쪽의 값으로 수정하여 올린다.