Penggunaan fungsi OUTPUTS.CONF pada PHP

Saya tahu bahwa ini adalah pertanyaan lama tetapi saya ingin menulis jawaban saya untuk pelajar visual. Saya tidak dapat menemukan diagram yang menjelaskan buffering output di web-seluruh dunia jadi saya membuat sesuatu sendiri di mspaint. 

Jika buffering output dimatikan, maka echo akan segera mengirim data ke Browser.

Jika buffering output diaktifkan, maka echo akan mengirim data ke buffer output sebelum mengirimnya ke Browser. 

phpinfo

Untuk melihat apakah buffering Output dihidupkan/dimatikan, silakan merujuk ke phpinfo di bagian inti. Arahan output_buffering akan memberi tahu Anda apakah buffering Output aktif/tidak aktif.

php.ini

Dimungkinkan untuk menghidupkan/mematikan dan mengubah ukuran buffer dengan mengubah nilai arahan output_buffering. Cukup temukan di php.ini, ubah ke pengaturan pilihan Anda, dan mulai ulang server Web. Anda dapat menemukan contoh php.ini saya di bawah ini. 

; Output buffering is a mechanism for controlling how much output data
; (excluding headers and cookies) PHP should keep internally before pushing that
; data to the client. If your application's output exceeds this setting, PHP
; will send that data in chunks of roughly the size you specify.
; Turning on this setting and managing its maximum buffer size can yield some
; interesting side-effects depending on your application and web server.
; You may be able to send headers and cookies after you've already sent output
; through print or echo. You also may see performance benefits if your server is
; emitting less packets due to buffered output versus PHP streaming the output
; as it gets it. On production servers, 4096 bytes is a good setting for performance
; reasons.
; Note: Output buffering can also be controlled via Output Buffering Control
;   functions.
; Possible Values:
;   On = Enabled and buffer is unlimited. (Use with caution)
;   Off = Disabled
;   Integer = Enables the buffer and sets its maximum size in bytes.
; Note: This directive is hardcoded to Off for the CLI SAPI
; Default Value: Off
; Development Value: 4096
; Production Value: 4096
; http://php.net/output-buffering
output_buffering = 4096

Arahan output_buffering bukan satu-satunya arahan yang dapat dikonfigurasi mengenai buffering Output. Anda dapat menemukan arahan buffering Output yang dapat dikonfigurasi lainnya di sini: http://php.net/manual/en/outcontrol.configuration.php

Contoh: ob_get_clean ()

Di bawah ini Anda dapat melihat cara mengambil echo dan memanipulasinya sebelum mengirimnya ke browser. 

// Turn on output buffering  
ob_start();  

echo 'Hello World';  // save to output buffer

// Get content which is in the output buffer ...  
// ... and delete output buffer  
$output = ob_get_clean();  
$output = strtoupper($output); // manipulate the output  

echo $output;  // send to output stream / Browser

// OUTPUT:  
HELLO WORLD

Contoh: Hackingwithphp.com

Info lebih lanjut tentang Output buffer dengan contoh dapat ditemukan di sini: 

http://www.hackingwithphp.com/13/0/0/output-buffering

Indonesian (Bahasa Indonesia) translation by ⚡ Rova Rindrata (you can also view the original English article)

Cascading Style Sheet adalah suatu penyajian bahasa lembar gaya. Dalam arti bahwa, tidak memiliki banyak fungsi yang banyak pengembang ingin memuaskan naluri programmer mereka. Hari ini, kita akan membahas bagaimana mendongkrak CSS Anda dengan menempatkan beberapa PHP dibaliknya.

Rincian tutorial

• Program: Apache, PHP
• Version: n/a
• Kesulitan: Menengah
• Perkiraan Waktu Penyelesaian: 20 menit

Pengenalan

Menggunakan CSS untuk memperkuat sebuah situs web adalah syarat kontemporer di web untuk situs web non-Flash - dan untuk alasan yang baik. CSS itu kuat. Ia dapat membuat atau menghancurkan sebuah situs web (meskipun biasanya IE6 yang melakukan perusakan). Bahkan dengan kegunaannya, desainer dan pengembang sama-sama berharap untuk lebih banyak dari bahasa tersebut sejak awal berdirinya lebih dari dua belas tahun yang lalu dengan CSS Level 1 Rekomendasi. Hari ini, kita akan mengulas beberapa cara untuk Mendongkrak CSS Dengan PHP Dibaliknya.

Catatan: Saya tidak akan berdebat untuk atau melawan konsep CSS variabel dan/atau konstanta CSS. Artikel ini ditulis dengan asumsi bahwa Anda akan membuat keputusan mengenai ini sekali disajikan dengan apa yang dapat dilakukan. Artikel ini mengajarkan bagaimana untuk mengatur mereka dan menggunakan mereka, tapi tidak membahas kontroversi secara penuh.

Pengaturan Hal-Hal

Sebelum mendongkrak dimulai, kita harus memastikan bahwa Anda memiliki persyaratan yang tepat untuk melakukannya. Kita akan menggunakan dua metode untuk membuat CSS Anda bekerja dengan PHP, satu yang pendek dan manis, dan satu yang sedikit lebih elegan dan kurang terlihat bagi pengguna. Keduanya sama-sama memiliki kebutuhan dasar dari sebuah server yang menjalankan PHP. Versi yang lebih elegan memerlukan sedikit lebih banyak:

1. Apache (menjalankan PHP, jelas)
2. File .htaccess yang dapat diedit

Menyiapkan Metode Sederhana

Web browser tidak pilih-pilih tentang ekstensi file ketika berhadapan dengan tag link HTML. Apa yang mereka pilih-pilih adalah tentang data header yang diterimanya untuk file itu. Yang artinya adalah bahwa Anda dapat me-link file *.php dengan data header yang tepat sebagai pengganti file *.css, dan browser akan menafsirkan hasilnya seperti CSS standar. Untuk melakukannya, tambahkan header PHP yang memberitahu Apache untuk output file CSS:

<?php header("Content-type: text/css; charset: UTF-8"); ?>

Kemudian, cukup link ke file PHP seperti yang biasa anda lakukan:

<link rel="stylesheet" href="css/supercharged.php" media="screen">

Sekarang setelah Anda melakukan ini, Anda dapat--secara teori--melompat ke bagian berikutnya dari tutorial berurusan dengan variabel dan konstanta CSS, jika Anda ingin; Namun, siapa pun yang melihat sumber Anda akan melihat bahwa Anda memiliki file PHP yang mana seharusnya file CSS. Selain itu, hanya karena browser akan menafsirkan hasilnya dengan benar tidak berarti bahwa ia akan selalu melakukan hal-hal lain seperti caching file di browser. Untuk memperbaikinya, kita beralih ke versi yang sedikit lebih elegan.

Menyiapkan Metode Elegan

Apache dilengkapi dengan sejumlah besar trik .htaccess. Ini adalah salah satu dari mereka. Kami akan memberitahu Apache untuk menafsirkan semua file CSS di folder tertentu sebagai file PHP, dan web browser (dan pengguna), secara umum, tidak tahu bahwa Anda melakukannya. Hal pertama yang harus dilakukan adalah menempatkan data header di file CSS, seperti Metode Sederhana:

<?php header("Content-type: text/css; charset: UTF-8"); ?>

Kemudian, bukannya menyimpan file CSS sebagai file *.php, Anda menyimpannya sebagai file *.css, dan Anda menempatkannya dalam folder untuk CSS (dalam contoh kita, ~/css/). Setelah Anda melakukan ini, buat file .htaccess di dalam folder dan tambahkan berikut:

AddHandler application/x-httpd-php .css

Potongan memberitahu Apache agar menafsirkan semua file CSS pada folder dengan file .htaccess dengan handler skrip PHP. Jika Anda tidak memiliki kemampuan untuk menambahkan ini ke satu folder atau jika Anda perlu ini untuk berlaku di seluruh server, Anda juga dapat menambahkan ini ke file konfigurasi server httpd.conf Apache. Untuk melakukannya, Anda akan menambahkan potongan sebelumnya tepat di bawah kelompok deklarasi AddType dan AddHandler (seperti ini dari salah satu server saya):

AddType application/x-httpd-php .php .php3 .php4 .php5
AddType application/x-httpd-php-source .phps
AddHandler cgi-script .cgi .pl

Hanya ingat bahwa jika Anda menambahkan ini ke file konfigurasi server httpd.conf bahwa SETIAP file *.css pada server sekarang harus memiliki header PHP text/css dipasang di depannya Inilah sebabnya mengapa saya menyarankan untuk menambahkannya melalui .htaccess

Nyalakan Mesinnya dengan Variabel CSS

Dari Rata-rata Top 100 Survei Kinerja Weblog:

Kami melakukan tes pada 100 blog teratas untuk file CSS eksternal dan ukuran total. Rata-rata 100 blog teratas menggunakan 4 file CSS eksternal (termasuk @import) dengan rata-rata total ukuran file 43.1 K (tidak terkompresi). Jumlah file CSS eksternal berkisar dari 1 ke 18. Ukuran total CSS berkisar dari 0.2K ke 307K yang besar. Perhatikan bahwa analisis ini tidak termasuk CSS internal dalam file (X)HTML. Hal ini mencakup file CSS bersarang yang disebut dengan arahan @import.

Banyak sekali CSS. Mengapa ini? Hal sebanyak itu adalah karena CSS yang disampaikan tidak dikompresi dan tidak dioptimalkan. Semakin besar kemungkinan dugaannya adalah CSS yang menggembung dan kode yang kurang terawat. Salah satu pilihan populer untuk meningkatkan kode rawatan adalah menerapkan Variabel CSS melalui PHP.

Yang ini berarti adalah bahwa bukannya memiliki CSS seperti ini (ya, ini akan menghasilkan penyimpangan dari desain, tapi baik dalam menggambarkan tujuannya):

body {
 color: #000;
 background: #fff;
 font-size: 10px;
}
div#content {
 background: #ccc;
 font-size: 1.1em;
}
div#sidebar {
 color: #fff;
 background: #000;
 font-size: 1.0em;
}
div#footer {
 color: #555;
 background: #ccc;
}

Anda bisa memiliki CSS seperti ini:

<?php
$primaryTextColor = '#000';
$secondaryTextColor = '#fff';
$tertiaryTextColor = '#555';
$primaryBGColor = '#fff';
$secondaryBGColor = '#ccc';
$tertiaryBGColor = '#000';
$primaryTextSize = '10'; //pixels
?>
body {
 color: <?=$primaryTextColor?>;
 background: <?=$primaryBGColor?>;
 font-size: <?=$primaryTextSize?>px;
}
div#content {
 background: <?=$secondaryBGColor?>;
 font-size: <? echo 1.1*$primaryTextSize ?>px;
}
div#sidebar {
 color:  <?=$secondaryTextColor?>;
 background: <?=$tertiaryBGColor?>;
 font-size: <?=$primaryTextSize;?>px;
}
div#footer {
 color: <?=$tertiaryTextColor?>;
 background: <?=$secondaryBGColor?>;
}

Perhatikan bahwa variabel bernama panjang adalah untuk tujuan ilustrasi saja. Jelas, variabel ini dapat sepanjang atau sependek yang Anda suka, dan variabel yang lebih pendek membuat ukuran file yang lebih kecil.

Dalam contoh di atas, kami telah menggunakan basic variabel untuk mendirikan sebuah skema warna monokrom yang kemudian dapat digunakan seluruh situs web dalam gaya lain. Variabel-variabel ini bisa dengan mudah dipertukarkan dengan $color01, $color02, $color03, dll untuk menghasilkan efek yang sama. Seringkali, desainer dan pengembang web front-end diminta oleh klien "Hai, apakah Anda bisa membuat semua teks sedikit lebih gelap?" atau "Dapatkah Anda membuat semua teks hanya sedikit lebih besar?" Saat menggunakan variabel-variabel seperti ini tidak akan selalu menjadi solusi terbaik, sering akan mengurangi waktu perawatan ketika menggunakan banyak sistem template dan platform blogging (WordPress, Moveable Type, Expression Engine, dll) atau CMS perusahaan (Drupal, Joomla, Bitrix, dll).

Metode alternatif untuk menyimpan variabel adalah menyimpan data dalam array asosiasi (metode yang saya sukai), yang menghasilkan kode lebih seperti berikut:

<?php
$defaultCSS = array(
 'color01' => '#000',
 'color02' => '#fff',
 'color03' => '#ccc',
 'color04' => '#555',
 'baseTextSize' => '10'
);
?>
body {
 color: <?=$defaultCSS['color01']?>;
 background: <?=$defaultCSS['color02']?>;
 font-size: <?=$defaultCSS['baseTextSize']?>px;
}
div#content {
 background: <?=$defaultCSS['color03']?>;
 font-size: <? echo 1.1*$defaultCSS['baseTextSize']; ?>px;
}
div#sidebar {
 color:  <?=$defaultCSS['color02']?>;
 background: <?=$defaultCSS['color01']?>;
 font-size: <?=$defaultCSS['baseTextSize'];?>px;
}
div#footer {
 color: <?=$defaultCSS['color04']?>;
 background: <?=$defaultCSS['color03']?>;
}

Perhitungan dalam CSS

Setelah Anda telah mengatur hal-hal untuk menggunakan PHP dengan CSS Anda, Anda kemudian dapat melakukan beberapa hal yang cermat seperti perhitungan. Mari kita asumsikan bahwa Anda ingin mendirikan sebuah sistem yang Anda memberikan sekelompok DIV pada layar, masing-masing dengan berbagai jenis elemen didalamnya. Setiap jenis elemen (yaitu img, p, blockquote, dll) memiliki tinggi dan lebar unik yang dikontrol melalui CSS, dan Anda ingin jumlah margin harus didasarkan dari nilai-nilai ini seperti:

Dalam skenario ini, Anda ingin mengatur grid terstandar yang berisi tiga jenis yang berbeda dari elemen-elemen (img, p, dan blockquote) dikemas dalam dua kontainer yang berbeda (div dan li). Setiap DIV harus menjadi lebar 550px dan tinggi 250px, setiap LI harus menjadi lebar 600px dan tinggi 300px, dan masing-masing jenis elemen memiliki ketinggian dan lebar yang berbeda. Posisi elemen di dalam harus persis di tengah. Seiring waktu, tinggi dan lebar dari DIV/LI dan elemen yang berbeda mungkin akan perlu diganti. Anda bisa secara manual memasukkan jumlah margin untuk masing-masing elemen yang berbeda dan/atau menggunakan informasi kelas tambahan pada DIV kontainer untuk menambah jumlah padding yang sesuai, tapi ini tidak berguna untuk perubahan cepat, seperti yang diinginkan oleh seseorang yang membuat purwa-rupa di browser atau yang memiliki 200 elemen-elemen berbeda yang mereka harus memodifikasi datanya.

Langkah 1 - Struktur

Pertama, kami mengatur konten XHTML yang kita akan beri style seperti:

<div><p>Lorem ipsum dolor sit amet tellus.</p></div>
<div><blockquote>Etiam quis nulla pretium et.</blockquote></div>
<div><img src="images/inset.png" alt="Inset Image" /></div>
<ul>
<li><p>Lorem ipsum dolor sit amet tellus.</p></li>
<li><blockquote>Etiam quis nulla pretium et.</blockquote></li>
<li><img src="images/inset.png" alt="Inset Image" /></li>
</ul>

Langkah 2 - Header PHP dan Deklarasi Variabel

Selanjutnya, kami menyiapkan file PHP/CSS yang kita akan gunakan untuk men-style XHTML. Ini adalah di mana kita menyatakan ukuran standar dari elemen-elemen yang berbeda untuk digunakan di seluruh halaman.

<?php
header("Content-type: text/css; charset: UTF-8");

$divData = array(
 'width' => '550',
 'height' => '250',
);
$liData = array(
 'width' => '600',
 'height' => '300',
);
$blockquoteData = array(
 'width' => '440',
 'height' => '100'
);
$imgData = array(
 'width' => '450',
 'height' => '150'
);
$pData = array(
 'width' => '480',
 'height' => '130'
);
?>

Langkah 3 - CSS dengan Variabel dan Perhitungan PHP

Selanjutnya, kami melanjutkan file PHP dari Langkah 2 dan memanfaatkan variabel-variabel yang kita tetapkan dalam perhitungan. Selain itu, kami menetapkan nilai-nilai MarginX dan MarginY yang dihitung dari elemen-elemen yang berbeda untuk mengurangi jumlah perhitungan yang diperlukan.

div {
 width: <?=$divData['width']?>px;
 height: <?=$divData['height']?>px;
}
li {
 width: <?=$liData['width']?>px;
 height: <?=$liData['height']?>px;
}
div blockquote {
 width: <?=$blockquoteData['width']?>px;
 height: <?=$blockquoteData['height']?>px;
 <?
  $blockquoteData['divMarginX'] = $divData['width']-$blockquoteData['width'];
  $blockquoteData['divMarginY'] = $divData['height']-$blockquoteData['height'];
 ?>
 margin: <? echo blockquoteData['divMarginY']/2; ?>px <? echo blockquoteData['divMarginX']/2; ?>px;
}
div img {
 width: <?=$imgData['width']?>px;
 height: <?=$imgData['height']?>px;
 <?
  $imgData['divMarginX'] = $divData['width']-$imgData['width'];
  $imgData['divMarginY'] = $divData['height']-$imgData['height'];
 ?>
 margin: <? echo imgData['divMarginY']/2; ?>px <? echo imgData['divMarginX']/2; ?>px;
}
div p {
 width: <?=$pData['width']?>px;
 height: <?=$pData['height']?>px;
 <?
  $pData['divMarginX'] = $divData['width']-$pData['width'];
  $pData['divMarginY'] = $divData['height']-$pData['height'];
 ?>
 margin: <? echo pData['divMarginY']/2; ?>px <? echo pData['divMarginX']/2; ?>px;
}
li blockquote {
 width: <?=$blockquoteData['width']?>px;
 height: <?=$blockquoteData['height']?>px;
 <?
  $blockquoteData['liMarginX'] = $liData['width']-$blockquoteData['width'];
  $blockquoteData['liMarginY'] = $liData['height']-$blockquoteData['height'];
 ?>
 margin: <? echo blockquoteData['liMarginY']/2; ?>px <? echo blockquoteData['liMarginX']/2; ?>px;
}
li img {
 width: <?=$imgData['width']?>px;
 height: <?=$imgData['height']?>px;
 <?
  $imgData['liMarginX'] = $liData['width']-$imgData['width'];
  $imgData['liMarginY'] = $liData['height']-$imgData['height'];
 ?>
 margin: <? echo imgData['liMarginY']/2; ?>px <? echo imgData['liMarginX']/2; ?>px;
}
li p {
 width: <?=$pData['width']?>px;
 height: <?=$pData['height']?>px;
 <?
  $pData['liMarginX'] = $liData['width']-$pData['width'];
  $pData['liMarginY'] = $liData['height']-$pData['height'];
 ?>
 margin: <? echo pData['liMarginY']/2; ?>px <? echo pData['liMarginX']/2; ?>px;
}

Hal ini memungkinkan yang sekarang kita lakukan adalah mengubah ukuran elemen-elemen sekali di bagian atas dari file dan tidak menghitung ulang nilai 12 margin (24 jika nilai margin asimetris). Pahami bahwa saya tidak menyarankan ini akan digunakan dalam setiap proyek Anda berikutnya, tapi teknik semacam ini memiliki keuntungan yang pasti atas standar metode CSS "statis".

Mengecilkan CSS

Seperti disebutkan sebelumnya, CSS dapat menjadi cukup besar. Satu hal yang dapat Anda lakukan untuk mengurangi ukuran CSS adalah men-gzip file CSS Anda secara otomatis. Untuk melakukan ini, Anda memiliki dua pilihan cara melakukannya: langsung dari Apache menggunakan mod_gzip / mod_deflate atau menggunakan metode kompresi built-in PHP, yang akan kita lakukan di sini.

Langkah Satu - Mengatur Potongan Gzipping

Di dalam file CSS kita, kita sudah memiliki sebuah potongan dari PHP yang mengatur header:

<?php header("Content-type: text/css; charset: UTF-8"); ?>

Yang harus kita lakukan sekarang, adalah menambahkan satu baris kode mengatur output buffer menggunakan ob_gzhandler sebelum deklarasi header seperti:

<?php 
ob_start("ob_gzhandler");
header("Content-type: text/css; charset: UTF-8"); 
?>

Perlu dicatat bahwa ada cara lain untuk melakukan kompresi gzip dan mereka semua memiliki kelebihan dan kekurangan. Metode yang lebih saya sukai adalah menggunakan mod_deflate seperti yang disebutkan sebelumnya, tetapi tidak semua desainer dan pengembang memiliki pilihan itu.

If($usingPHP==TRUE) { return 'Happiness'; }

Menambahkan logika pemrograman untuk bahasa lembar gaya bukanlah hal yang baru. Banyak situs-situs yang menentukan stylesheet apa yang mereka gunakan berdasarkan URL, status login, atau bahkan tanggal. Berikut adalah contoh sederhana yang dapat diterapkan dengan mudah untuk blog dan situs e-commerce (diantara lainnya). Mari kita asumsikan bahwa Anda memiliki tag h2 yang diganti menggunakan metode pengganti gambar Phark yang dijelaskan oleh CSS berikut:

h2 {
 width: 300px;
 height: 80px;
 text-indent: -9999px;
 background: url(images/logo.png) no-repeat;
}

Dengan menambahkan sedikit PHP dalam campuran untuk menentukan tanggal ketika CSS ini dimuat, maka Anda dapat menentukan gambar yang berbeda untuk liburan seperti yang sering dilakukan Google dengan Google Doodles (meskipun mereka menggunakan berbagai solusi teknologi berbeda):

<?php 
 $month = date('m');
 $day = date('d');
 if($month=='12' && $day=='25') {
   $logoSrc = 'images/holidayLogo.png';
 } else {
 	$logoSrc = 'images/logo.png';
 }
?>
h2 {
 width: 300px;
 height: 80px;
 text-indent: -9999px;
 background: url(<?=$logoSrc?>) no-repeat;
}

Ini adalah contoh yang super sederhana. CSS Anda hanya menunggu untuk ditingkatkan oleh PHP. Apa yang Anda lakukan dengan hal ini dapat bervariasi dari orang ke orang. Salah satu penggunaan pribadi saya adalah menggunakannya sebagai cara untuk menutupi dan menanamkan file @font-face menggunakan data string URI dan memeriksa referer meminta file yang mirip dengan bagian dari teknologi yang digunakan Typekit:

<?php
// This function grabs the file and converts it to a URI string
function data_url($file, $mime) {  
 $contents = file_get_contents($file);
 $base64 = base64_encode($contents); 
 return ('data:' . $mime . ';base64,' . $base64);
}

$checkReferer = $_SERVER['HTTP_REFERER'];
$checkMatch = preg_match('/yourdomain\.com/',$checkReferer);
if($checkMatch) {
?>
 @font-face {
   font-family: FontName;
   src: local("FontName"), url(<?php echo data_url('FontFileName.otf','font/otf'); ?>) format("opentype");
 }
<?php
} else {
 /* This @font-face asset is unavailable */
}
?>

Kontroversi Variabel CSS

Menggunakan variabel dalam CSS, tidak peduli pro dan kontra telah menjadi isu yang kontroversial selama bertahun-tahun. Seperti yang saya katakan di awal artikel ini, saya tidak akan berdebat untuknya atau terhadap konsep Variabel CSS atau Konstanta CSS. Beberapa desainer dan pengembang yang sangat dihormati berpendapat terhadap itu, sementara yang lain berpendapat untuk itu. Saya berharap, untuk web yang lebih baik, bahwa solusi efektif hanya-CSS terjadi lebih cepat daripada nanti. Sementara itu, orang-orang yang mendukung variabel dan konstanta CSS dapat mengandalkan bahasa server-side kami sementara mereka yang tidak mendukungnya hanya akan melanjutkan seperti biasa.

Ide-ide Apa yang Datang dengan Anda?

Saya selalu mencari cara baru dan inovatif untuk mendongkrak CSS saya dengan PHP. Apa beberapa favorit Anda menggunakan skenario untuk pencampuran CSS dengan PHP?

• Ikuti kami di Twitter, atau berlangganan Nettuts+ RSS Feed untuk tuts dan artikel pengembangan web harian.

Apa fungsi dari penerapan session dalam PHP?

Apa fungsi dan kegunaan PHP?

Apa cara yang benar untuk mengakhiri pernyataan pada PHP?

Apa itu isset di PHP?