PHPで掲示板を作ろう! 掲示板の作成方法まとめ

公開日： 2015/10/09 : 最終更新日：2016/08/24 PHP, 講義基本ルール, 掲示板作成, 独学者向け

さて4回にわけて、掲示板のプログラムを学習してきました。

見た目は超シンプルで実際に動かしてみても、「こんな程度のものしか作れないの？」と思う方は多いかもしれません。

ただ、この基本が一番大事なんです。ここでやったことに関しては他のどのプログラムを作る分野にも共通する基本が書かれています。

ここでは総復習として、4回の内容を総復習したいと思います。

ある程度、PHPを学習している方はこの記事だけで済みます(笑)

Contents

1 ソース
2 既存リンク
3 掲示板の機能
4 掲示板学習で学べること
5 ソース解説
6 カスタマイズ

ソース

<?php
//var_dump($_POST);
//最初に変数を定義しておかないとエラーになる
$err_msg1 = "";
$err_msg2 = "";
$message ="";
$name = ( isset( $_POST["name"] ) === true ) ?$_POST["name"]: "";
$comment  = ( isset( $_POST["comment"] )  === true ) ?  trim($_POST["comment"])  : "";

//投稿がある場合のみ処理を行う
if (  isset($_POST["send"] ) ===  true ) {
    if ( $name   === "" ) $err_msg1 = "名前を入力してください"; 

    if ( $comment  === "" )  $err_msg2 = "コメントを入力してください";

    if( $err_msg1 === "" && $err_msg2 ==="" ){
        $fp = fopen( "data.txt" ,"a" );
        fwrite( $fp ,  $name."\t".$comment."\n");
        $message ="書き込みに成功しました。";
    }

}

$fp = fopen("data.txt","r");

$dataArr= array();
while( $res = fgets( $fp)){
    $tmp = explode("\t",$res);
    $arr = array(
        "name"=>$tmp[0],
        "comment"=>$tmp[1]
    );
    $dataArr[]= $arr;
} 


?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>掲示板</title>
    </head>
    <body>
        <?php echo $message; ?>
        <form method="post" action="">
        名前：<input type="text" name="name" value="<?php echo $name; ?>" >
            <?php echo $err_msg1; ?><br>
            コメント：<textarea  name="comment" rows="4" cols="40"><?php echo $comment; ?></textarea>
            <?php echo $err_msg2; ?><br>
<br>
          <input type="submit" name="send" value="クリック" >
        </form>
        <dl>
         　　<?php foreach( $dataArr as $data ):?>
         　　　　<p><span><?php echo $data["name"]; ?></span>:<span><?php echo $data["comment"]; ?></span></p>
        　　 <?php endforeach;?>
　　　　　</dl>
    </body>
</html>

<?php

//var_dump($_POST);

//最初に変数を定義しておかないとエラーになる

$err_msg1 = "";

$err_msg2 = "";

$message ="";

$name = ( isset( $_POST["name"] ) === true ) ?$_POST["name"]: "";

$comment = ( isset( $_POST["comment"] ) === true ) ? trim($_POST["comment"]) : "";

//投稿がある場合のみ処理を行う

if ( isset($_POST["send"] ) === true ) {

if ( $name === "" ) $err_msg1 = "名前を入力してください";

if ( $comment === "" ) $err_msg2 = "コメントを入力してください";

if( $err_msg1 === "" && $err_msg2 ==="" ){

$fp = fopen( "data.txt" ,"a" );

fwrite( $fp , $name."\t".$comment."\n");

$message ="書き込みに成功しました。";

}

$fp = fopen("data.txt","r");

$dataArr= array();

while( $res = fgets( $fp)){

$tmp = explode("\t",$res);

$arr = array(

"name"=>$tmp[0],

"comment"=>$tmp[1]

);

$dataArr[]= $arr;

}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>

</head>

<body>

<?php echo $message; ?>

名前：<input type="text" name="name" value="<?php echo $name; ?>" >

<?php echo $err_msg1; ?><br>

コメント：<textarea name="comment" rows="4" cols="40"><?php echo $comment; ?></textarea>

<?php echo $err_msg2; ?><br>

<br>

</form>

<dl>

　　<?php foreach( $dataArr as $data ):?>

　　 <?php endforeach;?>

　　　　　</dl>

</body>

</html>

まずは掲示板のソースですね。

これは一番簡単なパターンなので実務でソースを書く場合はちがうように書きますが、とっかかりとしては「とりあえず動かす」ということが重要なのでこのソースにしました。

あとはdata.txtというテキストファイルをこのソースと同じ階層に置きます。

既存リンク

その１ PHPで掲示板を作ろう！掲示板の作成方法その1

その２ PHPで掲示板を作ろう！掲示板の作成方法その2

その3 PHPで掲示板を作ろう！掲示板の作成方法その3
(エラーチェックとファイル書き込み)

その4 PHPで掲示板を作ろう! 掲示板の作成方法その４
(ファイル読み込みとHTML表示)

掲示板の機能

書き込みデータの表示

掲示板なので当然、今までに書き込まれたデータを表示。

画像

エラーチェック

入力欄が名前とコメントの２つですが、未入力時は下記のようにエラーが正常に出力されます。

画像

正常な入力の場合

入力が正常な場合は、下記のように書き込みが成功したというメッセージが表示され、データが保存されます。

画像

掲示板学習で学べること

この掲示板アプリを作ることで学べるスキルを書いておきます。

外部装置へのデータ格納

一番大きいのはここです。

現在皆さんが使っているWEBアプリは中に書かれている文章や、情報を外部にプールしてあります。

ここがHTMLのサイトとの大きな違いでして、HTMLでサイトを作る場合、すべて文章や情報をHTMLのソースの中に書きます。

PHPなどで作るWEBアプリというのはソースの中に情報はないことが一般的です。

そのため、情報を格納しておく外部装置が必要で、テキストファイルを使うケースとデータベースを使うケースがあります。

今回は最初なので、テキストファイルですが、一般的にある程度の規模のアプリは必ずデータベースを使います。

ファイルポインタ

ポインタとは外部装置からデータを読み込むときに必要になる、しおりのようなものです。

厳密にいうと「メモリのアドレス」なんですが、そんな言葉をつかうと初学者は即死するので(爆)とりあえずは「ファイルがどこまで読んだか、書いたかを示す本のしおり」と考えておけばいいかと思います。

配列への格納と操作

ここが初心者にとって最初に乗り越えるべき関門です。

求めるデータを配列にしっかり格納して、表示できるかです。

このサイトはPHPで説明していますがCだろうがJavaだろうが、50年後に生まれるプログラミング言語であろうが、配列(あるいはそれに相当する技術)の操作が一番基本でなおかつ、ずっと使い続けます。

なぜなら人間がデータを認識するのがこの形だからです。

ソース解説

4～8行目　変数とエラーメッセージの定義

$err_msg1 = "";
$err_msg2 = "";
$message ="";
$name = ( isset( $_POST["name"] ) === true ) ?$_POST["name"]: "";
$comment  = ( isset( $_POST["comment"] )  === true ) ?  trim($_POST["comment"])  : "";

$err_msg1 = "";

$err_msg2 = "";

$message ="";

$name = ( isset( $_POST["name"] ) === true ) ?$_POST["name"]: "";

$comment = ( isset( $_POST["comment"] ) === true ) ? trim($_POST["comment"]) : "";

使用される変数の定義と初期化です。

PHPに限らずプログラミングではデータを入れる変数を用意しておく必要があります。

それらの変数を用意しておきましょう。

なお$nameや$commentに関しては投稿があったときと、投稿がなかった時場合を分けて、定義しておく必要があります。

11～22行目入力のエラーチェックと書き込み

if (  isset($_POST["send"] ) ===  true ) {
    if ( $name   === "" ) $err_msg1 = "名前を入力してください"; 

    if ( $comment  === "" )  $err_msg2 = "コメントを入力してください";

    if( $err_msg1 === "" && $err_msg2 ==="" ){
        $fp = fopen( "data.txt" ,"a" );
        fwrite( $fp ,  $name."\t".$comment."\n");
        $message ="書き込みに成功しました。";
    }

}

if ( isset($_POST["send"] ) === true ) {

if ( $name === "" ) $err_msg1 = "名前を入力してください";

if ( $comment === "" ) $err_msg2 = "コメントを入力してください";

if( $err_msg1 === "" && $err_msg2 ==="" ){

$fp = fopen( "data.txt" ,"a" );

fwrite( $fp , $name."\t".$comment."\n");

$message ="書き込みに成功しました。";

}

投稿があった場合には

未入力時のエラーチェック
ファイルへの書き込み

を行う必要がでてきます。

特にファイルへの書き込みは新しい概念なので重要です。

ファイルポインタといわれる「ファイルがどこまで書きこまれたか、読み進んでいるか」といった情報を格納しておくデータの存在が必要になります。

ファイルの読み書きには基本的にはこれを使います。

またテキストファイルだけではなく、データベースでもでてきます。

実をいうとこのファイルポインタを使わずにファイルを読み書きする方法はあるのですが(爆)使えたほうがいいでしょう。

この考え方自体はPHPだけではなく、他のプログラミング言語でも必ず出てくるからです。

24～34行目テキストファイルからの読み込み

$fp = fopen("data.txt","r");

$dataArr= array();
while( $res = fgets( $fp)){
    $tmp = explode("\t",$res);
    $arr = array(
        "name"=>$tmp[0],
        "comment"=>$tmp[1]
    );
    $dataArr[]= $arr;
}

$fp = fopen("data.txt","r");

$dataArr= array();

while( $res = fgets( $fp)){

$tmp = explode("\t",$res);

$arr = array(

"name"=>$tmp[0],

"comment"=>$tmp[1]

);

$dataArr[]= $arr;

}

書き込んだ後は、読み込みになります。

ここでの学習事項は

ファイルポインタを使ってデータの読み込み
文字列→配列→連想配列→多次元配列への格納

ですね。

特に配列の処理は超重要でして、プログラマをやめる日までずっと似たようなことを毎日やることになります。

私も配列の処理は毎日やってますし、今後も毎日やります。

早いうちにこの処理になれておきましょう。

38～60行目 HTMLへの表示

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>掲示板</title>
    </head>
    <body>
        <?php echo $message; ?>
        <form method="post" action="">
        名前：<input type="text" name="name" value="<?php echo $name; ?>" >
            <?php echo $err_msg1; ?><br>
            コメント：<textarea  name="comment" rows="4" cols="40"><?php echo $comment; ?></textarea>
            <?php echo $err_msg2; ?><br>
<br>
          <input type="submit" name="send" value="クリック" >
        </form>
        <dl>
         　　<?php foreach( $dataArr as $data ):?>
         　　　　<p><span><?php echo $data["name"]; ?></span>:<span><?php echo $data["comment"]; ?></span></p>
        　　 <?php endforeach;?>
　　　　　</dl>
    </body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>

</head>

<body>

<?php echo $message; ?>

名前：<input type="text" name="name" value="<?php echo $name; ?>" >

<?php echo $err_msg1; ?><br>

コメント：<textarea name="comment" rows="4" cols="40"><?php echo $comment; ?></textarea>

<?php echo $err_msg2; ?><br>

<br>

</form>

<dl>

　　<?php foreach( $dataArr as $data ):?>

　　 <?php endforeach;?>

　　　　　</dl>

</body>

</html>

格納したあとは実際にHTMLに表示してみましょう。

ここも広い意味では配列の処理になりますね。Foreachをぐるぐる回して、文字列として出力できればＯＫです。

なお、PHPをHTMLの中に入れているので、今までのPHPと若干書き方が変わっています。

学習が進んでくるとPHPとHTML自体はファイルを分けることが一般的です。

カスタマイズ

もしこのアプリが完成した場合はさらにカスタマイズしてみましょう。

生徒に指導するときは

項目をさらに追加し、それぞれにエラーチェックを行う
ログインしたらこのページに入るようにする
自分の記事は編集、削除ができるようにする
1ページ10記事ぐらいにし、下に 1 2 3 ・・・などとリンクを付ける。
(ページ送り機能)
記事を検索できるようにする

などをすすめていました。

このような機能を追加してあげるとその過程で

この機能どうやるんだろう？と悩む
いろんなキーワードで検索したり、本を読んであれこれ調べる
見当がついた段階で実際にソースの中で試したり、推測する
動く(動かない場合は1に戻る)

のループをすることになります(笑)

プログラミングは基本的にこのソースと格闘するプロセスを経て上達していくのだと思います。

この記事が初心者の方に役に立てば幸いです！

テキストファイルでの掲示板作成はここで終わりですが、一般的に掲示板はMySQLなどのデータベースを使って作ることが一般的です。

ガチンコ塾でもMySQLを使った掲示板作成を当然行います。

次回は「PHPで掲示板を作ろう!(データベース編) その1 データベースとは」になります。

告知 10/06にセミナーを開催します。

2018/10/06にIT業界への就職希望者を対象としたプログラミングセミナーを開催させていただきます。

主にプログラミングがほとんど初めて(あるいはそれに近いレベル)の方を対象に3時間でプログラミングの学び方とIT業界に就職するために大切になる要素についてお話しし、プログラミングの講義をさせていただきます。

就職が前提となりますので、大変申し訳ありませんが、年齢制限をさせていただきます・・・・

内容に関してはブログの総まとめ的な内容になりますので良く読んでいる方にとっては新しい発見はないかもしれませんが・・・(汗)

未経験だけどIT業界に就職したいという方、プログラミングが独学では難しいという方がいればぜひご参加ください。

合わせて弊社(ドリーム・シアター主催の無料PHPスクールのご案内をさせていただきます。)

以下がカリキュラムになります。

第1章プログラミングを身につけ、プログラマーとして就職するには

どのプログラミング言語がいいのか？
PHPがおすすめな理由
WEBプログラミングの学習法
就職するまでに必要なプログラミングスキル
就職するために必要な要素
弊社「無料PHPスクール」案内

第2章 PHPのコーディング作業(実際のプログラミングを体験していただきます)

XAMPPについての説明
エディタの使い方
プログラミングの基本ルール
変数の定義、条件分岐など
配列の基本操作

対象者: 18～32歳までのIT/Web業界就職希望者
プログラミング自体、未経験者(それに近いレベル)の方が対象になります。
場所: 東京都豊島区南池袋2-40-24(シントミプラザ東池袋ビル3F)
時間: 2018/10/06 9:30〜12:00
持ち物: ノートPC
金額: 1,000円
*同日の13:00〜14:30に行われる無料PHPスクール説明会に参加される方には説明会参加時にご返金させていただきます。

申し込まれる方は下記リンクからお申し込みいただければと思います。
セミナーお申し込みページ

Comment

HTMLやPHPで掲示板を作る方法 | peeks-blog より:

2019年9月30日 8:23 PM

[…] 前回までの続き … PHPで掲示板を作ろう! 掲示板の作成方法まとめ www.dt30.net 1 userPHPで掲示板を作ろう! 掲示板の作成方法まとめ … PHPで掲示板を作ろう!(データベース編) その1 データベースとは […]

返信
松田琉希より:

2020年10月13日 4:05 PM

参考にさせてもらいます。

返信

Message コメントをキャンセル

PREV: PHPで掲示板を作ろう! 掲示板の作成方法その４(ファイル読み込みとHTML表示)
NEXT: 初心者でもできる！作れる！WEBサービスの開発その１準備編

PHPで掲示板を作ろう! 掲示板の作成方法 まとめ

ソース

既存リンク

掲示板の機能

書き込みデータの表示

エラーチェック

正常な入力の場合

掲示板学習で学べること

外部装置へのデータ格納

ファイルポインタ

配列への格納と操作

ソース解説

4～8行目 変数とエラーメッセージの定義

11～22行目 入力のエラーチェックと書き込み

24～34行目 テキストファイルからの読み込み

38～60行目 HTMLへの表示

カスタマイズ

告知 10/06にセミナーを開催します。

第1章 プログラミングを身につけ、プログラマーとして就職するには

第2章 PHPのコーディング作業(実際のプログラミングを体験していただきます)

関連記事

Comment

Message コメントをキャンセル

NEW ENTRY

検索

Feedly

人気の記事

Twitter

最近の投稿

最近のコメント

アーカイブ

カテゴリー

タグ

メタ情報

PHPで掲示板を作ろう! 掲示板の作成方法まとめ

4～8行目　変数とエラーメッセージの定義

11～22行目入力のエラーチェックと書き込み

24～34行目テキストファイルからの読み込み

第1章プログラミングを身につけ、プログラマーとして就職するには