Home > OOPでBBS > [PHP5] OOPで掲示板を作ってみる - Step6:編集＆削除画面

[PHP5] OOPで掲示板を作ってみる - Step6:編集＆削除画面

オブジェクト指向プログラミングでフレームワークを使わずに掲示板をcreateその６。
編集と削除の機能を作る前に画面を作らねばならぬ！

目次

  • 序章
  • Step1 : MVCを揃える
  • Step2 : テンプレート作成
  • Step3 : 書き込み
  • Step4: ログの表示
  • Step5: 設定ファイルと細かな修正
  • Step6: 編集＆削除画面　←　今ここ
  • Step7: 編集＆削除機能
  • Step8: ページング

Step5でメッセージの色分けとかしたよー

step5-message

２重送信も防止しといたし、とりま足りないのは編集削除機能だ。
編集削除をユーザーにやらせるか管理者がやるかで実装内容がかなり変わってくるんだけど
手始めにユーザーが弄れるようにしてみようと思う。

ユーザーが編集・削除をするとなると、新たに必要になってくるものがいくつか出てくる。

  1. 投稿を区別する一意なID
  2. その投稿がユーザーのものであるという証

IDは記事の投稿順に連番で数字を付けるのが妥当かな。掲示板だしね。
ユーザーの証は記事を投稿するときに秘密の鍵を一緒に投稿させるようにして、それをハッシュ化してログに一緒に保存すれば簡単ですね。

ユーザーに操作させるかどうかは任意で決めれたほうが便利だろうから、
iniファイルに新たな設定を追加しときます。

lib/bbs.ini

PLAIN TEXT
PHP:
  1. ;ユーザーによる編集・削除操作
  2. user_controll = true

trueまたは１なら許可するって感じに。

記事にIDを付与する

データベースなら「おーといんくりめんと」っていう便利なものが存在するけど、ファイル関数にそんな甘ったるい機能は無いから自前で何とかするしかない。
思いつくのは２つ。単純にログをカウントしてIDにする方法と、ID用のログファイルを作って保存しておく方法。
より厳密にするなら後者。そうでないなら前者かな。今回は説明の手間を省きたいので前者にしとくｗ

書き込みをする関数のfile_get_contentsをfileに変更
一番上が最新の書き込みなので、新しくIDを計算するメソッドを作ってそこで次のIDを算出。

lib/mode.php (class Model)

PLAIN TEXT
PHP:
  1. /**
  2. * ログＩＤの算出
  3. */
  4. private function _calcPostID($log)
  5. {
  6.     $id = 0;
  7.    
  8.     if(!empty($log)){
  9.         list($id, $str) = split(',',$log[0]);
  10.     }
  11.    
  12.     return $id + 1;
  13.    
  14. }
  15.  
  16. /**
  17. * データの保存
  18. */
  19. public function write()
  20. {
  21.     $data = $this->_getPost();
  22.     $id = 0;
  23.    
  24.     $data = array_map(array($this,'clean'), $data);//クリーンアップ
  25.    
  26.     $log = file($this->_getLogfileName());//ログ確保
  27.    
  28.     $id = $this->_calcPostID($log);//ID
  29.  
  30.     $log = implode('', $log);//文字列化
  31.    
  32.     array_unshift($data, $id, time());//先頭にIDとタイムスタンプ
  33.  
  34.     $fp = fopen($this->_getLogfileName(), 'w');
  35.  
  36.     $this->myFputcsv($fp, $data);
  37.     fwrite($fp, trim($log));
  38.    
  39.     fclose($fp);
  40.    
  41.     return;
  42. }

配列のログはimplodeで文字列に変更。array_unshiftにはタイムスタンプの前にIDを渡す。
後の流れは前バージョンと同じ。

このまま実行すると読み込みの時にエラーが出てしまうので、readLogメソッドのarray_unshiftにidを追加しておく。

lib/mode.php (class Model - function readLog)

PLAIN TEXT
PHP:
  1. array_unshift($label, 'id', 'date');

これで書き込みすればIDがつくようになりました～

テンプレートの編集

画面はGETで操作するんで、ログのIDと、編集・削除画面に飛ばす為のリンクをテンプレートに追加する。

template/index.tpl

PLAIN TEXT
PHP:
  1. <div id="main">
  2. <?php if( !empty($logdata) ) : ?>
  3.     <?php foreach($logdata as $log):   ?>
  4.     <div class="log">
  5.     <p>[<?php $log->the_('id'); ?>] <strong class="name"><?php $log->the_('name'); ?></strong> <span class="date"><?php $log->the_('date','Y/m/d H:i'); ?></span></p>
  6.     <p class="comment"><?php $log->the_('comment'); ?></p>
  7.     <p class="mode">
  8.         <a href="?view=edit&amp;id=<?php $log->the_('id'); ?>">Edit</a> |
  9.         <a href="?view=delete&amp;id=<?php $log->the_('id'); ?>">Delete</a>
  10.     </p>
  11.     </div>
  12.     <?php endforeach; ?>
  13. <?php else: ?>
  14. <p>書き込みはありません<p>
  15. <?php endif; ?>
  16. </div>

ついでにログが無いときのメッセージも入れておいた。

編集と削除のリンクはviewでeditとdelete、idで記事のIDを渡します。

oop-bbs-step6

テンプレートファイル作成

templateディレクトリにviewキーで渡す値と同じファイル名のテンプレートを作る。
edit.tplが編集画面、delete.tplが削除画面です。
中は後でやるのでここは適当に

PLAIN TEXT
PHP:
  1. <h2>Edit</h2>
  2. <?php var_dump($logdata); ?>

などと入れておく。

Controllerの編集

編集or削除のリンクをクリックすると、$_GET[view]にedit|deleteが、
$_GET['id']に記事のIDが入った配列をControllerが受け取る。
これを$_POSTの時と同じように条件分岐で処理させると、

PLAIN TEXT
PHP:
  1. if(isset($_GET['view']) && $_GET['view'] != ''){
  2.     $viewInstance->setTemplateName($modelInstance->clean($_GET['view']));//テンプレートをセット
  3. }

$_GET[view]の値をsetTemplateNameに渡すだけで画面が切り替わります。
掲示板のログはModelのreadLog()でファイルから読み込んだ後に、ViewのsetLog()から渡してます。
１件だけ欲しいとなると、これらのメソッドの間にIDで記事を探すメソッドを加えればいいということになります。

何も考えずにベタな書き方をすればこうなるんだろうけども…

PLAIN TEXT
PHP:
  1. $modelInstance->readLog();//ログを読み込む
  2. if((isset($_GET['view']) && $_GET['view'] == 'edit') || (isset($_GET['view']) && $_GET['view'] == 'delete')){
  3.     $viewInstance->setLog($this->model->記事を探す($_GET['id']));//Viewにログを渡す
  4.     $viewInstance->setTemplateName($modelInstance->clean($_GET['view']));//テンプレートをセット
  5. }else{
  6.     $viewInstance->setLog($this->model->getLogData());//Viewにログを渡す
  7.     $viewInstance->setTemplateName('index');//テンプレートをセット
  8. }

editとdeleteの他にページが増えたらif文がどんどん長くなっていく罠…。
使い勝手とか使いまわしの事を考えるとeditとかdeleteとかの値をいちいちチェックしていない方が良いし、
PHPには可変変数で関数の実行やインスタンスの作成が出来るという特徴があるんで、それを使って書きます。

PLAIN TEXT
PHP:
  1. $modelInstance->readLog();//ログを読み込む
  2.        
  3. $viewName = 'index';
  4.  
  5. if(isset($_GET['view']) && $_GET['view'] != ''){
  6.     $viewName = $modelInstance->clean($_GET['view']);
  7. }
  8.  
  9. $viewInstance->setTemplateName($viewName);//テンプレートをセット
  10.  
  11. $viewName = $viewName.'View';
  12.  
  13. if(method_exists($this, $viewName)){
  14.     $this->$viewName();//ビュー実行
  15. }else{
  16.     die('システムエラーが発生しました');
  17. }

$_GET['view']に入ってる値をテンプレート名として利用しつつ、Viewという単語を足してメソッドを自動的に実行するようにしてみた。
これならif文の条件が延々増えるってことはないし、見た感じ処理の内容が分かりやすいです。
ただこの方法だと実行先のメソッドで$viewInstanceや$modelInstanceのローカル変数が使えなくなってしまうので、
各メソッド内でファイルを読み込んでインスタンスを作るか、Controllerのコンストラクタでファイルを読み込んでプロパティにする必要があります。
引数として渡すっていうのはクールじゃないから却下 :-|
今回はファイル数が多いからコンストラクタでプロパティ化を採ります。

インスタンスプロパティ

ファイルのインクルードとインスタンス作成部分をコンストラクタにごっそりお引越し。
置換で$viewInstanceを$this->viewに、$modelInstanceを$this->modelにします。

lib/controller.php (class Controller)

PLAIN TEXT
PHP:
  1. public function __construct()
  2. {
  3.     include_once('model.php');
  4.     include_once('view.php');
  5.     include_once('bbs_log.php');
  6.     include_once('config.php');
  7.        
  8.     $iniFilePath = dirname($_SERVER['SCRIPT_FILENAME']).'/lib/'.self::INIT_FILE;
  9.        
  10.     $this->config = new Config($iniFilePath);//設定
  11.     $this->model = new Model($this->config);//モデル
  12.     $this->view = new View($this->config);//ビュー
  13. }

executeの方はログファイルのセットをした後、ログを読み込んでテンプレートのセット。
それからビューメソッド実行という順にします。
ついでにPOSTの方もActionという単語を付けてメソッドを実行するようにしておきました。

lib/controller.php (class Controller)

PLAIN TEXT
PHP:
  1. public function execute()
  2. {
  3.     $this->model->setLogfileName($this->config->get('logfile_name'));//ログファイルをセット
  4.    
  5.     if(isset($_POST['mode']) && $_POST['mode'] != ''){
  6.        
  7.         //トークンの確認
  8.         $token = $this->model->clean($_POST['token']);
  9.        
  10.         if($token == @$_COOKIE["_token"]){
  11.             $this->view->setSystemMessage('error', '不正な送信です');//エラーをViewに渡す
  12.            
  13.         }else{
  14.             setcookie("_token", $token);
  15.             $action = $this->model->clean($_POST['mode']).'Action';
  16.             $this->$action();
  17.         }
  18.     }
  19.    
  20.     $this->model->readLog();//ログを読み込む
  21.    
  22.     $viewName = 'index';
  23.    
  24.     if(isset($_GET['view']) && $_GET['view'] != ''){
  25.                
  26.         $viewName = $this->model->clean($_GET['view']);
  27.        
  28.     }
  29.    
  30.     $this->view->setTemplateName($viewName);//テンプレートをセット
  31.        
  32.     $viewName = $viewName.'View';
  33.    
  34.     if(method_exists($this, $viewName)){
  35.         $this->view->setToken($this->createToken());//Viewにトークンを渡す
  36.         $this->$viewName();//ビュー実行
  37.     }else{
  38.         die('システムエラーが発生しました');
  39.     }
  40.    
  41. }

各メソッドは次のようになります。

lib/controller.php (class Controller)

PLAIN TEXT
PHP:
  1. // 書き込み
  2. function writeAction()
  3. {
  4.     $this->model->setPostdata($_POST);//送信内容のセット
  5.  
  6.     if($this->model->validation()===true){
  7.         $this->model->write();//ログに書き込み
  8.         $this->view->setSystemMessage('success', '保存しました');//メッセージをセット
  9.         $this->model->readLog();//再読み込み
  10.     }else{
  11.         $this->view->setSystemMessage('error', $this->model->getError());//エラーをViewに渡す
  12.     }
  13. }
  14. //削除処理
  15. function deleteAction()
  16. {
  17. }
  18.  
  19. //編集処理
  20. function editAction()
  21. {
  22. }
  23.  
  24. //インデックス
  25. private function indexView()
  26. {
  27.     $this->view->setLog($this->model->getLogData());//Viewにログを渡す
  28.     $this->view->display();//表示
  29. }
  30.  
  31. //編集画面
  32. private function editView()
  33. {
  34.     $log = $this->model->findData($this->model->clean($_GET['id']));
  35.    
  36.     $this->view->setLog($log);//Viewにログを渡す
  37.     $this->view->display();//表示
  38. }
  39.  
  40. //削除画面
  41. private function deleteView()
  42. {
  43.     $log = $this->model->findData($this->model->clean($_GET['id']));
  44.    
  45.     $this->view->setSystemMessage('','以下の記事を削除しますか？');
  46.     $this->view->setLog($log);//Viewにログを渡す
  47.     $this->view->display();//表示
  48. }

これで表示の分岐は出来たのでIDを元に記事を探すメソッド（findData）を作るとします。
追加するのはModelクラスです。

lib/model.php (class Model)

PLAIN TEXT
PHP:
  1. public function findData($id)
  2. {
  3.     $logs = $this->getLogData();
  4.    
  5.     if(empty($id)) return false;
  6.    
  7.     foreach($logs as $log){
  8.         if($log->id == $id) return $log;
  9.     }
  10.    
  11. }

foreachで探すだけっていう。
これで編集と削除画面がエラーなく表示されるようになりました。

編集画面と削除画面用テンプレートの編集

ロジックが出来たからやっつけver_dumpだったテンプレートを真面目に作る。…といっても９割方index.tplそのまま。

edit.tplもdelete.tplも、$logdataの中身はIDを指定して渡されるログのオブジェクトが１つだけ入ってます。
ログの表示は出力用メソッドの変数を$logから$logdataにするだけ。

edit.tplはフォームにログをセットしますが、テキストエリアにセットする値に改行が含まれているとタグが見えてしまうので、
タグを改行文字コードに置換する処理を入れます。

oopbbs-step6-edit

template/edit.tpl

PLAIN TEXT
PHP:
  1. <h2>Edit</h2>
  2. <?php echo $message; ?>
  3. <?php if(!empty($logdata)) : ?>
  4. <form action="" method="post">
  5. <input type="hidden" name="token" value="<?php print($token);?>" />
  6. <input type="hidden" name="id" value="<?php $logdata->the_('id'); ?>"/>
  7. <table>
  8. <tr><th scope="row"><label for="name">Name</label></th><td><input type="text" id="name" name="name" value="<?php $logdata->the_('name'); ?>" /></td></tr>
  9. <tr><th scope="row"><label for="comment">Comment</label></th>
  10. <td><textarea id="comment" name="comment" rows="4" cols="50"><?php print $logdata->the_('comment','br2nl') ?></textarea></td>
  11. </tr>
  12. </table>
  13. <p>投稿時に設定したキーを入力してボタンを押してください。</p>
  14. <div class="button">
  15.     <label for="key">Key</label>:<input type="password" id="key" name="key" />
  16.     <button name="mode" value="delete">Delete</button>
  17. </div>
  18. </form>
  19. <?php endif; ?>
  20. <p class="center"><a href="index.php">トップに戻る</a></p>

lib/bbs_log.php (class Log)

PLAIN TEXT
PHP:
  1. public function getThe_($name, $option=NULL)
  2.     {
  3.         $data = $this->{$name};
  4.        
  5.         if(!empty($option)){
  6.             if($name=='date'){
  7.                 return date($option, $data);
  8.             }elseif($option == 'br2nl'){//改行タグを改行コードに変換
  9.                 return str_replace('<br />', '', $data);
  10.             }
  11.         }else{
  12.             return $this->{$name};
  13.         }
  14.     }

ヘルパーとか静的クラスとかを作る手もあるのだけど、テンプレートでの使いやすさ優先でLogクラスに。

削除画面は確認で表示するだけ。

oopbbs-step6-del

template/delete.php

PLAIN TEXT
PHP:
  1. <h2>Delete</h2>
  2. <?php echo $message; ?>
  3. <div id="main">
  4. <?php if(!empty($logdata)) : ?>
  5.     <form action="" method="post">
  6.     <input type="hidden" name="token" value="<?php print($token);?>" />
  7.     <input type="hidden" name="id" value="<?php $logdata->the_('id'); ?>"/>
  8.    
  9.     <div class="log">
  10.     <p>[<?php $logdata->the_('id'); ?>] <strong class="name"><?php $logdata->the_('name'); ?></strong> <span class="date"><?php $logdata->the_('date','Y/m/d H:i'); ?></span></p>
  11.     <p class="comment"><?php $logdata->the_('comment'); ?></p>
  12.     </div>
  13.    
  14.     <p>投稿時に設定したキーを入力してボタンを押してください。</p>
  15.     <div class="button">
  16.         <label for="key">Key</label>:<input type="password" id="key" name="key" />
  17.         <button name="mode" value="delete">Delete</button>
  18.     </div>
  19.     </form>
  20. <?php endif; ?>
  21.     <p class="center"><a href="index.php">トップに戻る</a></p>
  22. </div>

画面は出来たけどボタンを押しても何も起きないので、次は編集＆削除のロジックを入れますよ。

ディレクトリ構成

oopbbs-step6-dir

Step6 Download

動作確認等はローカルで行ってください。ライセンスはCreative Commons BY-NCです。

Download : OOPでBBS Step6

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl（バザール）に追加このエントリをChoixに追加このエントリをnewsingに追加

Comments:0

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://tenderfeel.xsrv.jp/php/oop-bbs/976/trackback/
Listed below are links to weblogs that reference
[PHP5] OOPで掲示板を作ってみる - Step6:編集＆削除画面 from WebTecNote

Home > OOPでBBS > [PHP5] OOPで掲示板を作ってみる - Step6:編集＆削除画面

Scripts
カテゴリー
Recent Reactions
最近の投稿
最近の修正
  • そしてこのSQLはわれながらよく書いたと思う 2010-11-15
  • CSVの列っていう方がいいのかな…118項目だった 2010-11-15
  • 楽天のCSVの項目が116個もあった衝撃 2010-11-15
  • オフィスで香水臭振りまくのは迷惑だと知れ 2010-11-15
  • ぐあー　フレグランステロやー 2010-11-15
  • More updates...

Powered by Twitter Tools

Tag Cloud
おすすめサーバー・他

メタ情報

Return to page top