Z-PEMROGRAMAN WEBPRO

Contoh17 (Artikel) : Webpro

Fajar (Ucup)

Artikel

Buat tampilan form untuk halaman tambah artikel. Seperti di bawah ini :

Isi name textfield judul dengan judul, textarea isi artikel dengan isi, dan field file gambar dangan gambar.

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>

TAMBAH ARTIKEL

Judul
Isi Artikel
Gambar

Simpan dengan nama tambahartikel.php
Buat script untuk penyimpanan artikel.
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>
Sekarang Kita coba jalankan di browser

Isi judul artikelnya, masukkan isinya dan tambahkan gambar..

Jika berhasil akan muncul seperti dibawah ini

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

In

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Previous post Perkenalan IDE Visual Basic 6.0
Next post jQuery : Accordion

More Stories

Recent Post

Top Category

INFO NEW GAME

UPDATE GAME

MOBILE LEGENDS

GUIDE GAME