Twig ใน symfony 2 : การสร้างเเม่เเบบ Template

Post a reply


In an effort to prevent automatic submissions, we require that you complete the following challenge.
Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

Expand view Topic review: Twig ใน symfony 2 : การสร้างเเม่เเบบ Template

Twig ใน symfony 2 : การสร้างเเม่เเบบ Template

by thatsawan » 14/04/2015 1:12 pm

Twig ใน symfony 2 : การสร้างเเม่เเบบ Template
ก่อนอื่น ทำความเข้าใจก่อนว่าในการสร้าง page แน่นอนว่าจะไม่มีเพียงแค่หน้า HTML เพียงหน้าเดียว แต่จะมี Header และ Footer ที่จะเหมือนๆกันที่นี่เราจะมาสร้าง Template แม่แบบขึ้นมาก่อนสำหรับเรียกใช้งานในหน้าอื่นๆ ต่อไป
โดยโครงสร้างการไฟล์ Controller เราจะสร้างมาพร้อมกับ Forder ด้านใน view คือ 1 Controller จะสามารถมี หน้า Template ได้หลายๆ หน้า ดังภาพตัวอย่าง
22-7-2557 18-45-14.png
22-7-2557 18-45-14.png (34.97 KiB) Viewed 846 times
ที่นี่เราจะมาสร้าง เเม่เเบบ Template ไว้ที่ views ดังภาพตังอย่าง เพื่อที่จะให้ ไฟล์ Template จาก Controller เรียกใช้งานได้
2015-04-14_0-44-07.png
2015-04-14_0-44-07.png (94.94 KiB) Viewed 840 times

Code: Select all

<!DOCTYPE html>
<html>
 <head>
  {% block head %}
  <link rel="stylesheet" href="style.css">
  <script src="jQuery.js" type="text/javascript"></script>
  {% endblock %}
    <title>{% block title %}{{name}}{% endblock %}</title>
    </head>
 </head>
 <body>
  <div id="content">{% block content %} {% endblock %}</div>
  <div id="sidebar">{% block sidebar %} {% endblock %}</div>
  <div id="footer">
   {% block footer %}
   &copy; 2015 mindphp.com
   {% endblock %}
  </div>
 </body>
</html>
สังเกตุว่า
head = จะไม่ได้ใส่ค่าอะไรลงไป
title = จะใส่ค่า name ที่รับมาจาก URL ส่งมาจากตัวแปรใน PHP การแสดงผลในส่วนนี้ ดูได้จากภาพตัวอย่าง
2015-04-13_21-59-11.png
2015-04-13_21-59-11.png (62.34 KiB) Viewed 846 times
content = จะไม่ได้ใส่ค่าอะไรลงไป
footer = ระบุเนื้อหาลงไป “ &copy; 2015 mindphp.com”

Top