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 64282 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

XRxWL

7 Komentar

FR-SYSTEM.WEB.ID

05-09-2012 | 06:53:23 contact@fr-system.web.id
untuk artikel ini, di input secara manual dari phpmyadmin, untuk fasilitas input,edit,hapus melalui website nantinya akan di buat artikel lanjutan dari artikel ini, mohon di tunggu artikelnya.

wendy

05-09-2012 | 01:03:31 suwendi_wendi44@yahoo.com
mas saya orang baru di web.untuk itu mohon bimbingannya...yang mau saya tannya cara menginputkan judul artikel ,deskripsi dan yang lainnya dari menu admin ke artikel yang nantinya tampil ke web...mksh

wendy

05-09-2012 | 12:51:22 suwendi_wendi44@yahoo.com
mas saya orang baru di web.untuk itu mohon bimbingannya...yang mau saya tanya cara menginputkan judul artikel ,deskripsi dan yang lainnya dari menu admin ke artikel yang nantinya tampil ke web...mksh

FR-SYSTEM.WEB.ID

21-08-2012 | 07:27:11 contact@fr-system.web.id
ga mau tampil di depan, apa hanya 1 artikel atau seluruhnya ga tampil?

dwi

09-08-2012 | 10:22:00 cadsmale@yahoo.com
pak saya sudah berhasil buat script yang di atas... sudah saya input beritanya masuk mysql tapi gak mau tampil di webnya ya... mohon bantuannya !

FR-SYSTEM.WEB.ID

26-07-2012 | 12:16:43 contact@fr-system.web.id
Masalah tersebut kemungkinan karna, pada waktu buat tabel, di tabel artikel untuk field kdartikel dibuat primarykey dan auto_increment, dan yang di tabel kategori_artikel untuk field kdkategori dibuat primarykey dan auto_increment

endang

26-07-2012 | 01:05:14 endangdaniati@gmail.com
saya sudah coba Membuat Kategori Artikel dan Detail Artikel Menggunakan PHP dan MYSQL, tapi hanya bisa menginput 1 artikel dan 1 kategori saja, ketika menginput yang ke 2 muncul pesan seperti ini : Error: Duplicate entry '2147483647' for key 1 mohon 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
    :
    1467
  • Kemarin
    :
    579
  • Bulan ini
    :
    14262
  • Tahun ini
    :
    61747
  • Total
    :
    2275848
  • Hits Count
    :
    3359573
  • Now Online
    :
    1 User