Menu

Hubungi Kami

CV. FR-SYSTEM WEB METRO LAMPUNG

Detail Artikel

Home/ Web Design/Detail Artikel

Membuat Kategori Artikel dan Detail Artikel Menggunakan PHP dan MYSQL

FR-SYSTEM 64262 Kali 37 Komentar Web Design

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. &copy; 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; ?> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <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">&nbsp;</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">&nbsp;</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">&nbsp;</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; ?> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <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 :







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.

Artikel Lainnya

Komentar Anda

jnm8C

15 Komentar

FR-SYSTEM.WEB.ID

14-12-2012 | 08:19:45 contact@fr-system.web.id
Ok sama-sama, maaf tidak merespon komentarnya, karna lagi banyak kerjaan

Rudy Hermawan

09-12-2012 | 09:24:31 rs.radit@rocketmail.com
Sudah Bisa Gan hehehe :D #terima Kasih Banyak

Rudy Hermawan

09-12-2012 | 12:28:13 rs.radit@rocketmail.com
Udah Saya cobak, gak bisa muncul gan, bisa munculx kalo sintax ini ::

Rudy Hermawan

08-12-2012 | 11:37:45 rs.radit@rocketmail.com
Terima Kasih BAnyak Membantu Sekali Gan :D

FR-SYSTEM.WEB.ID

26-11-2012 | 07:12:02 contact@fr-system.web.id
La di artikel ini kan ada mbak contoh koneksi, nama filenya koneksi.php, na biar bisa jalan antara database n PHP, yang harus diaktifin Apachenya dan Mysql di Webservernya(Xampp/Appserver/dll)

reni

25-11-2012 | 12:24:35 reni_aza71@yahoo.co.id
mas,saya minta bantu, contoh mengkoneksikan php pada mysql trs kita masukan ke dreamweaper, kalau ada contoh koneksi'y boleh kasi tahu lh mas...

FR-SYSTEM.WEB.ID

13-11-2012 | 04:42:36 contact@fr-system.web.id

Source Code untuk Artikel :
1. Membuat Kategori Artikel dan Detail Artikel Menggunakan PHP dan MYSQL
2. Artikel Lanjutan (Halaman Admin) Membuat Kategori Artikel dan Detail Artikel Menggunakan PHP dan MYSQL

<<Silahkan Download DIsini>>  

FR-SYSTEM.WEB.ID

10-11-2012 | 08:10:25 contact@fr-system.web.id
Sourcenya Menyusul

firman

10-11-2012 | 06:25:26 vita.anggun@yahoo.com
udah tak coba kok error terus mas kalo saya minta script.nya dalam bentuk rar boleh apa ngak mas... ..untuk belajar lebih dalam..

FR-SYSTEM.WEB.ID

02-11-2012 | 10:05:30 contact@fr-system.web.id

untuk nama database sesuai dengan yg di atas atau tidak? jika nama database budi berarti silahkan di atur di file koneksi menjadi
<?
$koneksi=mysql_connect("localhost","root","") or die ("Koneksi Server Gagal") ;
mysql_select_db("budi",$koneksi); 
?>

selanjutnya penulisan field yang di script dengan field yang ada di database, misal tabel ARTIKEL punya field kdartikel, artikel na penulisan di scriptnya juga harus kdartikel,artikel jangan Kdartikel, Artikel.

Script PHP itu Case Sensitive.

01-11-2012 | 09:28:17
aku pake dreamweaver di code, semua dah ok tampilnya tapi data di database kok ng muncul tanpa mengeluarkan kesalahan ap2, kecuali aku tes isi di komen muncullah function.mysql_query knp ya?artikel ini berarti bnget buat aku, pls help.. penasaran kok ng mau2 bingung salah nya dimana

FR-SYSTEM.WEB.ID

01-11-2012 | 07:44:42 contact@fr-system.web.id
text editor yg digunakan apa? jika dreamweaver berarti masuk ke CODE bukan DESAIN, baru di tulis scriptnya, jika nulis script di mode DESAIN, maka script dianggap text biasa, bisa juga script muncul di layar jika script yg di tulis PHP tetapi tidakdi awali <? dan di akhiri ?>

diana

01-11-2012 | 03:28:42 jiana_81@yahoo.co.id
saya dah nyoba buat seperti skrip di atas kok nampil ya isi dari servernya.. trus begitu kasih komentar malah function.mysql_query knp ya? mohon dbantu ya?

Sandi Nova

12-09-2012 | 11:32:18 sandinovasandi@gmail.com
Ini sangat membantu , terima kasih

wendy

05-09-2012 | 10:25:19 suwendi_wendi44@yahoo.com
baik....di tunggu referensi n bimbingannya

Projek Terakhir

Website SD Muhammadiyah metro Pusat

Dishub Bandar Lampung

Upgrade Web DPRD Kota Metro

STKIP Muhammadiyah Pringsewu

PPDB PPRQ Metro

LBKD IAIN Metro

LBKD IAKN Ambon

SIAKAD IAKN Ambon

Web IAKN Ambon

CCTV Salon Aleesa BDL

Projek Selanjutnya

Produk Kami

Artikel Terbaru

Popular Post

Facebook Page

Kategori Artikel

Statistik Pengunjung

  • Hari ini
    :
    15
  • Kemarin
    :
    714
  • Bulan ini
    :
    11337
  • Tahun ini
    :
    58822
  • Total
    :
    2272923
  • Hits Count
    :
    3357493
  • Now Online
    :
    2 Users