PHPで掲示板を作ろう!(データベース編) その5 PHP-MySQL連結編

公開日： 2016/03/11 : 最終更新日：2016/04/06 MySQL, PHP, WEB全般, 講義データベース, 基本ルール, 掲示板作成, 未経験, 独学者向け

今回はMySQLの第5回目の講義です。

Contents

1 前回までの記事
2 画面のイメージ・仕様
- 2.1 簡単な仕様
  - 2.1.1 画面イメージ
3 ソース
4 追記
- 4.1 改良点その１
- 4.2 改良点その２

前回までの記事

PHPで掲示板を作ろう!(データベース編) その1 データベースとは

PHPで掲示板を作ろう!(データベース編) その2 MySQLログイン編

PHPで掲示板を作ろう!(データベース編) その3 データベース作成編

PHPで掲示板を作ろう!(データベース編) その4 SQL編

前回まで、MySQLがどういうもので、実際にどのようにデータを扱うかを考えてきました。

ところが実際に黒い画面だけでMySQLを動かしてみてもわけがわかりません。

今回からは実際にMySQLを使ってWEB上の掲示板を作ってみようと思います。

画面のイメージ・仕様

今回MySQLで作成する掲示板はほぼ、前回のテキストファイルで使った掲示板と同様です。

機能は下記のようなものになります。

簡単な仕様

入力欄は名前とコメントの２つのみ
未入力があったら「名前とコメントを記入してください」と赤字で出力
未入力でない時は、「書き込みが成功しました」と黒字で出力
入力されたデータは常に下に表示

画面イメージ

初期画面

未入力項目あり

書き込み成功時

※今回はデータベースの説明がメインだったので値の入力が不完全だったときに、入力値を保存する機能を外しています。

今回、データベースとつなぐのがメインになりますので、若干簡単なつくりにしましたが、基本的には前回の掲示板と同じものです。

この機能を見てなんてしょぼい掲示板だろう・・・と思われた方もいるかもしれません。

しかしプログラミングを学習し始めの方(1ヶ月程度)にとってはこれを実装するのはかなり大変です。

多くの方はこのレベルであっても気の遠くなるようなエラーを出しながらようやく正常に稼働するようになります。

プログラミング未経験者がちょこちょこっと勉強して簡単にWebサービスを作りました、みたいな話がネット上にはあふれていますが、身の回りに聞ける人がいたことに気づいていないか、よほどの天才か、非常にレアなケースです。

多くの方は最初はこのようなアプリを作ることすらかなり大変です。

逆にいうとしっかり勉強すれば後々の基礎になります。頑張っていきましょう。

ソース

まず最初にソースを書きます。

ちなみにデータベースはその１～その４で作ったものをそのまま使います。

<?php

$db_host = 'localhost';
$db_name = 'board_db';
$db_user = 'board_user';
$db_pass = 'board_pass';

// データベースへ接続する
$link = mysqli_connect( $db_host, $db_user, $db_pass, $db_name );
if ( $link !== false ) {

    $msg     = '';
    $err_msg = '';

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

        $name     = $_POST['name']   ;
        $comment = $_POST['comment'];

        if ( $name !== '' && $comment !== '' ) {

            $query = " INSERT INTO board ( "
                   . "    name , "
                   . "    comment "
                   . " ) VALUES ( "
                   . "'" . mysqli_real_escape_string( $link, $name ) ."', "
                   . "'" . mysqli_real_escape_string( $link, $comment ) . "'"
                   ." ) ";

            $res   = mysqli_query( $link, $query );
            
            if ( $res !== false ) {
                $msg = '書き込みに成功しました';
            }else{
                $err_msg = '書き込みに失敗しました';
            }
        }else{
            $err_msg = '名前とコメントを記入してください';
        }
    }

    $query  = "SELECT id, name, comment FROM board";
    $res    = mysqli_query( $link,$query );
    $data = array();
    while( $row = mysqli_fetch_assoc( $res ) ) {
        array_push( $data, $row);
    }
    arsort( $data );

} else {
    echo "データベースの接続に失敗しました";
}

// データベースへの接続を閉じる
mysqli_close( $link );
?>

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    </head>
    <body>
        <form method="post" action="">
            名前<input type="text" name="name" value="" />
            コメント<textarea name="comment" rows="4" cols="20"></textarea>
           <input type="submit" name="send" value="書き込む" />
        </form>
        <!-- ここに、書き込まれたデータを表示する -->
<?php
    if ( $msg     !== '' ) echo '<p>' . $msg . '</p>';
    if ( $err_msg !== '' ) echo '<p style="color:#f00;">' . $err_msg . '</p>';
    foreach( $data as $key => $val ){
        echo $val['name'] . ' ' . $val['comment'] . '<br>';
    }
?>
    </body>
</html>

<?php

$db_host = 'localhost';

$db_name = 'board_db';

$db_user = 'board_user';

$db_pass = 'board_pass';

// データベースへ接続する

$link = mysqli_connect( $db_host, $db_user, $db_pass, $db_name );

if ( $link !== false ) {

$msg = '';

$err_msg = '';

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

$name = $_POST['name'] ;

$comment = $_POST['comment'];

if ( $name !== '' && $comment !== '' ) {

$query = " INSERT INTO board ( "

. " name , "

. " comment "

. " ) VALUES ( "

. "'" . mysqli_real_escape_string( $link, $name ) ."', "

. "'" . mysqli_real_escape_string( $link, $comment ) . "'"

." ) ";

$res = mysqli_query( $link, $query );

if ( $res !== false ) {

$msg = '書き込みに成功しました';

}else{

$err_msg = '書き込みに失敗しました';

}

}else{

$err_msg = '名前とコメントを記入してください';

}

$query = "SELECT id, name, comment FROM board";

$res = mysqli_query( $link,$query );

$data = array();

while( $row = mysqli_fetch_assoc( $res ) ) {

array_push( $data, $row);

}

arsort( $data );

} else {

echo "データベースの接続に失敗しました";

}

// データベースへの接続を閉じる

mysqli_close( $link );

<html>

<head>

</head>

<body>

名前<input type="text" name="name" value="" />

コメント<textarea name="comment" rows="4" cols="20"></textarea>

</form>

<?php

if ( $msg !== '' ) echo '<p>' . $msg . '</p>';

if ( $err_msg !== '' ) echo '<p style="color:#f00;">' . $err_msg . '</p>';

foreach( $data as $key => $val ){

echo $val['name'] . ' ' . $val['comment'] . '<br>';

}

</body>

</html>

次回以降、詳細な解説をしていきますが、ポイントとしては以下のような点です。

PHPとデータベースの接続
エラーチェック
SQLをPHPにどう渡すか
SELECT文の受け取り方

追記

この掲示板作成シリーズも結構長くなってきましたね。

いままでのシリーズに以下の点を改良させていただきました。

改良点その１

シリーズものに関しては次の回にリンクをはりました。

今までありませんでしたので、次の回を探すのが大変だったのではないでしょうか。多少は見やすくなっているのではないかと思います。今まで大変だった方スイマセン・・・

改良点その２

PHPで掲示板を作ろう!(データベース編) その3 データベース作成編に作業用ユーザーの追加の仕方を書きました。その２で書くといっておきながら書いてませんでした。予定と違うぞ！と思った方がいたらスイマセン・・

次の授業コンテンツはPHPで掲示板を作ろう!(データベース編) その６まとめ編です。

告知 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

php コメント機能 | PHPブログより:

2019年5月14日 12:08 AM

[…] PHPで掲示板を作ろう!(データベース編) その5 PHP-MySQL連結編 […]

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

2019年8月1日 2:35 PM

[…] […]

返信

Message コメントをキャンセル

PREV: 就活生必見! Webエンジニアになるなら知っておきたい超基本業界用語
NEXT: ドキドキ本番リリース時に大切な心構え

PHPで掲示板を作ろう!(データベース編) その5 PHP-MySQL連結編

前回までの記事