Cloud9で学ぶ！Webフォームでデータベースを操作する

前回の記事ではmysqlを使用てデータベースの使い方を学びました。この記事ではWebフォームからmysqlなどのデータベースを操作する方法を学習していきます。
※前回までの記事
Cloud9で学ぶ!Webフォームの作り方
 Cloud9で学ぶ！MySQLを使ってデータベースを動かす方法
Webとデータベースの連携というと、Webからの問い合わせ内容をデータベースに登録したり、データベースの商品一覧をWebページに表示する等の使われ方があります。いきなりショッピングサイトは難しいので、簡易的な日記投稿サイトの一部を作成してみたいと思います。
目標は、以下のようなWebフォームからデータベースにレコードを一行追加できるようになることです。

事前準備

前回に引き続き開発環境はCloud9、言語はPHP、データベースはMySQLを使います。
MySQLにデータベースを作成していない方は前回の記事や以下のコマンドを参考に作ってみてください。
mysql> create database myapp;
mysql> use myapp;
今回は一言日記のフォームを作りたいので、カラム名「name」「contents」を持つテーブルをひとつ作成します。
mysql> create table diary(name varchar(10),contents varchar(30)) default character set utf8;
後ろに「default character set utf8」を記述する理由は、デフォルトの文字コードでデータベースを作成した場合に日本語が文字化けするためです。テーブル作成時に文字コードを日本語を含む「uttf8」に指定する必要があります。

データベースに接続する

PHPを用いてMySQLに接続するにはPDOメソッドを使用します。
<文法>
$db = new PDO(“mysql:host=ホスト名;dbname=データベース名”,”ユーザー名”,”パスワード”)
<サンプル　insert.php>

<?php
$db = new PDO("mysql:host=localhost;dbname=myapp","cloud00","");
?>

接続に成功・失敗したことがわかり辛いため、エラー発生用のメッセージを書いておくことが一般的です。
<サンプル　insert.php>

<?try{
php
$db = new PDO("mysql:host=localhost;dbname=myapp","cloud00","");
}
catch (Exception $error)
{
    die("接続に失敗しました:".$error->getMessage());
}
?>

PHPからデータベースにINSERTをしてみよう！

まずは、値を指定してINSERTしてみます。
単純なデータベース操作の場合は、以下の構文を使用します。
$db->query(”実行するSQL文”）;
〈サンプルコード　insert.php〉

<?php
try{
$db = new PDO("mysql:host=localhost;dbname=myapp","cloud00","");
}
catch (Exception $error)
{
    die("接続に失敗しました:".$error->getMessage());
}
$db->query("INSERT INTO diary (name,contents) VALUES('cloud00','Hello!')");
?>

<?php
try{
$db = new PDO("mysql:host=localhost;dbname=myapp","cloud00","");
}
catch (Exception $error)
{
    die("接続に失敗しました:".$error->getMessage());
}
    $stt=$db->prepare("INSERT INTO diary (name,contents) VALUES(?,?)");
$stt->execute(array('cloud01','Hello!'));
?>

いったんSQLを準備(prepare)してから実行(excute)します。この書き方のメリットは、値を変更するだけで同じSQLを繰り返し実行できる点です。

WebフォームからデータベースにINSERTをしてみよう！

いよいよ、Webフォームの入力からSQLが実行できる仕組みを作っていきましょう。
まずは、入力フォームを作ります。
〈サンプルコード　view.php〉

<html>
<head>
<title>ひとこと日記登録</title>
</head>
<body>
    <form method="POST" action="insert.php">
<p>
お名前：<br />
        <input type ="text" name ="name" size ="15" maxlength="10"/>
</p><p>
内容：<br />
        <input type ="text" name ="contents" size ="35" maxlength="30"/></br>
</p><p>
        <input type = "submit" value = "日記を登録する"/>
</p>
    </form>
</body>
</html>

次に、INSERT用の構文を少し変更します。これまでは値を直打ちしてきましたが、フォームから送信されてきた値を受け取るよう、$POSTを用いて書き直します。
<サンプルコード　insert.php>

<?php
try{
$db = new PDO("mysql:host=localhost;dbname=myapp;charset=utf8","cloud00","");
}
catch (Exception $error)
{
    die("接続に失敗しました:".$error->getMessage());
}
$stt=$db->prepare("INSERT INTO diary values(:name,:contents)");
$stt->bindValue(':name',$_POST['name']);
$stt->bindValue(':contents',$_POST['contents']);
$stt->execute();
$db=NULL;
?>

あとがき

いかがでしたか？上記のサンプルデータベースやコードにカラムや項目を増やしたり、サイト風に「送信完了」の文字を表示させる等、いろいろいじってみてくださいね。
SELECTして結果をWebフォームに表示させる方法も書きたかったのですが、fetchメソッドの説明でかなり長くなってしまうので泣く泣く断念しました。またの機会に書ければいいなと思いまず！
【おすすめ記事】
➡MySQLを勉強できる評判の良いスクールってどこ？
➡短期間で身に付く！人気のMySQL学習サイトまとめ
➡MySQLの本・参考書の評判