Contoh17 (Artikel) : Webpro

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>

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

Berlangganan update artikel terbaru via email:

0 Response to "Contoh17 (Artikel) : Webpro"

TENTANG SITUS

SITUS INI ADALAH SITUS INFO GAME TERBARU DAN JUGA SITUS PEMBELAJARAN PEMROGRAMAN DAN JUGA PEMAHAMAN TERHADAP TEKNOLOGI KOMPUTER. KALIAN BISA MENGIKUTI PEMBELAJARAN PEMROGRAMAN DENGAN BERTAHAP PADA MATERI YANG SUDAH SAYA SEDIAKAN, JIKA ADA MATERI YANG MEMBINGUNGKAN SILAKAN LAKUKAN KOMENTAR PADA MATERI YANG ANDA TANYAKAN ATAU KALIAN BISA MENGHUBUNGI SAYA DIHALAMAN KONTAK.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel