sixhead

วิธีใช้ class Template ตอนที่ 7 tr ใน table

Chairat Sunthornwiphat — Sun, 13 Nov 2016 08:11:15 +0000

ถึงจะเป็นยุคที่เราใช้ div เป็นหลักแล้วแต่ในบางเนื้อหา table ยังมีความจำเป็นอยู่
ในกรณีที่ table มีหลาย column และเราใช้ $tp->sub(); ถ้าข้อมูลไม่ครบจะไม่ถูกปิด มาดูวิธีแก้ก้น

ผลการทำงาน (ปิด tag “ไม่” ถูกต้อง)
ผลการทำงาน (ปิด tag ถูกต้อง)
*ต้อง view source คู่กันไปด้วย
สามารถทดลองเปลี่ยน item=5 เป็นจำนวนที่ต้องการได้

_tp_table.html

table.php

 100) {
    $item = 100;
}

$tp = new Template('_tp_table.html');

$title = 'วิธีการเติม table ให้เต็ม';

$tp->block('data');
$tp->sub(4);
for ($no = 1; $no <= $item; $no++) {
    $name = $no;
    $tp->apply();
}

if ($fix) {
    if ($tp->getCurrentSub() != 1) {
        for ($no = $tp->getCurrentSub(); $no <= 4; $no++) {
            $name = '';
            $tp->apply();
        }
    }
}

$tp->display();
exit;

วิธีใช้ class Template ตอนที่ 6 ซ้อน loop

Chairat Sunthornwiphat — Fri, 11 Nov 2016 20:07:51 +0000

หมายเหตุ
เป็นการนำเอา ตอนที่ 3 block (ขั้นสูง) มาแยกให้เห็นตัวอย่างเฉพาะการซ้อน loop

ผลการทำงาน





วิธีใช้งาน ซ้อน loop





    วิธีใช้งาน ซ้อน loop
    
            
        
            
                1
            
        
        
            
                2
            
        
    
    
            
        
            
                1
            
        
        
            
                2
            
        
    
    
    
    
    
        
            
                1
            
        

        
            
                2
            
        
    
    
    
        
            
                1
            
        

        
            
                2

_tp_loop-in-loop.html

loop-in-loop.php

block('items1');
$styles = ['danger', 'info'];
foreach ($styles as $key => $css) {
    $item = '';
    for ($no = 1; $no < 3; $no++) {
        $item .= $tp->applyBlock('item');
    }
    $tp->apply();
}

$tp->block('items2');
$styles = ['success', 'warning'];
foreach ($styles as $key => $css) {
    $item = '';
    for ($no = 1; $no < 3; $no++) {
        $item .= $tp->applyBlock('item');
    }
    $tp->apply();
}

$tp->display();
exit;

วิธีใช้ class Template ตอนที่ 5 การใช้งานผ่าน class, function

Chairat Sunthornwiphat — Fri, 11 Nov 2016 19:06:03 +0000

ตอนนี้ได้อะไรบ้าง

$tp->setGlobal(false);
$tp->setGlobal(true);
$tp->assign();

หลักการทำงาน
– เมื่อขนาดโปรเจคท์ใหญ่ขึ้นมีความจำเป็นต้องแยกเป็น class, function ออกมา จะต้องใช้ $tp->setGlobal(false); และตามด้วย $tp->assign(); เพื่อระบุค่าให้ตัวแปร
– มีลักษณะการทำงาน 2 แบบได้แก่
1. ใช้ $tp->assign(); เฉพาะการแทนค่าใน class, function
2. ใช้ $tp->assign(); ทุกกรณี

ผลการทำงาน แบบที่ 1
ผลการทำงาน แบบที่ 2

ทั้ง 2 แบบได้ผลลัพท์เหมือนกัน




วิธีใช้งาน จาก class, function





    วิธีใช้งาน จาก class, function

        
        1
        2
        3
        4
        5

_tp_other.html




$title





    $title

    
    
        $no

other1.php

display();
exit;

function _setData() {
    global $tp;

    $tp->setGlobal(false);
    $tp->block('data');
    for ($no = 1; $no < 6; $no++) {
        $tp->assign('no', $no);
        $tp->apply();
    }
    $tp->setGlobal(true);
}

other2.php

setGlobal(false);

$title = 'วิธีใช้งาน จาก class, function';
$tp->assign('title', $title);
_setData();

$tp->display();
exit;

function _setData() {
    global $tp;

    $tp->block('data');
    for ($no = 1; $no < 6; $no++) {
        $tp->assign('no', $no);
        $tp->apply();
    }
}

วิธีใช้ class Template ตอนที่ 4 Memcached

Chairat Sunthornwiphat — Fri, 11 Nov 2016 18:51:58 +0000

ตอนนี้ได้อะไรบ้าง

cache ทั้งหน้าด้วย Memcached
cache บางส่วนด้วย Memcached
$tp->generate();
$tp->applyBlock();

หลักการทำงาน
โดยปกติเราจะแสดงผลลัพท์ออกมาเลยด้วย $tp->display(); หากต้องการใช้งานอย่างอื่น
สามารถนำผลลัพท์ที่ได้จาก $tp->generate(); ไปใช้ ในตัวอย่างนี้คือการเก็บลง Memcached

ทั้ง 2 ตัวอย่างให้ลองกด reload ถี่ๆ สังเกตุตรงเวลา cache จะเปลี่ยนใหม่ทุก 5 วินาที
ผลการทำงาน 1 (cache ทั้งหน้า)
ผลการทำงาน 2 (cache บางส่วน)

_tp_memcached.html




$title





    $now

    
    $data
    $no. $now

memcached1.php

addServer('127.0.0.1', 0000);

$cache_name = "test1";
$cache = $mem->get($cache_name);
if (!$cache) {
    $tp = new Template('_tp_memcached.html');

    $title = 'วิธีใช้งานกับ Memcached1';
    $now = date('Y-m-d H:i:s');

    $tp->block('data');
    for ($no = 1; $no < 6; $no++) {
        $tp->apply();
    }

    $cache = $tp->generate();
    $mem->set($cache_name, $cache, 5);
}

echo $cache;
exit;

memcached2.php

addServer('127.0.0.1', 0000);

$tp = new Template('_tp_memcached.html');

$title = 'วิธีใช้งานกับ Memcached2';
$now = date('Y-m-d H:i:s');

$cache_name = "test2";
$data = $mem->get($cache_name);
if (!$data) {
    for ($no = 1; $no < 6; $no++) {
        $data .= $tp->applyBlock('data');
    }
    $mem->set($cache_name, $data, 5);
}

$tp->display();
exit;

วิธีใช้ class Template ตอนที่ 3 block (ขั้นสูง)

Chairat Sunthornwiphat — Fri, 11 Nov 2016 14:02:48 +0000

ตอนนี้ได้อะไรบ้าง

นำข้อมูลใน block จากคนละ template มาใช้งาน
เปลี่ยนข้อความกำหนด block แทนคำว่า SiXhEaD
sub block

sub block คืออะไร
sub block เป็นส่วนย่อยภายใน block เหมาะสำหรับ layout ที่แตกต่างกัน เช่นบาง sub block มี 1 รูป บาง sub block มี 2 รูป หรือมี background คนละสี

หมายเหตุ
– ในการใช้งานจริงการรวมหรือแยก template ควรคำนึงถึงความเหมาะสมด้วย ไม่ควรแยกมากจนเกินไป ยิ่งเยอะจะกลายเป็นการ open file เกินความจำเป็น
– อยากใช้ข้อความกำหนด block แทนคำว่า SiXhEaD ก็ยังได้ ให้สังเกตุ parameter ที่ 2
$tp_item = new Template(‘_tp_item.html’, ‘Thailand’);

ผลการทำงาน 1 ($member == 1)
ผลการทำงาน 2 ($member == 0)

_tp_item.html


$ip ไม่สามารถใช้งานได้



ยินดีต้อนรับ $username



$item1_title

    
    $no
    




$css_uc



$item3_title


$no

$no

$no

_tp_block-advance.html




$title





    $title
    $raw
    $message
    $item1
    $item2_title
    $item2
    $item3
    $item4_title
    
    
    $no
    
    $no
    
    $no

block-advance.php

blockHtml('message-member-1');
    $message = $tp_item->applyBlock('message-member-1');

    // loop วิธีที่ 1
    $item1_title = 'หัวข้อ 1';
    $tp_item->block('item1');
    for ($no = 1; $no < 4; $no++) {
        $tp_item->apply();
    }
    $item1 = $tp_item->generate();
    $tp_item->clear('item1'); // จำเป็นหากเรียกจาก template อื่น

    // loop วิธีที่ 2
    $item2_title = 'หัวข้อ 2';
    $styles = ['success', 'info', 'warning', 'danger'];
    foreach ($styles as $key => $css) {
        $css_uc = ucfirst($css);
        $item2 .= $tp_item->applyBlock('item2');
    }
} else {
    $ip = $_SERVER['REMOTE_ADDR'];
    $raw = $tp_item->blockHtml('message-member-0');
    $message = $tp_item->applyBlock('message-member-0');
}

$item3_title = 'หัวข้อ 3';
$tp_item->block('item3');
$tp_item->sub(3);
for ($no = 1; $no < 9; $no++) {
    $tp_item->apply();
}
$item3 = $tp_item->generate();
$tp_item->clear('item3'); // จำเป็นหากเรียกจาก template อื่น

$item4_title = 'หัวข้อ 4';
$tp->block('item4');
$tp->sub(3);
for ($no = 1; $no < 9; $no++) {
    $tp->apply();
}

$tp->display();
exit;

วิธีใช้ class Template ตอนที่ 2 block (ขั้นต้น)

Chairat Sunthornwiphat — Fri, 11 Nov 2016 13:09:31 +0000

ตอนนี้ได้อะไรบ้าง

รู้จัก block
แสดง block
ซ่อน block

block คืออะไร
– block คือส่วนที่เก็บข้อมูลของตัวมันไว้ใช้งาน ไม่ว่าจะเป็นแสดงผลตามเงื่อนไข, ดึงข้อมูลไปใช้งานต่อ หรือ loop

$variable

– เนื้อหาใน block เป็นอะไรก็ได้ไม่ว่าจะ text, html, xml, json, js ฯลฯ
– block จะซ่อนโดยอัตโนมัติ ต้องสั่งด้วย $tp->apply(); ก่อนจึงจะแสดงออกมา

หลักการทำงาน
– ข้อมูลใน block never-see-me จะไม่ถูกแสดงออกมา
– ข้อมูลใน block firefox, chrome จะแสดงก็ต่อเมื่อใช้ browser แต่ละชนิดเปิดดู พร้อมทั้งแสดงข้อมูล browser ออกมา

ผลการทำงาน




วิธีใช้งาน block





    วิธีใช้งาน block (ขั้นต้น)
    
    
        สวัสดี Firefox
        Mozilla/5.0 (Windows NT 6.1; WOW64; rv:49.0) Gecko/20100101 Firefox/49.0
        

       
        1
        2
        3
        4
        5
    

    
        Success
        Info
        Warning
        Danger

_tp_block.html




$title





    $title
    
    
    
        สวัสดี Firefox
        $user_agent
    
    

    
    
        สวัสดี Chrome
        $user_agent
    
    

    
    คุณจะไม่เห็นข้อความนี้
    

    
        
        $no
        
    

    
        
        $css_uc

block.php

block('data1');
for ($no = 1; $no < 6; $no++) {
    $active = '';
    if ($no == 3) {
        $active = 'active';
    }
    $tp->apply();
}

$styles = ['success', 'info', 'warning', 'danger'];
$tp->block('data2');
foreach ($styles as $key => $css) {
    $css_uc = ucfirst($css);
    $tp->apply();
}

$user_agent = $_SERVER['HTTP_USER_AGENT'];
if (preg_match('@Firefox@', $user_agent)) {
    $tp->block('firefox');
    $tp->apply();
} elseif (preg_match('@Chrome@', $user_agent)) {
    $tp->block('chrome');
    $tp->apply();
}

$tp->display();
exit;

วิธีใช้ class Template ตอนที่ 1

Chairat Sunthornwiphat — Fri, 11 Nov 2016 12:18:03 +0000

ตอนนี้ได้อะไรบ้าง

แสดงค่าจากตัวแปร
แสดงค่าใน block (loop)
ข้ามการแทนค่าตัวแปร

หมายเหตุ
ทุกตอนหากคลิกดูผลการทำงานและ view source จะเห็นว่ามีบรรทัดว่างเยอะ เนื่องจากไฟล์ template ตัวอย่างต้องการให้อ่านง่าย ในการทำงานจริงจะเว้นบรรทัดเท่าที่จำเป็น (งานจริงจะ extends class ล้างบรรทัด และช่องว่างที่ไม่จำเป็นทิ้ง)

หลักการทำงาน
– ค้นหาตัวแปร $variable แล้วแทนที่ด้วยค่าที่ต้องการ
– กำหนดไม่ให้แทนค่าด้วยคำสั่ง $tp->ignore();

ผลการทำงาน




วิธีใช้ class SiXhEaD.Template





    วิธีใช้ class SiXhEaD.Template

    
        1
        2
        3
        4
        5
    
    
    
        $jQuery
        $1000
        $library()
        $$()

_tp_simple.html




$title





    $title

    
    
        $no
    
    
    
    
        $jQuery
        $1000
        $library()
        $$()
    

    
        $var1
        $var2
        $var3
        $var4

simple.php

block('data');
for ($no = 1; $no < 6; $no++) {
    $tp->apply();
}

$tp->ignore('jQuery');
$tp->ignore('1000');
$tp->ignore('library');

$tp->display();
exit;

SiXhEaD Template – PHP Template Engine

Chairat Sunthornwiphat — Thu, 10 Nov 2016 03:36:00 +0000

ในยุคที่ PHP เริ่มเป็นที่นิยม การเขียนจะเป็นแบบ PHP + Html ในไฟล์เดียวซึ่งมันดูรก และไม่เป็นระเบียบ
ตอนนั้นสลับจากภาษา Perl มา PHP มี function ง่ายๆ อยู่จึงได้แปลง Perl มาเป็น PHP มีไม่กี่บรรทัด (code อยู่ท้ายหน้า)
พัฒนาเรื่อยมาจนเป็น class ใช้ถึงตอนนี้ คิดว่าน่าจะมีประโยชน์สำหรับ PHP Programmer จึงได้นำมาให้ลองใช้กัน
*สามารถนำไปใช้ได้กับงานทุกประเภทที่คุณต้องการ ทั้งแจกฟรี และการค้า

หมายเหตุ
– ข้อดีของการแยกไฟล์ Html ออกมาคือเราจะมองเห็น layout ของ Html แบบที่เป็นอยู่จริง คนเขียน CSS สามารถแก้ และดู layout ได้โดยไม่ต้องเรียกผ่าน PHP
– รองรับ PHP5 และ PHP7

[update 28/12/2016]
SiXhEaD.Template.v6.0.4
SiXhEaD.Template.v6.0.4 + CodeIgniter.v3.1.2
โครงสร้างไฟล์ที่เกี่ยวข้อง CodeIgniter

/application/controllers/Sixhead.php
/application/libraries/Tp.php
/application/libraries/SiXhEaD.Template.php
/application/views/_tp_index.html
/application/views/_tp_item.html

วิธีใช้ v5.7 โดย 9AuM scriptdd.com (เก่าแล้ว บาง function อาจมีการเปลี่ยนชื่อ)
ตอนที่ 1 l ตอนที่ 2 l ตอนที่ 3

มือใหม่
เผื่อไม่รู้ห้ามนำไปใช้ แบบ parameter เป็นชื่อไฟล์ตรงๆ เด็ดขาด เป็นเหตุผลด้านความปลอดภัยเรียกว่า Local File Inclusion

ไม่ควร
page.php?file=home.html
ควร
page.php?file=1
แล้วไปเช็คเงื่อนไข 1 เรียก home.html อีกที

function ต้นแบบ

Perl

sub Template {
    my $HTML="";
    open (TEMPLATE, "$template") || die print "CAN NOT OPEN : $template : $!";
    while(