Perch CMS Template Engine

How we wrote a template engine for Perch CMS

Transcript

1. Drew McLellan Perch CMS grabaperch.com -HOW WE WROTE A- TEMPLATE ENGINE RDG Geek Night 10th September 2013
2. L I G H T W E I G H T PHP CMS FOR SMALL WEBSITES
3. WE NEEDED A REALLY GOOD TEMPLATE LANGUAGE
4. -SO- W H A T W A S ALREADY OUT THERE?
5. SMARTY (NOT SO SMART)
6. TWIG (NOT SO MATURE)
7. JUST PHP -WITH A- DIFFERENT S Y N T A X
8. !<perch:content !!!type=”text” !!!id=”heading” !!!label=”Main heading” !!!required=”true” />
9. <h2><perch:content id="heading" type="text" label="Heading" required="true" title="true" /></h2> <p class="date"><perch:content id="date" type="date" label="Date" format="%d %B %Y" /></p> <perch:content id="body" type="textarea" label="Body" textile="true" editor="markitup" required="true" />
10. HTML IS LIKE X M L RIGHT?
11. <img src="<perch:content id="photo" type="image" label="Photo" />" />
12. xkcd.com/208
13. stackoverflow.com/questions/1732348/
14. ! <perch:content type=”text” ! ! id=”heading” label=”Main heading” ! ! required=”true” /> #<perch:content[^>]*/>#
15. $Tag = new PerchXMLTag( '<perch:content id="foo" bar="baz" />'); echo $Tag->bar; // baz
16. #([a-z-]*)="([^"]*)"#
17. #([a-z-]+)=[\"]([^\"\\ \\]*(?:\\\\.[^\"\\\ \]*)*)[\"]#
18. -WAIT- REGULAR EXPRESSIONS ARE SLOW, RIGHT?
19. REGEX ARE SLOW UNLESS YOU NEED THEM
20. #(<perch:if[^>]*>)(((?! perch:if).)*)</perch:if># ! <perch:if exists=”foo”> ! ! ... loadsamarkup ... ! </perch:if>
21. -WE NEEDED- A NEW WAY -TO PARSE- TAG PAIRS
22. <perch:if exists=”a”> ! <perch:if exists=”b”> ! ! <perch:if exists=”c”> ! ! ! Hello, world. ! ! </perch:if> ! </perch:if> <perch:else /> ! <perch:if exists=”d”> ! ! Goodbye, cruel world. ! </perch:if> </perch:if>
23. <perch:if exists=”a”> ! <perch:if exists=”b”> ! ! <perch:if exists=”c”> ! ! ! Hello, world. ! ! </perch:if> ! </perch:if> <perch:else /> ! <perch:if exists=”d”> ! ! Goodbye, cruel world. ! </perch:if> </perch:if>
24. <perch:if exists=”a”> ! <perch:if exists=”b”> ! ! <perch:if exists=”c”> ! ! ! Hello, world. ! ! </perch:if> ! </perch:if> <perch:else /> ! <perch:if exists=”d”> ! ! Goodbye, cruel world. ! </perch:if> </perch:if>
25. <perch:if exists=”a”> ! <perch:if exists=”b”> ! ! <perch:if exists=”c”> ! ! ! Hello, world. ! ! </perch:if> ! </perch:if> <perch:else /> ! <perch:if exists=”d”> ! ! Goodbye, cruel world. ! </perch:if> </perch:if>
26. <perch:if exists=”a”> ! <perch:if exists=”b”> ! ! <perch:if exists=”c”> ! ! ! Hello, world. ! ! </perch:if> ! </perch:if> <perch:else /> ! <perch:if exists=”d”> ! ! Goodbye, cruel world. ! </perch:if> </perch:if>
27. <perch:if exists=”a”> ! <perch:if exists=”b”> ! ! <perch:if exists=”c”> ! ! ! Hello, world. ! ! </perch:if> ! </perch:if> <perch:else /> ! <perch:if exists=”d”> ! ! Goodbye, cruel world. ! </perch:if> </perch:if>
28. <perch:if exists=”a”> ! <perch:if exists=”b”> ! ! ! ! ! Hello, world. ! ! ! </perch:if> <perch:else /> ! <perch:if exists=”d”> ! ! Goodbye, cruel world. ! </perch:if> </perch:if>
29. <perch:if exists=”a”> ! <perch:if exists=”b”> ! ! ! ! ! Hello, world. ! ! ! </perch:if> <perch:else /> ! <perch:if exists=”d”> ! ! Goodbye, cruel world. ! </perch:if> </perch:if>
30. CLOSING TAGS -ARE - EASY
31. NO MORE WINDOWS CRASHES
32. MAYBE - WE WILL - REWRITE IT
33. THANK YOU Perch is at grabaperch.com On most things, I’ am @ drewm