Artikel
Buat tampilan form untuk halaman tambah artikel. Seperti di bawah ini :
Lalu masukkan listing berikut :
<!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>fajaryusuf.com</title>
<style type="text/css">
#form1 table tr td #button2 {
text-align: center;
}
#form1 table tr td #button {
text-align: center;
}
</style>
</head>
<body>
<form action="simpanartikel.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
<table width="444" height="264" border="1">
<tr>
<td colspan="2" bgcolor="#FF99CC"><center><h2>TAMBAH ARTIKEL</h2></center></td>
</tr>
<tr>
<td width="115" height="23">Judul</td>
<td width="313"><label for="judul"></label>
<input type="text" name="judul" id="judul" /></td>
</tr>
<tr>
<td height="105">Isi Artikel</td>
<td><label for="isi"></label>
<textarea name="isi" id="isi" cols="45" rows="5"></textarea></td>
</tr>
<tr>
<td height="23">Gambar</td>
<td><label for="gambar"></label>
<input type="file" name="gambar" id="gambar" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="button" id="button" value="Simpan" />
<input type="reset" name="button2" id="button2" value="Batal" /></td>
</tr>
</table>
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>fajaryusuf.com</title>
<style type="text/css">
#form1 table tr td #button2 {
text-align: center;
}
#form1 table tr td #button {
text-align: center;
}
</style>
</head>
<body>
<form action="simpanartikel.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
<table width="444" height="264" border="1">
<tr>
<td colspan="2" bgcolor="#FF99CC"><center><h2>TAMBAH ARTIKEL</h2></center></td>
</tr>
<tr>
<td width="115" height="23">Judul</td>
<td width="313"><label for="judul"></label>
<input type="text" name="judul" id="judul" /></td>
</tr>
<tr>
<td height="105">Isi Artikel</td>
<td><label for="isi"></label>
<textarea name="isi" id="isi" cols="45" rows="5"></textarea></td>
</tr>
<tr>
<td height="23">Gambar</td>
<td><label for="gambar"></label>
<input type="file" name="gambar" id="gambar" /></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="button" id="button" value="Simpan" />
<input type="reset" name="button2" id="button2" value="Batal" /></td>
</tr>
</table>
</form>
</body>
</html>
Simpan dengan nama tambahartikel.php
Buat script untuk penyimpanan artikel.
Halaman simpanartikel.php
Halaman simpanartikel.php
Scriptnya seperti berikut :
<!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>Untitled Document</title>
</head>
<body>
<?
$koneksi=mysql_connect("localhost","root","")or die(mysql_error());
mysql_select_db("db_berita");
$a=$_POST['judul'];
$b=$_POST['isi'];
$c=$_FILES['gambar']['name'];
$perintah="insert into artikel values('','$a','$b','$c')";
$simpan=mysql_query($perintah,$koneksi);
if($simpan)
echo "DATA BERHASIL DISIMPAN<br>";
else
echo "gagal";
?>
<a href="tambahartikel.php">Kembali ke tambah artikel</a>||<a href="tampilartikel.php">Lihat Artikel</a>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<?
$koneksi=mysql_connect("localhost","root","")or die(mysql_error());
mysql_select_db("db_berita");
$a=$_POST['judul'];
$b=$_POST['isi'];
$c=$_FILES['gambar']['name'];
$perintah="insert into artikel values('','$a','$b','$c')";
$simpan=mysql_query($perintah,$koneksi);
if($simpan)
echo "DATA BERHASIL DISIMPAN<br>";
else
echo "gagal";
?>
<a href="tambahartikel.php">Kembali ke tambah artikel</a>||<a href="tampilartikel.php">Lihat Artikel</a>
</body>
</html>
Sekarang Kita coba jalankan di browser
Isi judul artikelnya, masukkan isinya dan tambahkan gambar..
Jika berhasil akan muncul seperti dibawah ini
Isi judul artikelnya, masukkan isinya dan tambahkan gambar..
Buat file untuk menampilkan data yang ada di tabel artikel. Simpan dengan nama tampilartikel.php
Scriptnya seperti berikut :
<!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>Untitled Document</title>
</head>
<body>
<?
$koneksi=mysql_connect("localhost","root","")or die(mysql_error());
mysql_select_db("db_berita");
$a=$_POST['judul'];
$b=$_POST['isi'];
$c=$_FILES['gambar']['name'];
$perintah="insert into artikel values('','$a','$b','$c')";
copy($_FILES['gambar']['tmp_name'],"Gambar/".$c);
$simpan=mysql_query($perintah,$koneksi);
if($simpan)
echo "DATA BERHASIL DISIMPAN<br>";
else
echo "gagal";
?>
<a href="tambahartikel.php">Kembali ke tambah artikel</a>||<a href="tampilartikel.php">Lihat Artikel</a>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<?
$koneksi=mysql_connect("localhost","root","")or die(mysql_error());
mysql_select_db("db_berita");
$a=$_POST['judul'];
$b=$_POST['isi'];
$c=$_FILES['gambar']['name'];
$perintah="insert into artikel values('','$a','$b','$c')";
copy($_FILES['gambar']['tmp_name'],"Gambar/".$c);
$simpan=mysql_query($perintah,$koneksi);
if($simpan)
echo "DATA BERHASIL DISIMPAN<br>";
else
echo "gagal";
?>
<a href="tambahartikel.php">Kembali ke tambah artikel</a>||<a href="tampilartikel.php">Lihat Artikel</a>
</body>
</html>
Kita coba jalankan di browser dan hasilnya akan seperti ini :
Jangan lupa Like dan Share
jika ada pertanyaan silakan berkomentar
hormat saya fajaryusuf.com
MATERI WEBPROGRAMMING
Jika anda baru di pemrogramman web silakan belajar dari materi pertama :
Materi ke-1 : Dasar-dasar Web
Materi ke-2 : Pemberian Warna
Materi ke-3 : Membuat Table
Materi ke-4 : Dasar PHP
Materi ke-5 : Tipe Data
Materi ke-6 : Konstanta dan Komentar
Materi ke-7 : Operator
Materi ke-8 : Operator Perbandingan
Materi ke-9 : Operator Logika
Materi ke-10 : Operator String
Materi ke-11 : Form
Materi ke-12 : Input dan Output dalam 1 Form
Materi ke-13 : Percabangan
Materi ke-14 : Pembuatan Database Mysql
Materi ke-15 : Buku Tamu
Materi ke-16 : Buku Tamu Lanjutan
Materi ke-17 : Artikel
Materi ke-18 : Halaman Index Pengunjung
Comments