第一回デザイナー向けCakePHP勉強会のLT発表資料です。PHPTALの概要、CakePHPでの利用方法について紹介します。

1. PHPTAL with CakePHP
July 2011
CakePHP

2. About Me
• WEB Developer / PHP / CakePHP / HTML / CSS / jQuery / MySQL / iPhone /
/ / / / / / / no more
• BLOG: http://php-tips.com/
• TWITTER: @nojimage

3. Template Engine

4. Template Engine
• HTML
• Smarty, Twig, PHP, PHPTAL, etc...

5. Data Template
Template
Engine
HTML,
RSS Feed,
etc...

6. PHPTAL

7. TAL
• XHTML(XML)
• http://wiki.zope.org/ZPT/TAL

8. Templae Attribute Language
• XHTML(XML)
• http://wiki.zope.org/ZPT/TAL

9. PHPTAL
• Zope TAL PHP
•
http://phptal.org/
•
http://phptal.org/manual/ja/

10. code

12. Data

13. $people = array(
array(
‘name’ => ‘Taro Yamada’,
‘phone’ => ‘090-0000-0000’
),
array(
‘name’ => ‘Hisateru Tanaka’,
‘phone’ => ’06-XXXX-XXXX’
),
// ...
);

14. HTML

15. <table>
<tr>
<th>Name</th>
<th>Phone</th>
</tr>
<tr>
<td>person's name</td>
<td>person's phone</td>
</tr>
<tr>
<td>sample name</td>
<td>sample phone</td>
</tr>
</table>

16. <table>
<tr>
<th>Name</th>
<th>Phone</th>
</tr>
<tr>
<td>person's name</td>
<td>person's phone</td>
</tr>
<tr>
<td>sample name</td>
<td>sample phone</td>
</tr>
</table>

17. PHP

18. <table>
<tr>
<th>Name</th>
<th>Phone</th>
</tr>
<?php foreach ($people as $person) : ?>
<tr>
<td><?php echo $person['name']; ?></td>
<td><?php echo $person['phone']; ?></td>
</tr>
<?php endforeach; ?>
</table>

19. Smarty
is not smart...

20. <table>
<tr>
<th>Name</th>
<th>Phone</th>
</tr>
{foreach from=$people item=person}
<tr>
<td>{$person.name}</td>
<td>{$person.phone}</td>
</tr>
{/foreach}
</table>

21. PHPTAL

22. <table>
<tr>
<th>Name</th>
<th>Phone</th>
</tr>
<tr tal:repeat="person people">
<td tal:content="person/name">person's
name</td>
<td tal:content="person/phone">person's
phone</td>
</tr>
<tr tal:replace="">
<td>sample name</td>
<td>sample phone</td>
</tr>
</table>

23. <table>
<tr>
<th>Name</th>
<th>Phone</th>
</tr>
<tr tal:repeat="person people">
<td tal:content="person/name">person's
HTML
name</td>
<td tal:content="person/phone">person's
phone</td>
</tr>
<tr tal:replace="">
<td>sample name</td>
<td>sample phone</td>
</tr>
</table>

24. in Browser

25. in Browser

26. in Browser

27. in Browser
HTML

28. HTML

30. PHPTAL
•
1. tal:define 7. tal:attributes
2. tal:condition 8. tal:on-error
3. tal:repeat 9. metal:define-macro
4. tal:omit-tag 10. metal:use-macro
5. tal:replace 11. metal:define-slot
6. tal:content 12. metal:fill-slot

31. PHPTAL is Smart!

33. PHPTAL

36. PHPTAL
with
CakePHP

37. CakePHP-TALTAL
plugin

38. https://github.com/nojimage/
CakePHP-TALTAL

39. Feature
• html, xhtml, zpt
PHPTAL
• ctp PHP
OK
•

40. Feature
• url, fullurl
• cake:helper

41. Installation
• git clone or download
• set to plugins/taltal
• write to AppController
class AppController extends Controller {
// ...(snip)
public $view = 'Taltal.Phptal';
// ...(snip)
}

42. Let’s Try PHPTAL!!
PHPTAL

43. CakePHP-TALTAL
• https://github.com/nojimage/CakePHP-TALTAL
• since 2011/06/01
• version 0.3.1