ก่อนที่จะเริ่มต้นการใช้งาน ต้องไปทำการดาวน์โหลด Class มาใช้งานกันก่อนที่ http://www.smarty.net/ (Smarty-3.0.8)
หลังจากดาวน์โหลดมาแล้วทำการแตกไฟล์ออก ซึ่งภายในจะประกอบไปด้วย
- demo
- libs
- README
- SMARTY2_BC_NOTES
- COPYING.lib
- change_log.txt
โฟลเดอร์ที่สำคัญคือ libs ซึ่งภายในจะมี ไฟล์ Smarty.class.php ซึ่งจำเป็นต่อการใช้งาน ต่อไปก็เริ่มทำการทดสอบการใช้งานลองดูเลย
- ก็อบปี้ โฟลเดอร์ Smarty-3.0.8 ที่ได้หลังจากการแตกไฟล์ (ซึ่งผมตัดชื่อให้เหลือแค่ Smarty)ไปไว้ที่ เซิฟเวอร์จำลอง โฟลเดอร์ WWW
- สร้างไฟล์ test.php ไว้ภายในโฟลเดอร์ Smarty แล้วก็เขียนคำสั่งนี้ลงไป
<?php
require'libs/Smarty.class.php'; // แทรก Class Smarty ลงไป
class Contacts{
var $id = 1;
var $name = 'Chaiwit';
var $email = 'lionblue_wit_99 at hotmail dot com';
var $phone = '083-130-43xx';
}
$contacts = new Contacts;
$smarty = new Smarty();
$smarty->assign('title', 'Contact Detail'); // ตัวแปร, ค่าที่ส่งไป
$smarty->assign('contact',$contacts); // ตัวแปร, ค่าที่ส่งไป
$smarty->display('test.tpl'); // อ้างอิงการเรียกใช้งาน Template
?>
- สร้างโฟลเดอร์ templates เพื่ออ้างอิง Template ที่เราเรียกใช้จากไฟล์ test.php โดยในไฟล์ test.php เราเรียกใช้งานไฟล์ชื่อ test.tpl ฉะนั้นเราก็ต้องสร้างไฟล์ test.tpl เก็บไว้ในโฟลเดอร์ templates แล้วก็เขียนโค้ดนี้ลงไป
<html>
<head>
<title>{$title}</title>
</head>
<body>
{$contact->id}<br>
{$contact->name}<br>
{$contact->email}<br>
{$contact->phone}<br>
</body>
</html>
หมายเหตุ คำสั่ง $contact->id คือ คำสั่งที่ใช้แสดง property ค่าของ Class ที่เราส่งมา
หลังจากนั้นก็ทดลองรับ สคริป นี้ที่ http://localhost/smarty/test.php ก็จะได้ผลลัพย์ดังรูปด้านล่าง
* Smarty template case sensitive เรื่องการส่งตัวแปร ตัวอักษรเล็ก ตัวอักษรใหญ่
อ่านเนื้อหาเพิ่มเติมได้ที่ : http://www.phpeveryday.com/articles/Smarty-Template-Engine-Tutorial-P849.html
ไม่มีความคิดเห็น:
แสดงความคิดเห็น