[OpenPNE3]管理画面付きプラグイン(opFreepagePlugin)#3 管理画面編集フォーム作成

Written by uechoco 2月 19
このエントリをはてなブックマークに追加[OpenPNE3]管理画面付きプラグイン(opFreepagePlugin)#3 管理画面編集フォーム作成のはてなブックマーク被リンク数このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをBuzzurl（バザール）に追加

　前回はopFreepagePluginの管理画面の一覧表示部分を作ってみました。今回はそこにデータを追加するための新規作成・編集削除の2画面を一気に作ります。symfonyを使ったことある人ならば、「propel:generate-crud的な感じ」と言えばソースコードの構成が伝わるかもしれません。

まずはactions.class.phpに以下の6つのメソッドを追加します。

PLAIN TEXT
php:
  1. public function executeNew(sfWebRequest $request)
  2.   {
  3.     $this->form = new FreepageForm();
  4.   }
  5.  
  6.   public function executeCreate(sfWebRequest $request)
  7.   {
  8.     $this->forward404Unless($request->isMethod('post'));
  9.  
  10.     $this->form = new FreepageForm();
  11.  
  12.     $this->processForm($request, $this->form);
  13.  
  14.     $this->setTemplate('new');
  15.   }
  16.  
  17.   public function executeEdit(sfWebRequest $request)
  18.   {
  19.     $this->forward404Unless($freepage = FreepagePeer::retrieveByPk($request->getParameter('id')), sprintf('Object freepage does not exist (%s).', $request->getParameter('id')));
  20.     $this->form = new FreepageForm($freepage);
  21.   }
  22.  
  23.   public function executeUpdate(sfWebRequest $request)
  24.   {
  25.     $this->forward404Unless($request->isMethod('post') || $request->isMethod('put'));
  26.     $this->forward404Unless($freepage = FreepagePeer::retrieveByPk($request->getParameter('id')), sprintf('Object freepage does not exist (%s).', $request->getParameter('id')));
  27.     $this->form = new FreepageForm($freepage);
  28.  
  29.     $this->processForm($request, $this->form);
  30.  
  31.     $this->setTemplate('edit');
  32.   }
  33.  
  34.   public function executeDelete(sfWebRequest $request)
  35.   {
  36.     $request->checkCSRFProtection();
  37.  
  38.     $this->forward404Unless($freepage = FreepagePeer::retrieveByPk($request->getParameter('id')), sprintf('Object freepage does not exist (%s).', $request->getParameter('id')));
  39.     $freepage->delete();
  40.  
  41.     $this->redirect('opFreepagePlugin/list');
  42.   }
  43.  
  44.   protected function processForm(sfWebRequest $request, sfFormPropel $form)
  45.   {
  46.     $form->bind($request->getParameter($form->getName()), $request->getFiles($form->getName()));
  47.     if ($form->isValid())
  48.     {
  49.       $freepage = $form->save();
  50.       $this->redirect('opFreepagePlugin/list');
  51.     }
  52.   }

これでもうアクションの追加は終わりです。あとは対応するビューの作成とフォームの調整です。

templates/ディレクトリにnewSuccess.phpを作成し、以下のコードを入力します。

PLAIN TEXT
php:
  1. <?php slot('submenu') ?>
  2. <?php include_partial('submenu') ?>
  3. <?php end_slot() ?>
  4.  
  5. <h2><?php echo __('フリーページの新規作成') ?></h2>
  6.  
  7. <?php include_partial('form', array('form' => $form)) ?>

続いて、editSuccess.phpを作成し、以下のコードを入力します。

PLAIN TEXT
php:
  1. <?php slot('submenu') ?>
  2. <?php include_partial('submenu') ?>
  3. <?php end_slot() ?>
  4.  
  5. <h2><?php echo __('フリーページの編集') ?></h2>
  6.  
  7. <?php include_partial('form', array('form' => $form)) ?>

この2つのビューは新規作成と編集画面に対応するものですが、非常に似ていますし、短いですね。というのも、肝心のフォームの描画は部分テンプレートとして分離しています。templares/ディレクトリに_form.phpを作成して、以下のコードを追加します。

PLAIN TEXT
php:
  1. <?php include_stylesheets_for_form($form) ?>
  2. <?php include_javascripts_for_form($form) ?>
  3.  
  4. <form action="<?php echo url_for('opFreepagePlugin/'.($form->getObject()->isNew() ? 'create' : 'update').(!$form->getObject()->isNew() ? '?id='.$form->getObject()->getId() : '')) ?>" method="post" <?php $form->isMultipart() and print 'enctype="multipart/form-data" ' ?>>
  5. <?php if (!$form->getObject()->isNew()): ?>
  6. <input type="hidden" name="sf_method" value="put" />
  7. <?php endif; ?>
  8.   <table>
  9.     <tfoot>
  10.       <tr>
  11.         <td colspan="2">
  12.           <?php echo $form->renderHiddenFields() ?>
  13.           &nbsp;<a href="<?php echo url_for('opFreepagePlugin/index') ?>">キャンセル</a>
  14.           <?php if (!$form->getObject()->isNew()): ?>
  15.             &nbsp;<?php echo link_to('削除', 'opFreepagePlugin/delete?id='.$form->getObject()->getId(), array('method' => 'delete', 'confirm' => '本当に削除しますか？')) ?>
  16.           <?php endif; ?>
  17.           <input type="submit" value="<?php echo $form->getObject()->isNew() ? '作成' : '更新' ?>" />
  18.         </td>
  19.       </tr>
  20.     </tfoot>
  21.     <tbody>
  22.       <?php echo $form->renderGlobalErrors() ?>
  23.       <tr>
  24.         <th><?php echo $form['title']->renderLabel() ?></th>
  25.         <td>
  26.           <?php echo $form['title']->renderError() ?>
  27.           <?php echo $form['title'] ?>
  28.         </td>
  29.       </tr>
  30.       <tr>
  31.         <th><?php echo $form['body']->renderLabel() ?></th>
  32.         <td>
  33.           <?php echo $form['body']->renderError() ?>
  34.           <?php echo $form['body'] ?>
  35.         </td>
  36.       </tr>
  37.       <tr>
  38.         <th><?php echo $form['app_type']->renderLabel() ?></th>
  39.         <td>
  40.           <?php echo $form['app_type']->renderError() ?>
  41.           <?php echo $form['app_type'] ?>
  42.         </td>
  43.       </tr>
  44.       <tr>
  45.         <th><?php echo $form['auth']->renderLabel() ?></th>
  46.         <td>
  47.           <?php echo $form['auth']->renderError() ?>
  48.           <?php echo $form['auth'] ?>
  49.         </td>
  50.       </tr>
  51.     </tbody>
  52.   </table>
  53. </form>

この_form部分テンプレートは、新規作成と編集の両方に対応しているテンプレートですので、ところどころで三項演算子の分岐で新規作成時と編集時の描画内容を分けています。このようにフォームの描画部分を１つのファイルにまとめることで、効率の良いコード保守ができるわけです。

　一応これでフォームは表示できるのですが、symfonyが自動で生成したフォームは余計なフィールドが混ざっているので、たいていはカスタマイズが必要です。今回もcreated_atやupdated_atを表示させないようにしたり、app_typeやauthの表示方法を変更するために、フォームファイルをカスタマイズします。/plugins/opFreepagePlugin/lib/form/FreepageForm.class.phpを開いて、クラスの中身を以下のように書き換えます。

PLAIN TEXT
php:
  1. protected static $auths = array('0' => 'なし', '1' => 'あり');
  2.   protected static $app_types = array('pc' => 'pc', 'mobile' => 'mobile');
  3.  
  4.   public function configure()
  5.   {
  6.     unset($this['created_at'], $this['updated_at']);
  7.  
  8.     $this->widgetSchema['body'] = new sfWidgetFormTextarea(array(), array('cols' => 50, 'rows' => 20));
  9.  
  10.     $this->widgetSchema['app_type'] = new sfWidgetFormSelect(array('choices' => self::$app_types));
  11.     $this->validatorSchema['app_type'] = new sfValidatorChoice(array('choices' => array_keys(self::$app_types)));
  12.  
  13.     $this->widgetSchema['auth'] = new sfWidgetFormChoice(array('choices' => self::$auths, 'multiple' => false, 'expanded' => true));
  14.     $this->validatorSchema['auth'] = new sfValidatorChoice(array('choices' => array_keys(self::$auths)));
  15.  
  16.     $this->widgetSchema->setLabels(array(
  17.       'app_type' => 'アプリケーションタイプ',
  18.       'auth'     => '認証が必要',
  19.     ));
  20.   }

上から順番に処理の内容を言うと、bodyフィールドのcols・rowsの設定、app_typeフィールドをセレクトボックスとし選択肢を限定、authフィールドをオプションボタンとし選択肢を限定、いくつかのフィールドのラベルを変更、となっています。実は最初authフィールドをチェックボックスとして実装したのですが、0と1で判断するauthフィールドとはなぜか相性が良くないらしく、編集時にauth=0のはずがチェックがされた状態で描画されてしまいました。とりあえずオプションボタンにすることで回避できました。

以上で管理画面側は全て出来上がりました。実際に編集画面を見てみるとこんな感じになります。
02_opfreepage_edit

次回はPC/mobileの実際の表示画面の作成をやります。次回の内容でプラグインの機能部分は終わって、それ以降はプラグインの微調整と、プラグインのリリースなどが待っています。あともう少しでプラグインの完成です！

カテゴリ : OpenPNE3, php, symfony 
タグ : , ,

このエントリをはてなブックマークに追加[OpenPNE3]管理画面付きプラグイン(opFreepagePlugin)#3 管理画面編集フォーム作成のはてなブックマーク被リンク数このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをBuzzurl（バザール）に追加

No Responses to “[OpenPNE3]管理画面付きプラグイン(opFreepagePlugin)#3 管理画面編集フォーム作成”

コメントはまだありません。

Comments RSS rss うえちょこ＠ぼろぐ TrackBack Identifier URI rss うえちょこ＠ぼろぐ

コメントをどうぞ