2011年4月4日月曜日

4/4覚書

1時間目~2時間目
☆複数画像UPとヘルパー
できてる人はアンケート
enquete_add
名前
性別(ラジオボタン)
興味のあること(チェックボックス)
コメント
画像
SQL
CREATE TABLE enquete(
id int not null auto_increment,
name text,
gender int,
hobby int ,
content text,
photo text,
created_at datetime,
primary key(id) );

ここで時間切れ。自習だぬー。

3時間目
☆ルーティング
ルーティングとは、URL マッピングとも呼ばれ、URLから判断して
使用するmoduleを決定する仕組み。
アクセスした時点でどこに飛ばすか、のコントロール機能。

場所はプロジェクト/apps/アプリケーション名/config/routing.yml
ルーティング名称(自由):
url: URL
param: {module: モジュール名, action: アクション名}

※default_symfonyの項目は保留
※URLに*でワイルドカード指定おk

ニュースモジュール作成とsymfony cc
symfony init-module front news
return sfView::SUCCESS;

/news/listにURLを変えるとほかページのリンク修正がめんどい。
そのときにルーティングで処理すると一括でできる。
デフォルトのURLを変更したいときにルーティングを使う。必要なければ使わなくてよい。
※入力ルールparamでは:の後、半角スペース必須。
つけたいルーティングは# default rules(ここから下削除不可)の上に置く。

実例
#news/listにURL変更。ルーティングルールは上位ほど強くなる。
newslist:
  url:  /news/list
  param: { module: news, action: index }
routing.yml変更後は必ずsymfony cc
表示しないルールをつけることもできる。
newslist:
  url:  /news
  param: { action: error404 }

IDの受け取り
コントローラー側
  public function executeDatail()
  {
   print $id = $this->getRequestParameter("id");
   //$this->id = $this->getRequestParameter("id");
   return sfView::SUCCESS;
  }
routing.yml側
newsdatail:
  url:  /news/datail/:id
  param: { module: news, action: datail }
http://www.shonanbbs.com/news/datail/33とか
http://www.shonanbbs.com/news/datail/1111とか入れると数字が出てくるよ

@ルーティング名にするとそのルーティング名に則ったURLにできる。
値はGETで示す。

newsモジュールに以下記述


4時間目
部品化
パーシャル
一番簡単な部品化の方法で、主にロジックを含まないテンプレートを部品化する際に使用する。
指定したモジュール名/templatesディレクトリに、_テンプレート名.phpというファイルを作成する。
読み込むコード


実例
layout.phpの<div id="contentRight">直下に記述。

モジュール名にglobalにすると一番上のモジュールを指定できる。
templates直下に\menu.php作成し、
MENU

会員登録

とかを切り取って貼り付け。

◆練習問題
ヘッダーとフッターをpartial化
◆練習問題
sharedモジュール作成、templateはmessageでお知らせ文作成
<?php include_partial("shared/message");?>

_message.php

<div style="boader: 2px; padding: 10px; background-color:#DF8713; margin:10px 0px;">
管理者からの大切なお知らせ。
こちらをごらんください。
</div>

member_addとか無いからlayoutにはっつけちゃったYO。

☆スロット
templateからlayoutを操作したい場合に利用
◆練習。
layoutでtemplate作成。
<div id="pankuzu">
<?php include_slot("pankuzu");?>
</div>
indexSuccessでインクルード。
<?php slot('pankuzu');?>
HOME
<?php end_slot();?>

5時間目
◆練習問題 パンくずを実装
ヘルパー練習ページでも適用できるよ
<?php slot('pankuzu');?>
<?php echo link_to("HOME","/member/list")?>>ヘルパーの練習
<?php end_slot();?>

CSS
#pankuzu {
boder-bottom:1px dotted #ddd;
padding-bottom:5px;
}
◆練習問題 タイトルを変えてみよう
layout.phpの<?php include_title() ?>を
<title><?php include_slot("title") ?></title>に変える
indexSuccessはこう
<?php slot('title');?>
TOP | SHONANBBS
<?php end_slot();?>

◆補足。関数利用可能
titleというスロットがあればtemplateを読み込むifが使える。
<title><?php if(has_slot("title")):?>
<?php include_slot("title") ?> | <?php endif;?>
SHONANBBS</title>

templateがより省略できる
<?php slot('title');?>
TOP
<?php end_slot();?>

◆スロットとパーシャルの組み合わせ

layoutのパーシャル切り取り、以下に変更
<?php include_slot("sidemenu");?>

<?php slot('sidemenu');?>
<?php include_partial("global/menu", array('now' => 'top'));?>
<?php end_slot();?>

ヘルパーページ
<?php slot('sidemenu');?>
<?php include_partial("global/menu", array('now' => 'help'));?>
<?php end_slot();?>

_menu.php
<?php if ($now == "top"):?>
<a href="/" class="nowpage">TOP</a><br>
<?php else :?>
<a href="/">TOP</a><br>
<?php endif;?>

<?php if ($now == "help"):?>
<a href="/default/help" class="nowpage">ヘルパーの使い方</a><br>
<?php else :?>
<a href="/default/help">ヘルパーの使い方</a><br>
<?php endif;?>

6時間目

◆練習もっかいパーシャル。
<?php include_partial("global/ad");?>

<div class="ad">
広告です。
</div>

☆コンポーネント
パーシャルにロジックが加わったものがコンポーネント。
部品化したいが、その部品を作成するためにはデータベースからデータを取得する
必要がある場合に使用される。

◆練習問題
member_listモジュール無い人は追加
sidemenuにmemberlistを出してみよう。

bbs2/apps/front/modules/shared/templatesに_memberlist.php作成

メンバー一覧
<?php foreach ($members as $member):?>
<div class="sidelist">
<?php echo $member->getNickname();?>
</div>
<?php endforeach;?>

bbs2/apps/front/modules/shared/actionsにcomponents.class.php作成
<?php
class SharedComponents extends sfComponents
{
 public function executeMemberlist(){
  $c = new Criteria();
  $this->members = MemberPeer::doselect($c);
 }
}

◆練習問題
最新のコメント5件をsidemenuに出してみよう。

bbs2/apps/front/modules/shared/templatesに_newreplyt.php作成

最新の返信
<?php foreach ($replys as $reply):?>
<div Class="sidelist">
<?php echo $reply->getContent();?>
</div>
<?php endforeach;?>

bbs2/apps/front/modules/shared/actions/components.class.phpの
memberlistの直下に作成

 public function executeNewreply(){
  $c = new Criteria();
  $c->addDescendingOrderByColumn(ReplyPeer::CREATED_AT);
  $c->setlimit(5);
  $this->replys = ReplyPeer::doselect($c);
 }

あと_menuの各項目に<div class="sidelist">つけてねー。
今日は何とかついてこれた~~~~。ふぅ。

んで追加のCSS。適宜応用よろ。

#pankuzu {
boder-bottom:1px dotted #ddd;
padding-bottom:5px;
}
.nowpage {
background-color:#FAB6D6;
padding:1px;
margin-bottom:1px;
}
.ad {
 border:1px solid #ddd;
 padding:10px;
 background-color:#D1DEE0;
}

.sidelist {
 border-bottom:1px solid #ddd;
 padding:5px 0px;
 }

4/1覚書

1時間目
replyに画像追加の続き。
ex.複数画像の続き

2時間目も同様

3時間目
☆ヘルパー

no_script_nameをONにすることでフロントコントローラーがURLに出なくなる。

4時間目
ヘルパー続き

5時間目
ヘルパーをbbs2に適用

6時間目
schema実行後に生成されるomディレクトリの子クラスに変更点を記述。
親クラスには記述しない。

来週はreply以外のデータ参照もあるそうな。

現時点ソース。カテゴリ未完成だよー;
写真複数にするときはphotoカラム追加と
/web/images/comment2とか複数必要だよー。

コントロール側

 public function executeIndex()
 {
  print_r(sfConfig::get('sf_support_mail'));


  //commentテーブル全行表示降順
  //昇順 ->addAscendingOrderByColumn(column);
  $c = new Criteria();
  $c->addDescendingOrderByColumn(CommentPeer::CREATED_AT);
  $this->comments = CommentPeer::doSelect($c);


  return sfView::SUCCESS;

 }


 public function executeConfirm()
 {
  $this->name = $this->getRequestParameter("name");
  $this->coment = $this->getRequestParameter("coment");
  $this->categorie = $this->getRequestParameter("categorie");
  $photo1 = $this->getRequest()->getFile('photo1');
  $photo2 = $this->getRequest()->getFile('photo2');


 // sleepさせてrootで/tmpを見る
 //sleep(10);

 //画像の一時ファイル判定
 if($photo1["tmp_name"] != '') {

  //保存する画像名はセッションID生成し付与
  session_regenerate_id();
  //myUtil::getFileExtで拡張子判別。帰り値は._gif._png._jpg
  $tmpname1 = 'photo1_' . session_id() .myUtil::getFileExt( $photo1["tmp_name"] );
  //web/uploads/tmpへ画像を移動する
  $this->getRequest()->moveFile('photo1',sfConfig::get('sf_upload_dir').'/tmp/'.$tmpname1);

  //templateにパスを渡している
  $this->photo1 = $tmpname1;
 }

  //画像の一時ファイル判定
 if($photo2["tmp_name"] != '') {

  //保存する画像名はセッションID生成し付与
  session_regenerate_id();
  //myUtil::getFileExtで拡張子判別。帰り値は._gif._png._jpg
  $tmpname2 = 'photo2_' . session_id() .myUtil::getFileExt( $photo2["tmp_name"] );
  //web/uploads/tmpへ画像を移動する
  $this->getRequest()->moveFile('photo2',sfConfig::get('sf_upload_dir').
'/tmp/'.$tmpname2);

  //templateにパスを渡している
  $this->photo2 = $tmpname2;
 }



  return sfView::SUCCESS;
 }

 public function executeHelp()
 {
  return sfView::SUCCESS;
 }

 public function executeResult()
 {

  //nameとmailを変数にして渡す。
  $name = $this->getRequestParameter("name");
  $coment = $this->getRequestParameter("coment");
  $categorie = $this->getRequestParameter("categorie");


  //insertのmember
  //インスタンス化。空のオブジェクトを生成。
  $comment = new Comment();
  //変数にした名前とメールを入力。idカラムは自動なので不要。
  //カラムにcreated_at、update_atがあればSymfonyが自動で一緒にやってくれる。
  $comment->setNickname("$name");
  $comment->setContent("$coment");
  $comment->setCategorie("$categorie");
  //insert文発行
  $comment->save();

  //画像データを変数にして渡す
  $photo1 = $this->getRequestParameter('photo1');
  $photo2 = $this->getRequestParameter('photo2');

  //画像の存在判定
  if($photo1 != '') {

   ///uploads/tmp/'.$photo1から画像を取得
   $src = sfConfig::get('sf_web_dir').'/uploads/tmp/'.$photo1;
   //最新(投稿と同一)のidを取得(autoincrement稼動時)
   $saveName = $comment->getId().myUtil::getFileExt($src);
   //TEMPから/images/comment/".$saveNameへ保存
   $dst = sfConfig::get('sf_web_dir')."/images/comment/".$saveName;

   rename($src, $dst);
   $comment->setPhoto($saveName);
   $comment->save();

  }

  if($photo2 != '') {

   ///uploads/tmp/'.$photo2から画像を取得
   $src = sfConfig::get('sf_web_dir').'/uploads/tmp/'.$photo2;
   //最新(投稿と同一)のidを取得(autoincrement稼動時)
   $saveName = $comment->getId().myUtil::getFileExt($src);
   //TEMPから/images/comment/".$saveNameへ保存
   $dst = sfConfig::get('sf_web_dir')."/images/comments2/".$saveName;

   rename($src, $dst);
   $comment->setPhoto2($saveName);
   $comment->save();

  }


  return sfView::SUCCESS;
 }
index

<div class="line">
<?php echo form_tag("default/confirm","method=post multipart=true")?>
新規投稿<br>
<?php echo textarea_tag("coment", 
array("rows" => "10", "cols" => "30")) ?>

<br>
ニックネーム<?php echo input_tag("name", array("size => 20"))?>

   
カテゴリ

<?php $categorie = sfConfig::get('sf_categorie')?>
<?php echo select_tag("$categorie", 
options_for_select($categorie,$value));?><br>

画像1<?php echo input_file_tag("photo1") ?><br>
画像2<?php echo input_file_tag("photo2") ?><br>

<?php echo submit_tag("送信する") ?><br>

</form>

</div>

<div class="comment">
 <?php foreach ($comments as $comment):?>
  <?php echo $comment->getNickname();?>の投稿
     投稿日時<?php echo $comment->getCreatedat();?>
     カテゴリ:<?php echo $comment->getCategorie();?><br><br><br>

  <?php echo $comment->getContent();?><br><br>
  <?php if($comment->getPhoto()):?>
  <?php echo image_tag('/images/comment/'
.$comment->getPhoto(),"class=imgmain") ?><br><br>
  <?php endif;?>
  <?php if($comment->getPhoto2()):?>
  <?php echo image_tag('/images/comment/'
.$comment->getPhoto2(),"class=imgmain") ?><br><br>
  <?php endif;?>
  <?php echo link_to("返信", "/reply_add/input", 
array("query_string" => "id=".$comment->getId()))?>
 <br><br>

<?php $replys = $comment->getReplys();?>
  <?php foreach ($replys as $reply):?>
<div class="reply">

  <?php echo $reply->getNickname();?>さんの投稿
   返信日時<?php echo $reply->getCreatedat();?><br><br>
  <?php echo $reply->getContent();?><br><br>
  <?php if($reply->getPhoto()):?>
  <?php echo image_tag('/images/reply/'.$reply->getPhoto(),"class=imgmain") ?><br><br>
  <?php endif;?>
</div>
  <?php endforeach;?>
 <?php endforeach;?>

</div>
input
このコメントに返信します
<div>
 <?php echo $comment->getContent();?><br>
 <?php if($comment->getPhoto()):?><br>
 <img src="/images/comment/<?php echo $comment->getPhoto();?>"><br><br>
 <?php endif;?>
</div>

<div class="line">
</div>
返信フォーム<br>

<?php echo form_tag("/reply_add/confirm", "method=post multipart=true")?>
<?php echo textarea_tag("coment", array("rows" => "10", "cols" => "30")) ?><br>
ニックネーム<?php echo input_tag("name", array("size => 20"))?><br>
<br>
画像1<?php echo input_file_tag("photo") ?><br><br>
<?php echo input_hidden_tag('id', $comment->getId()) ?>
<?php echo submit_tag("確認する") ?>
</form>
confirm
<?php echo form_tag("/reply_add/result", "method=post multipart=true")?>
返信内容<br>
<?php echo $coment;?>
<?php echo input_hidden_tag('coment', $coment) ?>
<br>
ニックネーム<br>
<?php echo $name;?>
<br>
画像<br>
<?php if($photo !=""):?>
<img src="/uploads/tmp/<?php echo $photo?>">
<br><br>
<div class="line"></div>
<?php echo input_hidden_tag('photo', $photo) ?>
<?php endif;?>
<?php echo input_hidden_tag('name', $name) ?>
<?php echo input_hidden_tag('id', $id) ?>
<br>

<?php echo submit_tag("完了") ?>
</form>