ViewBlock - Viewの継承 -                    CakePHP2.1https://gist.github.com/1983724 資料内のコード                                ...
CakePHP1.x/2.0のViewLayout / View / Elements                  Layout                 viewファイル                 Elements     ...
CakePHP1.x/2.0のView               @mon_sat                          3
CakePHP1.x/2.0のView               @mon_sat                          4
ViewBlockの基本子のViewBlockでassign(append, start/end) したHTMLを親のViewBlockで fetch する                      @mon_sat              ...
ViewBlockとはHTMLの「一部」(もしくは全部)各ViewBlockは親ViewBlockを持つ Layout(親)view.ctp(子)と同様 必要に応じて何回層も入れ子にできる最上位のViewBlockがLayoutファイル    ...
ViewBlockのイメージ           @mon_sat                      7
ViewBlockの使用例                8
viewファイルとは別の場所でh1タグを使用             @mon_sat                        9
viewファイルとは別の場所でh1タグを使用       任意のキー   親のViewBlockに渡す「値」                     @mon_sat                                   9
$this->assign($name, $value);  上位ViewBlockにHTML(の一部)  を渡す  content は$nameとして使えない$this->fetch($name);  下位ViewBlockで設定されたHTM...
</body>直前にJavaScriptを記述したい                @mon_sat                           11
$this->append($name, $value = null);  任意のViewBlockの末尾に  HTML(の一部)を加えるHtmlHelperのblockオプション  array( block => name )で、戻  り値を...
Side Bar に書き出す            @mon_sat                       13
Side Bar に書き出す            @mon_sat                       13
$this->append($name);$this->start($name);  $this->end()まで、HTMLを任意の  ViewBlockの末尾に加える  入れ子にして(同時に)使用可能$this->end();  直近のVie...
ViewBlock継承の使用例                  15
viewファイルのテンプレートを作って使い回す(継承する)viewファイルのテンプレート化で、よりDRYにViewを作成可能 例: Layout > (template) > viewファイルクラスを継承するようにviewファイルを継承可能  ...
viewのtemplateを利用する              @mon_sat                         17
$this->extend($name);  継承するViewBlockを指定する  包含する親ViewBlockができる  $nameの指定方法   viewファイル(View/Posts/index.ctpの場合)      /temp ・...
$this->extend() による継承は、必要なだけ何度でも入れ子にできる               つまり、、、                          19
まとめViewBlockでViewもDRYに             20
参考資料http://book.cakephp.org/2.0/en/appendices/new-features-in-cakephp-2-1.html   マニュアル(CakePHP2.1の新機能)http://book.cakephp....
$this->assign($name, $value);$this->append($name, $value = null);$this->append($name);$this->start($name);$this->end();$th...
自己紹介@mon_sat (twitter) 株式会社ダイレクトサーチジャパン CakePHPによる開発が大好きチーム・モンブランサックス http://tipshare.info/                         @mon_s...
Upcoming SlideShare
Loading in …5
×

Cakephp2.1 ViewBlock view-inheritance

3,920 views

Published on

CakePHP勉強会 2012春

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,920
On SlideShare
0
From Embeds
0
Number of Embeds
1,345
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Cakephp2.1 ViewBlock view-inheritance

  1. 1. ViewBlock - Viewの継承 - CakePHP2.1https://gist.github.com/1983724 資料内のコード @mon_sat 1
  2. 2. CakePHP1.x/2.0のViewLayout / View / Elements Layout viewファイル Elements @mon_sat 2
  3. 3. CakePHP1.x/2.0のView @mon_sat 3
  4. 4. CakePHP1.x/2.0のView @mon_sat 4
  5. 5. ViewBlockの基本子のViewBlockでassign(append, start/end) したHTMLを親のViewBlockで fetch する @mon_sat 5
  6. 6. ViewBlockとはHTMLの「一部」(もしくは全部)各ViewBlockは親ViewBlockを持つ Layout(親)view.ctp(子)と同様 必要に応じて何回層も入れ子にできる最上位のViewBlockがLayoutファイル @mon_sat 6
  7. 7. ViewBlockのイメージ @mon_sat 7
  8. 8. ViewBlockの使用例 8
  9. 9. viewファイルとは別の場所でh1タグを使用 @mon_sat 9
  10. 10. viewファイルとは別の場所でh1タグを使用 任意のキー 親のViewBlockに渡す「値」 @mon_sat 9
  11. 11. $this->assign($name, $value); 上位ViewBlockにHTML(の一部) を渡す content は$nameとして使えない$this->fetch($name); 下位ViewBlockで設定されたHTML を取り出す $nameが存在しなければ空文字列 10
  12. 12. </body>直前にJavaScriptを記述したい @mon_sat 11
  13. 13. $this->append($name, $value = null); 任意のViewBlockの末尾に HTML(の一部)を加えるHtmlHelperのblockオプション array( block => name )で、戻 り値をViewBlockに格納 HtmlHelper::css()やmeta()でも 使用可能 12
  14. 14. Side Bar に書き出す @mon_sat 13
  15. 15. Side Bar に書き出す @mon_sat 13
  16. 16. $this->append($name);$this->start($name); $this->end()まで、HTMLを任意の ViewBlockの末尾に加える 入れ子にして(同時に)使用可能$this->end(); 直近のViewBlockを閉じる 14
  17. 17. ViewBlock継承の使用例 15
  18. 18. viewファイルのテンプレートを作って使い回す(継承する)viewファイルのテンプレート化で、よりDRYにViewを作成可能 例: Layout > (template) > viewファイルクラスを継承するようにviewファイルを継承可能 @mon_sat 16
  19. 19. viewのtemplateを利用する @mon_sat 17
  20. 20. $this->extend($name); 継承するViewBlockを指定する 包含する親ViewBlockができる $nameの指定方法 viewファイル(View/Posts/index.ctpの場合) /temp ・・・app/View/temp.ctp temp ・・・app/View/Posts/temp.ctp Layoutファイル temp ・・・app/View/Layouts/temp.ctp Elementファイル temp ・・・app/View/Elements/temp.ctp 18
  21. 21. $this->extend() による継承は、必要なだけ何度でも入れ子にできる つまり、、、 19
  22. 22. まとめViewBlockでViewもDRYに 20
  23. 23. 参考資料http://book.cakephp.org/2.0/en/appendices/new-features-in-cakephp-2-1.html マニュアル(CakePHP2.1の新機能)http://book.cakephp.org/2.0/en/views.html マニュアル(View)http://mark-story.com/posts/view/view-inheritance-in-cakephp Mark Story による解説http://nabeelio.com/2012/01/breadcrumbs-for-your-cake-2-1-feature/ ViewBlockを使用して「パンくずリスト」を作成する @mon_sat 21
  24. 24. $this->assign($name, $value);$this->append($name, $value = null);$this->append($name);$this->start($name);$this->end();$this->fetch($name);$this->extend($name); 22
  25. 25. 自己紹介@mon_sat (twitter) 株式会社ダイレクトサーチジャパン CakePHPによる開発が大好きチーム・モンブランサックス http://tipshare.info/ @mon_sat 23

×