Membuat Kategori Artikel dan Detail Artikel Menggunakan PHP dan MYSQL

selamat malam semua, kali ini saya akan menuliskan artikel tentang Pembuatan website yang nantinya terdapat fasilitas pengelompokan artikel atau yang sering dikenal dengan Kategori Artikel dan Penampilan Artikel Sesuai dengan Kategori Masing-masing dan yang terakhir adalah Tampilkan Artikel yang telah kita Tulis di dalam database dan menampilkan Fasilitas Kirim dan tampil Komentar sesuai dengan ID artikel yang di buka.

Ok, Yang harus anda siapkan adalah Komputer yang sudah terinstall Webserver(Xampp / AppServer / Vertrigo / dll) dan webserver juga berjalan dengan baik, dan selanjutnya web editor (bisa menggunakan Notepad, atau Notepad++, atau BlueFish(linux), Netbeans, Dreamweaver, dll sesuai dengan Kesukaan Masing-masing), saya disini saya menggunakan Macromedia Dreamweaver. dan jangan lupa Sebelum membaca Artikel in, saya sarankan agar anda mengerti dasar-dasar HTML, PHP dan Mysql. karena di artikel ini tidak akan di bahas mendetail tentang Point Tersebut.

Jika semua perlengkapan sudah anda siapkan, maka selanjutnya kita akan mencoba Membuat Database dan Tabel Pendukung:

Silahkan Anda buat Database melalui PHPMYADMIN atau mysql-front,dll
saya contohkan disini nama database yg saya buat adalah frsystem_artikel

selanjutnya silahkan anda buat Tabel di Database tersebut dengan Rincian :

Nama Tabel : artikel

Nama Field	Tipe dan Panjang Data	Keterangan
kdartikel	INT (11)	Not Null, Auto Increment, Primary Key
kdkategori	INT (11)
judul	VARCHAR (255)	Null
pengirim	VARCHAR (35)	Null
isi	TEXT	Null
tgl	VARCHAR (25)	Null
wkt	VARCHAR (25)	Null
baca	VARCHAR (15)	Null

Nama Tabel : kategori_artikel

Nama Field	Tipe dan Panjang Data	Keterangan
kdkategori	INT (11)	Not Null, Auto Increment, Primary Key
kategori	VARCHAR (35)	Null

Nama Tabel : komentar

Nama Field	Tipe dan Panjang Data	Keterangan
kdkomentar	INT (11)	Not Null, Auto Increment, Primary Key
kdartikel	INT (11)	Null
pengirim	VARCHAR (35)	Null
email	VARCHAR (50)	Null
website	VARCHAR (50)	Null
komentar	VARCHAR (255)	Null
tgl	VARCHAR (25)	Null
wkt	VARCHAR (25)	Null

jika semua tabel sudah anda buat, maka selanjutnya silahkan anda buka Web Editor dan ketikkan Script di bawah ini :

Nama File : koneksi.php

<?
$koneksi=mysql_connect("localhost","root","") or die ("Koneksi Server Gagal") ;
mysql_select_db("frsystem_artikel",$koneksi);
?>

Nama File : index.php

<?
require "koneksi.php";
?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Artikel FR-SYSTEM 8 Juli 2012 8:37:15</title>
<style type="text/css">
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
body {
background-color: #F9F9F9;
}
a:link {
color: #000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000;
}
a:hover {
text-decoration: none;
color: #9C0;
}
a:active {
text-decoration: none;
}
a {
font-size: 12px;
}
</style>
</head>
<body>
<table width="900" border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<td height="111" colspan="2" bgcolor="#00CCFF"><center><h1>FR-SYSTEM.WEB.ID</h1></center></td>
</tr>
<tr>
<td height="32" colspan="2" bgcolor="#333333"><table width="300" border="0" cellpadding="5" cellspacing="3">
<tr>
<td width="100" align="center" valign="middle" bgcolor="#676767"><a href="?">Home</a></td>
<td width="100" align="center" valign="middle" bgcolor="#676767"><a href="http://fr-system.web.id" target="_blank">FR-SYSTEM</a></td>
<td width="100" align="center" valign="middle" bgcolor="#676767"><a href="http://frwebhost.com" target="_blank">FRWEBHOST</a></td>
</tr>
</table></td>
</tr>
<tr>
<td width="197" height="259" align="center" valign="top" bgcolor="#FFFFFF"><br />
<table width="95%" border="0" cellpadding="3" cellspacing="1">
<tr>
<td height="28" align="center" bgcolor="#999999"><strong>Kategori Artikel</strong></td>
</tr>
<?
$kategori=mysql_query("SELECT * FROM kategori_artikel ORDER BY kategori ASC");
while($kategori1=mysql_fetch_array($kategori)){
?>
<tr>
<td bgcolor="#F9F9F9"><a href="?page=kategori&&kdkategori=<?=$kategori1[kdkategori]?>">- <?=$kategori1[kategori]?></a></td>
</tr>
<? } ?>
</table></td>
<td width="687" align="center" valign="top" bgcolor="#FFFFFF"><br />
<?
$page=$_GET['page'];
if($page=='kategori'){
require "kategori.php";
} else if($page=='artikel'){
require "artikel.php";
} else {
require "home.php";
}
?>
</td>
</tr>
<tr>
<td height="53" colspan="2" align="center" valign="middle" bgcolor="#00CCFF">Belajar PHP dan Mysql. © 2012.<a href="http://fr-system.web.id"> FR-SYSTEM.WEB.ID</a></td>
</tr>
</table>
</body>
</html>

Nama File : home.php

<strong>DAFTAR ARTIKEL TERBARU</strong><br>
<br>
<?
include "koneksi.php";
$artikel=mysql_query("SELECT * FROM artikel ORDER BY kdartikel DESC LIMIT 0,10");
while($artikel1=mysql_fetch_array($artikel)){
?>
<table width="98%" border="0" cellpadding="5" cellspacing="1">
<tr>
<td align="left" valign="top" bgcolor="#F7F7F7"><b><a href="?page=artikel&&kdartikel=<?=$artikel1[kdartikel]?>"><?=strtoupper($artikel1[judul])?></a></b></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#FCFCFC"><?=substr($artikel1[isi],0,400)?></td>
</tr>
<tr>
<td align="right" valign="top" bgcolor="#EBEBEB">Total Pembaca : <?=$artikel1[baca]?> Total Komentar : <? $komentar=mysql_query("SELECT * FROM komentar WHERE kdartikel='$artikel1[kdartikel]'"); $komentar1=mysql_num_rows($komentar); echo $komentar1; ?>        <a href="?page=artikel&&kdartikel=<?=$artikel1[kdartikel]?>"><strong>{Baca Selengkapnya}</strong></a> </td>
</tr>
</table><br>
<? } ?>

Nama File : artikel.php

<?
include "koneksi.php";
$kdartikel=trim(strip_tags($_GET['kdartikel']));
$frsystem_artikel=mysql_query("SELECT * FROM artikel WHERE kdartikel='$kdartikel'");
$frsystem_artikel1=mysql_fetch_array($frsystem_artikel);
$cekdata=mysql_num_rows($frsystem_artikel);
$baca=$frsystem_artikel1[baca]+1;
if($cekdata!=0){
$updatepembaca=mysql_query("UPDATE artikel SET baca='$baca' WHERE kdartikel='$kdartikel'");
?>
<table width="98%" border="0" cellpadding="5" cellspacing="1">
<tr>
<td height="49" align="center" valign="middle" bgcolor="#F7F7F7">
<h3><?=strtoupper($frsystem_artikel1[judul])?></h3>
</td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#FCFCFC"><?=$frsystem_artikel1[isi]?></td>
</tr>
<tr>
<td align="right" valign="top" bgcolor="#EBEBEB">Total Pembaca : <?=$artikel1[baca]?> Total Komentar : <? $frsystem_komentar=mysql_query("SELECT * FROM komentar WHERE kdartikel='$frsystem_artikel1[kdartikel]'"); $frsystem_komentar1=mysql_num_rows($frsystem_komentar); echo $frsystem_komentar1; ?></td>
</tr>
</table><br>
<? } else { echo "Maaf Artikel yang anda buka tidak ada"; } ?>
<br>
<?
if($_POST['button']){
$tgl=date("d-m-Y");
$wkt=date("h:i:s");
$simpan=mysql_query("INSERT INTO komentar VALUES ('','$frsystem_artikel1[kdartikel]','$_POST[pengirim]','$_POST[email]','$_POST[website]','$_POST[komentar]','$tgl','$wkt')");
if($simpan){
echo "<h3>Komentar anda berhasil ditambah</h3>";
} else {
echo "<h3>Komentar anda gagal ditambah</h3>";
}
}
?>
<table width="98%" border="0" align="center" cellpadding="10" cellspacing="0">
<?
$i=1;
$frsystem_tampilkom=mysql_query("SELECT * FROM komentar WHERE kdartikel='$frsystem_artikel1[kdartikel]'");
$frsystem_cekkom=mysql_num_rows($frsystem_tampilkom);
if($frsystem_cekkom!=0){
while($frsystem_komentar1=mysql_fetch_array($frsystem_tampilkom)){
if($i%2){
?>
<tr>
<td><table width="80%" border="0" align="left" cellpadding="10" cellspacing="1" bgcolor="#999999">
<tr>
<td align="left" valign="top" bgcolor="#F7F7F7"><strong><?=$frsystem_komentar1[pengirim]?></strong><br>
<em><?=$frsystem_komentar1[komentar]?></em></td>
</tr>
</table>
<br></td>
</tr>
<?
} else {
?>
<tr>
<td><table width="80%" border="0" align="right" cellpadding="10" cellspacing="1" bgcolor="#999999">
<tr>
<td align="right" valign="top" bgcolor="#FCFCFC"><strong><?=$frsystem_komentar1[pengirim]?></strong><br>
<em><?=$frsystem_komentar1[komentar]?></em></td>
</tr>
</table></td>
</tr>
<? } $i=$i+1; } } else {?>
<tr>
<td><table width="80%" border="0" align="center" cellpadding="10" cellspacing="1" bgcolor="#999999">
<tr>
<td align="center" valign="top" bgcolor="#FCFCFC"><em>Maaf Komentar masih Kosong</em></td>
</tr>
</table></td>
</tr>
<? } ?>
</table>
<br>
<br>
<form name="form1" method="post" action="">
<table width="460" border="0" align="center" cellpadding="3" cellspacing="1">
<tr>
<td colspan="2" bgcolor="#F7F7F7"> </td>
</tr>
<tr>
<td width="131" bgcolor="#FCFCFC">Pengirim</td>
<td width="313" bgcolor="#FCFCFC"><input type="text" name="pengirim" id="pengirim"></td>
</tr>
<tr>
<td bgcolor="#FCFCFC">Email</td>
<td bgcolor="#FCFCFC"><input type="text" name="email" id="email"></td>
</tr>
<tr>
<td bgcolor="#FCFCFC">Website</td>
<td bgcolor="#FCFCFC"><input type="text" name="website" id="website"></td>
</tr>
<tr>
<td bgcolor="#FCFCFC">Komentar</td>
<td bgcolor="#FCFCFC"><textarea name="komentar" cols="35" rows="5" id="komentar"></textarea></td>
</tr>
<tr>
<td bgcolor="#FCFCFC"> </td>
<td bgcolor="#FCFCFC"><input type="submit" name="button" id="button" value="Submit">
<input type="reset" name="button2" id="button2" value="Reset"></td>
</tr>
<tr>
<td colspan="2" bgcolor="#F7F7F7"> </td>
</tr>
</table>
</form>

Nama File : kategori.php

<strong>KATEGORI ARTIKEL</strong><br>
<br>
<?
include "koneksi.php";
$kdkategori=trim(strip_tags($_GET['kdkategori']));
$frsystem_artikel=mysql_query("SELECT * FROM artikel WHERE kdkategori='$kdkategori' ORDER BY kdartikel DESC LIMIT 0,10");
while($frsystem_artikel1=mysql_fetch_array($frsystem_artikel)){
?>
<table width="98%" border="0" cellpadding="5" cellspacing="1">
<tr>
<td align="left" valign="top" bgcolor="#F7F7F7"><b><a href="?page=artikel&&kdartikel=<?=$frsystem_artikel1[kdartikel]?>"><?=strtoupper($frsystem_artikel1[judul])?></a></b></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#FCFCFC"><?=substr($frsystem_artikel1[isi],0,400)?></td>
</tr>
<tr>
<td align="right" valign="top" bgcolor="#EBEBEB">Total Pembaca : <?=$artikel1[baca]?> Total Komentar : <? $frsystem_komentar=mysql_query("SELECT * FROM komentar WHERE kdartikel='$frsystem_artikel1[kdartikel]'"); $frsystem_komentar1=mysql_num_rows($frsystem_komentar); echo $frsystem_komentar1; ?>        <a href="?page=artikel&&kdartikel=<?=$frsystem_artikel1[kdartikel]?>"><strong>{Baca Selengkapnya}</strong></a> </td>
</tr>
</table><br>
<? } ?>

setelah semuanya Berhasil anda buat, maka Hasilnya akan seperti gambar di Bawah ini :

http://darmian-syah.blogspot.com/2012/07/membuat-kategori-artikel-dan-detail.html

Artikel selesai sampai disini, untuk mendapatkan penjelasan lebih lengkap, silahkan anda ajukan pertanyaan Via Kirim Komentar yang ada di bawah Artikel ini.

dan saya sebagai Pengelola Website ini, minta maaf untuk seluruh Pengunjung website FR-SYSTEM, karena Request Artikel yang dinginkan Sering sekali Terlambat ditulis. karena keterbatasan Waktu, Internet, dll. Sumber :fr-system.web.id

Response for :