티스토리 뷰

웹 공부/웹 개발 (APM)

웹 개발 #게시판 글쓰기, 저장, 목록 코드

HACKDUN 2019. 6. 24. 00:23

게시판 글쓰기 폼과 저장, 목록의 코드 입니다~!

직접 만들어서 허술할 수 있으니 참고하세요 ㅎㅎ

 

 

<board.php>

<!DOCTYPE html>
<html lang="en">
  <head>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
       <link rel="stylesheet" type="text/css" href="./main2.css">
    <title>Write</title>
  </head>
  <center>
     <body>

      <table>
      <h3>자유롭게 글을 작성해주세요</h3>

         <form enctype="multipart/form-data" action="write.php" method="post">

         <tr>
            <th>닉네임</th>
            <td><input type="text" name="userId" placeholder="닉네임을 입력하세요"></td>
         </tr>
         <tr>
            <th>비밀번호</th>
            <td><input type="password" name="userPw" placeholder="비밀번호를 입력하세요"></td>
         </tr>
         <tr>
            <th>제목</th>
            <td><input type="text" name="title" placeholder="제목을 입력하세요"></td>
         </tr>
         <tr>
            <th>내용</th>
            <td><textarea cols="40" rows="10" name="content" placeholder="내용을 입력하세요"></textarea></td>
         </tr>
     </table>

         <button type="submit">WRITE</button>
         </form>
         <button type="button"> <a href="./list.php">BOARD LIST</a></button>
         
   </body>
   </center>
</html>

 

<write.php>

<?php

include "./dbConnect2.php"; //dbConnect2.php에는 게시판 글 제목,번호,내용,ID,PW가 저장되는 DB와 연동

   if($title != null) 
   {
      $sql = "insert into store (userId, userPw, title, content)";
      $sql = $sql."values('$userId', '$userPw', '$title', '$content')";
      
      if($mysqli->query($sql)){
         echo "<script>alert('Success'); location.href='list.php';</script>";

      }else{
         echo "<script>alert('Failed');location.href='board.php';</script>";
      }
   }
   else {
         echo "<script>alert('no match');location.href='board.php';</script>";
   }

?>

 

<list.php>

<?
include("./dbConnect2.php");
$query = "select no,userId,title from store";
$result = mysqli_query($mysqli, $query);

?>

<!DOCTYPE html>
<html>
<head>
  <center>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href="main.css">
  <style type="text/css">
    /*td{border:3px solid #323; padding:15px} */
  </style>
  <title>BOARD LIST</title>
</head>
<body>
  <h1>자유롭게 글을 남겨주세요</h1>
  
    <table>
    <tr>
      <td>글 번호</td>
      <td>작성자</td>
      <td>제목</td>
    </tr>
<?
  while($row = mysqli_fetch_row($result))
  {
?>
  <tr>
    <td width="50"><?=$row[0]?></td>
    <td width="70"><?=$row[1]?></td>
    <td width="200"><?=$row[2]?></a></td>
  </tr>
<?
  }
?>
  </table>
  <br>
  

  <button type="button"><a href="./board.php">WRITE</a></button>
  <button type="button"> <a href="./main.php">HOME</a></button>

  </center>
</body>
</html>

 

실행 순서 

1. board.php에 글을 입력하고 저장 버튼 누름

2. write.php가 실행되면서 입력한 글의 내용이 DB에 저장됨

3. list.php에서 저장된 글의 번호, 작성자, 제목이 나타남

 

 

<결과물>

board.php로 만든 글쓰기 폼

 

 

list.php 게시판 목록에 글이 저장된 글 나타남

저작자표시 비영리 변경금지

'웹 공부 > 웹 개발 (APM)' 카테고리의 다른 글

웹 개발 #회원가입 폼, DB 저장 코드  (0) 2019.06.24
웹 개발 #게시판 글 읽기, 수정, 삭제 코드  (0) 2019.06.24
웹개발 (게시판 글 수정 삭제, 글 읽기 추가)  (0) 2019.03.20
웹 개발 (게시판 목록 만들기, 배경 바둑판 오류 수정, 버튼 submit 오류 수정)  (1) 2019.02.07
웹 개발 (게시판 글 DB저장, 로그인, 로그아웃 실행)  (0) 2019.02.07
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday