サーバサイドスクリプトPHPを実感しよう

Size: px

Start display at page:

Download "サーバサイドスクリプトPHPを実感しよう"

のぶのすけつつの
7 years ago
Views:

1 第 3 講サーバサイドスクリプト PHP を実感しよう! クライアントサイドでは HTML に埋め込んだ(あるいは別ファイルから HTML に読み込まれた)JavaScript によってさまざまな処理や動的ページの生成を行えることはすでに第 3 講までで学習しましたしかし HTML と JavaScript の組合せではどうしても出来ないことがありますそれはデータの永続化 ( 保持保存 )ですアクセスするごとにデータは新規のものとなり前回アクセス時のデータを再利用することができませんこの点サーバサイド技術を利用すればデータの永続化は容易に実現できますデータベースやテキストファイルあるいは XML ファイルなどの外部リソースの利用がその代表例と言えますそこで手始めに Web ページから入力されたデータをサーバに送りこれを PHP プログラムによってテキストファイルに保存する技術を体験してみましょうせっかくですからみなさんが日ごろの学習の中でメモしておかなくてはと思う事柄を記録しておけるよう備忘録 Forget-Me-Not システム ( 通称 : 忘れな草システム)を作ってみます Forget-Me-Not システムの概要今回チャレンジするシステムは次のようなものです (1) ブラウザからアプリケーションにアクセスすると科目キーワード説明文を入力するための Web ページが表示される (2) データを入力して[ 送信 ]ボタンを押すとデータがサーバサイドプログラムに送られる (3) サーバサイドプログラムが受け取ったデータを格納しやすくする処理を行った上で外部リソースであるテキストファイルに書き込み再び入力ページを表示するブラウザデータ送信サーバ PHP プログラムデータ書込みテキストファイル

( 保持保存 )ですアクセスするごとにデータは新規のものとなり前回アクセス時のデータを再利用することができませんこの点サーバサイド技術を利用すればデータの永続化は容易に実現できますデータベースやテキストファイルあるいは XML ファイルなどの外部リソースの利用がその代表例と言えますそこで手

2 [1]アプリケーション用フォルダの準備 xampp htdocs に notebook フォルダを新規に作成します [ xampp ] [ htdocs ] [ notebook] [2]データ入力用ページの作成 (1) エディタで以下のコードを入力します <html> <head> <title>プログラミングⅠ:forget-me-not</title> </head> <body> <h1>forget-me-not : Write to Text<hr/></h1> <form action="file_writer.php" method="post"> <p> 科目 : <input type="text" name="subject" size="20" maxlength="30" /></p> <p> 項目 : <input type="text" name="topic" size="20" maxlength="50" /></p> <p>コメント: <input type="text" name="comment" size="70" maxlength="255" /></p> <p><input type="submit" value=" 送信 "></p> </form> </body> </html> [ 分析 ] ほとんど HTML そのものです違っているのは form の action 属性の値が file_writer.php となっているところぐらいですがこれがデータの送り先となるサーバサイドプログラムです form 内の name に設定されたパラメータの値が送信の対象となります

php" method="post"> <p> 科目 : <input type="text" name="subject" size="20" maxlength="30" /></p> <p> 項目 : <input type="text" name="topic" size="20" maxlength="50" /></p> <p>コメント: <input

3 (2) 入力が完了したら 1.で準備した note フォルダ直下に次の要領で保存しますファイル名 input_text.php ファイルの種類すべてのファイルファイルの保存先 notebook 文字コード UTF-8 [3]サーバサイドプログラムの作成 (1) テキストエディタで新規に以下のコードを入力します <?php $file = fopen( 'note.txt', 'ab' ); // ファイルを開く(なければ作る) flock( $file, LOCK_EX ); // ファイルをロック( 編集用 ) $line = date( 'Y 年 m 月 d 日 H:i:s' )." t"; // 書き込みデータの設定 $line.= $_POST['subject']." t"; // データの受け取り $line.= $_POST['topic']." t"; // データの受け取り $line.= $_POST['comment']." t" ; // データの受け取り fputs( $file, $line." n" ); // ファイルへの書き込み fclose( $file ); // ファイルを閉じる // 後処理 :リダイレクトのためにヘッダ情報を出力 header( 'Location: ); [ 分析 ] 1 行目の <?php はここから PHP プログラムが始まることを意味します 2 行目の $(ドルマーク)が付いているのは変数です fopen() は PHP が提供しているファイル関数です指定のファイル(note.txt)を書き込み専用 ( 追記形式ファイルがなければ新規に作成する)で開くという意味ですこの関数の処理結果はファイルハンドルとして返されますこれを変数 $file に代入しています 3 行目の flock() も PHP が提供しているファイル関数で指定のファイルをロックします LOCK_EX は書き込み中につき他のプログラムによる読み書きを禁止するとの意味をもつ定数です 4 行目は書き込み用データを示す変数 $line に書き込み年月日と日時を設定 5 行目 ~7 行目は input_text.php から POST メソッドを使って送信されてきたデータを受け取って変数 $line に追加しています $_POST['subject'] はグローバル変数といって POST メソッドで送信されてきたパラメータ subject の値を受け取る仕組みです

" t"; // データの受け取り $line.= $_POST['topic']." t"; // データの受け取り $line.= $_POST['comment']." t" ; // データの受け取り fputs( $file, $line.

4 また $line.= はすでに $line に代入された値に右辺の値を連結するという意味を持ちます右辺末尾の." t" はデータの区切り文字 (デリミッタ)としてタブコードを付加することを意味します 8 行目の fputs() もファイル関数で指定ファイルにデータを書き込みます 9 行目の fclose() もファイル関数で開いたファイルを閉じます 11 行目の header() はヘッダ関数といいここでは元の入力用ページにリダイレクトするためのメタ情報を出力しています (2) 入力が完了したら次の要領で保存しますファイル名 file_writer.php ファイルの種類すべてのファイルファイルの保存先 notebook 文字コード UTF-8 [4]アプリケーションの実行出来上がったアプリケーションを実行してみましょう (1) xampp xampp_control.exe のダブルクリックで XAMPP コントロールを起動 (2) XAMPP コントロール画面で[Start]ボタンをクリックして Apache を起動 Apache は Web ブラウザ Apache の右隣にグリーンベルトに Running の文字が表示されれば OK. (3) Web ブラウザを起動 (4) URL からにアクセス画面に次のように表示されれば成功

ここでは元の入力用ページにリダイレクトするためのメタ情報を出力しています (2) 入力が完了したら次の要領で保存しますファイル名 file_writer.

5 (5) 以下のデータを入力して[ 送信 ]ボタンを押す入力例科目 : プログラミングⅠ 項目 : PHP コメント: サーバサイドスクリプト言語初心者に優しい [ 送信 ]ボタンを押してエラーが表示されずに再び (4) の画面になれば成功 (6) 結果の確認正しく動作すればフォルダ[notebook] 内に note.txt というテキストファイルが作られていてしかもそこには入力ページから送られたデータがタブ区切りで格納されているはずです

(4) の画面になれば成功 (6) 結果の確認正しく動作すればフォルダ[notebook] 内に note.

6 Forget-Me-Not システムの拡張もう少し PHP の威力を実感してみましょう今度は Forget-Me-Not システムを拡張して保存したデータをテキストファイルから読み込んで一覧表示する機能を追加してみます [1]サーバサイドプログラムの作成 (1) エディタで次のコードを入力します <html> <head><title>プログラミングⅠ:forget-me-not</title></head> <body> <h1>read from Text</h1> <?php // PHP 開始 $file = fopen( 'notebook.dat', ' rb' ); // ファイルを開く flock( $file, LOCK_SH ); // ファイルをロック // ファイルから最大 1024 バイトまで読み込む while( $data = fgets( $file, 1024 ) ) { // タブ記号を区切りにトークンに分割し // 変数 $row に格納する // 変数 $row は自動的に配列となる $row = explode( " t", $data );?> // いったん PHP を終了 <ul> // リスト表示のための HTML タグ <li><?php print($row[1]);?></li> // 配列 $row の 2 番目の要素を出力 <li> <?php print($row[2]);?> </li> // 配列 $row の 3 番目の要素を出力 <li><?php print($row[3]);?></li> // 配列 $row の 4 番目の要素を出力 <li><?php print($row[0]);?></li> // 配列 $row の 1 番目の要素を出力 </ul> <hr color="#ffaa66" /> // 水平線を描くための HTML タグ <?php // 再び PHP を開始 } // while 文終了 fclose($file); // ファイルを閉じる?> // 再び PHP を終了 </body> </html>

$dat', ' rb' ); // ファイルを開く flock( $file, LOCK_SH ); // ファイルをロック // ファイルから最大 1024 バイトまで読み込む while( $data = fgets( $file, 1024 ) ) { // タブ記号を区切りにトークンに分割し // 変数 $row に格納する // 変数$

7 [ 分析 ] 6 行目はファイルを読み込み専用で開きます 7 行目はファイルのロックですが LOCK_SH は共有ロックといい読み込み中につき他のプログラムによる書き込みを禁止するという意味を持つ定数です 9 行目から始まる while() { } は繰り返し処理を行うための制御文です () 内の条件が true の間 { } 内の処理を繰り返します () 内の $data = fgets( $file, 1024 ) は fgets() 関数を使って指定のファイルから最大 1024 バイトまで読み込んで変数 $data に格納するというものですが読み込むデータがなくなるとこの関数は false を返します false が返ってきたら while 文の処理は終了します 12 行目は読み込みデータを格納した変数 $data からタブ記号を区切り文字としてデータを分割します( 分割によってできる細切れデータをトークンといいます) トークンは変数 $row に格納され $row は自動的に配列となります 15 行目から 18 行目は PHP スクリプトは HTML タグ内に埋め込むの実践ですリスト表示のための HTML タグ<li> ~ </li> の中に <?php $row[1] ;?> が埋め込まれています内容は配列 $row の 2 番目の要素を表示するというものです [1] なのに 2 番目というのは違和感があるかも知れませんが配列の要素は 0 から始まるからですなお while 文の途中でいったん PHP を終了していますがこれは HTML 内に埋め込む方式で記述するスクリプト言語としてはごく普通のやり方です途中で終了して必要な HTML を記述して再び PHP を開始している 21 行目に注目してくださいこのように記述しても PHP 実行エンジンはそのページ全体で1つのスクリプトとして扱いますから問題がないのです (2) 入力完了後はファイルを保存します先ほどの note フォルダにファイル名 file_reader.php として保存します [2]アプリケーションの実行 XAMPP コントロールが起動していて Apache も起動していることを確認してブラウザの URL から次のようにアクセスします

false を返します false が返ってきたら while 文の処理は終了します 12 行目は読み込みデータを格納した変数 $data からタブ記号を区切り文字としてデータを分割します( 分割によってできる細切れデータをトークンといいます) トークンは変数 $row に格納され $row は自

8 次のように表示されれば成功です. これで Forget-Me-Not アプリケーション(テキストファイル版 )は完成ですどうでしょう PHP の威力を実感できたでしょうか多少難しい箇所もありましたが心配はいりませんこれから先は PHP の基礎から順に学習していきますから再びこのレベルに到達する日もそう遠くはないはずです

サーバサイドスクリプトPHPを実感しよう

サーバサイドスクリプトPHPを実感しよう第 4 講オブジェクト指向プログラミングを体験しよう! 第 3 講で体験したのは 1 input_text.php でフォームからデータを入力して送信 2 file_writer.php で受信したデータを整形してテキストファイルに保存 3 file_reader.php でテキストファイルからデータを読み込んで表示というものでしたその際保存には 1) テキストファイルを開く 2) ファイルに書き込む