Pada artikel kali ini kita akan membahas file lain selain index.php yaitu file : home.php dan about.php
Isi dari file home.php biasanya sama dengan index.php karena itu beberapa programmer menyamakannya dalam arti-an dibuat 1 file saja.
Mari kita lihat kembali tampilan web dahanexis. Pada menu tersebut terdapat menu kanan About dan Home
Untuk mendapatkan script About dan Home dapat kita buka pada file menu-kanan.php
Yang scriptnya adalah sebagai berikut :
<div class="well _menu">
<ul class="nav menu ">
<li class="item-108"><a href="http://localhost/joomla/index.php/about">About</a></li>
<li class="item-101 current active"><a href="http://localhost/joomla/">Home</a></li>
</ul>
</div>
Untuk local linknyadapat diubah menjadi sebagai berikut :
<a href="index.php?hal=about">About</a>
<a href="index.php">Home</a>
Sehingga script menu-kanan.php berubah menjadi :
<div class="well _menu">
<ul class="nav menu ">
<li class="item-108"><a href="index.php?hal=about">About</a></li>
<li class="item-101 current active"><a href="index.php">Home</a></li>
</ul>
</div>
Jika menu Home kita klik seharusnya halaman akan kembali pada halaman index.php.
Namun bagaimana jika kita klik menu About, maka kita perlu halaman baru selain halaman index.php yaitu halaman about.php
Logikanya jika kita klik halaman about.php maka yang seharusnya yang berubah adalah content/isinya, sedang slide (bisa hilang/tetap), header, menu dan footernya tetap ada.
Jadi bagaimana kita akan mengatur itu semua???
Karena itulah kali ini penulis akan membahasnya.
Jika kita perhatikan tabel pagenya pada phpmyadmin, maka dapat kita peroleh bahwa urutan tampilan ditampilkan dari atas ke bawah.
Sehingga untuk halaman about.php paling tidak diperlukan file-file sama dengan tabel page tersebut.
Namun kita akan mengalami kesulitan meletakkan file-file php tersebut jika masih ditampilkan dari atas ke bawah. Maka sebagai solusinya urutan file harus kita ubah dari atas ke bawah menjadi dari kiri ke kanan (horizontal).
Untuk scriptnya pun juga demikian harus kita ubah. Cara mengubahnya adalah sebagai berikut :
....
<body class="site com_content view-category layout-blog task- itemid-101 ">
<?
include "koneksi.php" ;
include "query.php";
$fielda="`id`#`field1`#`field2`#`field3`#`field4`#`field5`#`field6`#`field7`#`field8`#`field9`#`field10`#`field11`#`field12`#`field3`#`field14`#`field15`#`field16`#`field17`#`field18`#`field19`#`field20`";
get_data_table($rspage, "page", $fielda , "`id`", "`id`");
$c_rspage=count($rspage);
for ($ipage=0; $ipage<20; $ipage++) {
include_once $rspage[0][$ipage];
}
?>
</body>
</html>
Pada script diatas terdapat perubahan pada yang bercetak tebal, yaitu :
- field tabel bertambah dari 10 field kita tambah menjadi 21 field.
- file yang ditampilkan pada baris ke 0 dari kolom ke 0 sampai dengan 20.
Pada tabel page disamping dapat kita perhatikan bahwa isi file (*.php)
terinput secara horizontal.
Dan jika kita jalankan hasilnya akan sama dengan index.php sebelumnya.
Kembali ke pembahasan membuat/membangun file about.php.
1. Untuk membangun file about.php prinsipnya sama dengan membangun file index.php.
File-file yang diperlukan sama dengan file-file yang membentuk index.php, hanya ada sedikit modifikasi atau penambahan file. Untuk jelasnya perhatikan gambar tabelnya sebagai berikut :
Pada tabel berikut baris ke-2 kita inputkan sama dengan baris ke-1 hanya pada isi.php dioff-kan menjadi //isi.php
2. Pada script about.php juga hampir sama dengan script index.php hanya kita ambil coding php-nya sebagai berikut :
<?
for ($ipage=2; $ipage<20; $ipage++) {
include_once $rspage[1][$ipage];
}
?>
Sehingga jika about.php dijalankan diperoleh gambar sebagai berikut :
Mengapa tampilan menjadi demikian, hal ini dikarenakan file css dan js yang terdapat pada index.php tidak ikut tertulis.
Hal tersebut tidak mengapa karena file about.php ini nantinya akan menjadi bagian/didalam file index.php.
Maka ada beberapa langkah yang harus diubah yaitu pada tabel dan script index.php-nya.
Mengapa demikian ???
Pada prinsipnya apapun itu, mesti kita daftarkan/inputkan pada tabel-nya, karena itulah yang menjadi acuan file apa yang ingin kita tampilkan.
Kalo sebelumnya yang menjadi acuan adalah baris ke-n-nya, nantinya yang menjadi acuan adalah nama file yang kita daftarkan pada tabel-nya, misal about.php
Sehingga tabelnya berubah menjadi sebagai berikut :
Script index.php-nya juga berubah sebagai berikut :
....
<body class="site com_content view-category layout-blog task- itemid-101 ">
<?
include "koneksi.php" ;
include "query.php";
$fielda="`id`#`field1`#`field2`#`field3`#`field4`#`field5`#`field6`#`field7`#`field8`#`field9`#`field10`#`field11`#`field12`#`field3`#`field14`#`field15`#`field16`#`field17`#`field18`#`field19`#`field20`";
get_data_table($rspage, "page", $fielda , "`id`", "`id`");
$c_rspage=count($rspage);
for ($ipage=0; $ipage<$c_rspage; $ipage++) {
$hal = (isset($_GET['hal']) && $_GET['hal'] != '') ? $_GET['hal'] : 'home';
$allowedPages = array($rspage[$ipage][1]);
if (in_array($hal, $allowedPages)) {
include_once $hal . '.php';
}
?>
</body>
</html>
Jika kita perhatikan ada perubahan pada yang ditulis tebal, serta ada juga pemanggilan home. Pemanggilan ini adalah pemanggilan default file home.php. Sehingga perlu juga file home.php yang terpisah dari index.php.
Script file home.php adalah sebagai berikut :
<?
for ($ipage=2; $ipage<20; $ipage++) {
include_once $rspage[0][$ipage];
}
?>
Sehingga jika kita jalankan dan klik pada menu kanan : Home atau About akan tampil gambar sebagai berikut :
Dengan demikian telah kita peroleh halaman About yang include/masuk dalam index.php. Sehingga css dan js nya ikut file index.php.
Kesimpulan :
- Membangun halaman About sama dengan membangun halaman Home (index.php)
- Script halaman About yaitu about.php, yang berisi beberapa file (*.php) yang membentuk satu kesatuan sama halnya dengan halaman index.php
- Kita dapat dengan mudah memodifikasi file-file (*.php) tersebut dengan mengedit tabel page pada phpmyadminnya.
Sekian artikel dari kami semoga dapat bermanfaat.
