Zend_Layout-QuickStart.xml 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!-- Reviewed: no -->
  3. <!-- EN-Revision: 15103 -->
  4. <sect1 id="zend.layout.quickstart">
  5. <title>Zend_Layout クイックスタート</title>
  6. <para>
  7. <classname>Zend_Layout</classname> の使用法は大きくふたつに分けられます。
  8. Zend Framework の MVC を使用する方法とそれ以外の方法です。
  9. </para>
  10. <sect2 id="zend.layout.quickstart.layouts">
  11. <title>レイアウトスクリプト</title>
  12. <para>
  13. どちらにしても、まずはレイアウトスクリプトを作成しなければなりません。
  14. レイアウトスクリプトは、単純に Zend_View
  15. (あるいはその他のあなたが使用しているビュー実装) を用いて作成します。
  16. レイアウト変数の登録には <classname>Zend_Layout</classname> の
  17. <link linkend="zend.view.helpers.initial.placeholder">プレースホルダ</link>
  18. を使用します。プレースホルダへのアクセスは、
  19. プレースホルダヘルパーを使用するか、
  20. あるいはレイアウトヘルパーのレイアウトオブジェクトのプロパティを使用します。
  21. </para>
  22. <para>
  23. たとえばこのようになります。
  24. </para>
  25. <programlisting role="php"><![CDATA[
  26. <!DOCTYPE html
  27. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  28. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  29. <html>
  30. <head>
  31. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  32. <title>私のサイト</title>
  33. </head>
  34. <body>
  35. <?php
  36. // レイアウトヘルパーで使用するコンテンツのキーを取得します
  37. echo $this->layout()->content;
  38. // プレースホルダヘルパーで 'foo' キーを取得します
  39. echo $this->placeholder('Zend_Layout')->foo;
  40. // レイアウトオブジェクトを取得し、そこから変数のキーを取得します
  41. $layout = $this->layout();
  42. echo $layout->bar;
  43. echo $layout->baz;
  44. ?>
  45. </body>
  46. </html>
  47. ]]>
  48. </programlisting>
  49. <para>
  50. <classname>Zend_Layout</classname> は <classname>Zend_View</classname>
  51. を用いてレンダリングをしているので、
  52. 登録されているビューヘルパーはすべて使用することができます。
  53. またビューに登録されている変数も使用することができます。
  54. 特に便利なのは、さまざまな <link
  55. linkend="zend.view.helpers.initial.placeholder">プレースホルダヘルパー</link>
  56. を使用できることでしょう。
  57. これらを用いると、たとえば &lt;head&gt;
  58. セクションやナビゲーション部などのコンテンツを取得することができます。
  59. </para>
  60. <programlisting role="php"><![CDATA[
  61. <!DOCTYPE html
  62. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  63. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  64. <html>
  65. <head>
  66. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  67. <?php echo $this->headTitle() ?>
  68. <?php echo $this->headScript() ?>
  69. <?php echo $this->headStyle() ?>
  70. </head>
  71. <body>
  72. <?php echo $this->render('header.phtml') ?>
  73. <div id="nav"><?php echo $this->placeholder('nav') ?></div>
  74. <div id="content"><?php echo $this->layout()->content ?></div>
  75. <?php echo $this->render('footer.phtml') ?>
  76. </body>
  77. </html>
  78. ]]>
  79. </programlisting>
  80. </sect2>
  81. <sect2 id="zend.layout.quickstart.mvc">
  82. <title>Zend_Layout を Zend Framework の MVC で使用する方法</title>
  83. <para>
  84. <classname>Zend_Controller</classname> には拡張用の機能が豊富に用意されています。
  85. これは <link linkend="zend.controller.plugins">フロントコントローラ
  86. プラグイン</link> や <link
  87. linkend="zend.controller.actionhelpers">アクションコントローラ
  88. ヘルパー</link> によって実現されているものです。
  89. <classname>Zend_View</classname> にも <link
  90. linkend="zend.view.helpers">ヘルパー</link> は存在します。
  91. <classname>Zend_Layout</classname> を MVC コンポーネントとともに使用すると、
  92. これらのさまざまな拡張ポイントの恩恵を受けることになります。
  93. </para>
  94. <para>
  95. <classname>Zend_Layout::startMvc()</classname> は、オプションの設定項目を指定して
  96. <classname>Zend_Layout</classname> のインスタンスを作成します。
  97. そして、フロントコントローラプラグインを登録し、
  98. ディスパッチループの終了後にレイアウトの中身をレンダリングするようにします。
  99. また、アクションヘルパーを登録して、
  100. アクションコントローラからレイアウトオブジェクトにアクセスできるようにします。
  101. さらに、ビュースクリプトからレイアウトのインスタンスを取得するには
  102. <code>layout</code> ビューヘルパーを使用します。
  103. </para>
  104. <para>
  105. まずは、MVC と組み合わせるための Zend_Layout
  106. のインスタンスの作成方法を見てみましょう。
  107. </para>
  108. <programlisting role="php"><![CDATA[
  109. // 起動ファイル内で
  110. Zend_Layout::startMvc();
  111. ]]>
  112. </programlisting>
  113. <para>
  114. <code>startMvc()</code> には、オプションの配列あるいは
  115. <classname>Zend_Config</classname> オブジェクトを渡すことができます。
  116. これによってインスタンスをカスタマイズします。
  117. オプションの詳細については <xref linkend="zend.layout.options" />
  118. を参照ください。
  119. </para>
  120. <para>
  121. アクションコントローラからは、
  122. アクションヘルパーでレイアウトのインスタンスにアクセスします。
  123. </para>
  124. <programlisting role="php"><![CDATA[
  125. class FooController extends Zend_Controller_Action
  126. {
  127. public function barAction()
  128. {
  129. // このアクションではレイアウトを無効にします
  130. $this->_helper->layout->disableLayout();
  131. }
  132. public function bazAction()
  133. {
  134. // このアクションでは別のレイアウトスクリプトを使用します
  135. $this->_helper->layout->setLayout('foobaz');
  136. };
  137. }
  138. ]]>
  139. </programlisting>
  140. <para>
  141. ビュースクリプトでは、<code>layout</code>
  142. ビューヘルパーを用いてレイアウトオブジェクトにアクセスします。
  143. このビューヘルパーは、他のヘルパーとは異なり引数を受け取りません。
  144. そして文字列ではなくオブジェクトを返します。
  145. これにより、レイアウトオブジェクトのメソッドをすぐにコールできるようになります。
  146. </para>
  147. <programlisting role="php"><![CDATA[
  148. <?php $this->layout()->setLayout('foo'); // 別のレイアウトを設定します ?>
  149. ]]>
  150. </programlisting>
  151. <para>
  152. MVC に登録した <classname>Zend_Layout</classname>
  153. のインスタンスを取得するには、静的メソッド
  154. <code>getMvcInstance()</code> を使用します。
  155. </para>
  156. <programlisting role="php"><![CDATA[
  157. // startMvc() がまだコールされていない場合は null を返します
  158. $layout = Zend_Layout::getMvcInstance();
  159. ]]>
  160. </programlisting>
  161. <para>
  162. 最後に、<classname>Zend_Layout</classname>
  163. のフロントコントローラプラグインが持つ、
  164. レイアウトのレンダリング以外の重要な機能をひとつ紹介します。
  165. レスポンスオブジェクトから名前つきセグメントをすべて取得し、
  166. それをレイアウトの変数に代入するというものです。
  167. このとき 'default' セグメントは 'content' という名前の変数に代入します。
  168. これにより、アプリケーションのコンテンツにアクセスして
  169. それをビュースクリプト内でレンダリングできるようになります。
  170. </para>
  171. <para>
  172. たとえば、こんな例を考えてみましょう。あなたの書いたコードがまず
  173. <code>FooController::indexAction()</code> を実行し、
  174. デフォルトのレスポンスセグメントに何らかのコンテンツをレンダリングしてから
  175. <code>NavController::menuAction()</code> に転送します。
  176. ここでは、レンダリングしたコンテンツをレスポンスセグメント
  177. 'nav' に格納します。最後に
  178. <code>CommentController::fetchAction()</code>
  179. に転送してコメントを取得しますが、その内容はデフォルトのレスポンスセグメントに
  180. (追記する方式で) レンダリングします。
  181. そして、ビュースクリプト側ではそれを個別にレンダリングします。
  182. </para>
  183. <programlisting role="php"><![CDATA[
  184. <body>
  185. <!-- /nav/menu のレンダリング -->
  186. <div id="nav"><?php echo $this->layout()->nav ?></div>
  187. <!-- /foo/index + /comment/fetch のレンダリング -->
  188. <div id="content"><?php echo $this->layout()->content ?></div>
  189. </body>
  190. ]]>
  191. </programlisting>
  192. <para>
  193. この機能は、ActionStack <link linkend="zend.controller.actionhelpers.actionstack">
  194. アクションヘルパー</link> や <link
  195. linkend="zend.controller.plugins.standard.actionstack">プラグイン</link>
  196. と組み合わせて使うと非常に便利です。
  197. アクションのスタックを作成してそれをループさせ、
  198. ウィジェット形式のページを作成するというわけです。
  199. </para>
  200. </sect2>
  201. <sect2 id="zend.layout.quickstart.standalone">
  202. <title>Zend_Layout を単体のコンポーネントとして使用する方法</title>
  203. <para>
  204. 単体のコンポーネントとして使用した場合は、Zend_Layout
  205. を MVC に組み込んだ場合に使用できる機能のほとんどが使えなくなります。
  206. しかし、それでも次のふたつのメリットがあります。
  207. </para>
  208. <itemizedlist>
  209. <listitem><para>
  210. レイアウト変数のスコープの管理。
  211. </para></listitem>
  212. <listitem><para>
  213. レイアウトビュースクリプトとその他のビュースクリプトの分離。
  214. </para></listitem>
  215. </itemizedlist>
  216. <para>
  217. 単体のコンポーネントとして使用するには、
  218. 単純にレイアウトオブジェクトのインスタンスを作成して
  219. 各種アクセサで状態を設定し、
  220. オブジェクトのプロパティに変数を設定してから
  221. レイアウトをレンダリングします。
  222. </para>
  223. <programlisting role="php"><![CDATA[
  224. $layout = new Zend_Layout();
  225. // レイアウトスクリプトのパスを設定します
  226. $layout->setLayoutPath('/path/to/layouts');
  227. // 変数を設定します
  228. $layout->content = $content;
  229. $layout->nav = $nav;
  230. // 別のレイアウトスクリプトを選択します
  231. $layout->setLayout('foo');
  232. // 最終的なレイアウトをレンダリングします
  233. echo $layout->render();
  234. ]]>
  235. </programlisting>
  236. </sect2>
  237. <sect2 id="zend.layout.quickstart.example">
  238. <title>サンプルレイアウト</title>
  239. <para>
  240. 一枚の絵のほうがが千の言葉よりも雄弁なこともあります。
  241. これは、サンプルのレイアウトスクリプトをすべてまとめたときに
  242. どのように表示されるのかを示すものです。
  243. </para>
  244. <para>
  245. <inlinegraphic align="center" valign="middle"
  246. fileref="figures/zend.layout.quickstart.example.png" format="PNG" />
  247. </para>
  248. <para>
  249. 実際の要素の並び順は、使用する CSS によってさまざまに異なります。
  250. たとえば、絶対位置指定を用いれば、
  251. ナビゲーション部を本文よりも後に表示させても上部に表示させることができるでしょう。
  252. 同じことが、サイドバーやヘッダにもいえます。
  253. しかし、そのコンテンツを作り出すもとの仕組みは同じです。
  254. </para>
  255. </sect2>
  256. </sect1>
  257. <!--
  258. vim:se ts=4 sw=4 et:
  259. -->