Home > Uncategorized > Input dan Output Artikel

Input dan Output Artikel

artikelKali ini kita akan membahas tentang bagaimana membuat artikel dan memunculkan artikel kita, tentunya sudah terintegrasi dengan database. So, lanjut aja deh ke kode-kodenya πŸ˜‰

Pertama-tama, kita buat database terlebih dahulu, kemudian tabelnya juga. Berikut log-nya.

mysql> create database website; use website;
Query OK, 1 row affected (0.02 sec)

Database changed
mysql> create table artikel(
    -> id int(5) auto_increment primary key,
    -> judul varchar(255),
    -> isi text,
    -> tanggal date
    -> );
Query OK, 0 rows affected (0.08 sec)

mysql>

<!–more Okeh, sudah jadi deh tabel artikelnya. Klo begitu, sekarang kita buat sebuah form untuk input beritanya. Kita beri nama input.php –>
Okeh, sudah jadi deh tabel artikelnya. Klo begitu, sekarang kita buat sebuah form untuk input beritanya. Kita beri nama input.php
[php]<html>
<head>
<title>Input Berita</title>
</head>

<body>
<form name="form1" method="post" action="olah.php">
Judul : <input type="text" name="judul">
<br>
isi :<br>
<textarea name="isi" cols="45" rows="10"></textarea>
<br>
<input type="submit" name="submit" value="Submit">
<input type="reset" name=" " value="Reset">
</form>
</body>[/php]

Okei, klo kita perhatian dengan seksama, pada bagian action pada form, nilainya adalah olah.php.
Dan berikut kode olah.php
[php]<?
// file : olah.php
$judul = $_POST[‘judul’];
$isi = $_POST[‘isi’];
mysql_connect("localhost", "root", "*************************");
mysql_select_db("website");
$result = mysql_query("INSERT INTO artikel VALUES (”, ‘$judul’, ‘$isi’, NOW() )");
if ($result) {
echo "Data Berhasil dimasukkan";
header("location : index.php");
}
else
{
echo "Berita gagal diinput";
header("location : input.php");
}
?> [/php]

Oke, penjelasan kode diatas. klo berhasil diinput, maka akan menuju ke index.php, sedangkan kalau gagal akan kembali ke input.php.
Kegagalan diatas hanya bisa dikarenakan ada kesalahan query atau koneksi mysql-nya. Jadi cek n ricek lagi klo masih menemukan kegagalan dalam tahap ini.

Kalau berhasil, maka akan ke index.php, dan ini isi dari index.php-nya
[php]<?
// file : index.php
?>
<html>
<head>
<title>Situs Berita</title>
</head>

<body>
<?
// connect ke database
mysql_connect("localhost", "root", "*************************");
mysql_select_db("website");

// mengambil data dari tabel dan mengurutkannya sesuai id
$result = mysql_query("SELECT * FROM artikel ORDER BY id DESC");

// mengkonversi data kedalam array, dan menampilkannya kebrowser
while ($data = mysql_fetch_row($result)){
echo "<hr/>";
echo "<b> $data[1] </b><br/>";
echo "$data[2] <br/>";
echo "tanggal: $data[3] <br/>";
}
?>
</body>[/php]

Penulis jelasin sedikit tentang baris-baris terakhir saja ya πŸ™‚
kenapa $data[1] bisa menghasilkan judul artikel, kemudian $data[2] menghasilkan isi artikel dan seterusnya?

mari kita lihat isi tabelnya dulu.

+---------+--------------+------+-----+---------+----------------+
| Field   | Type         | Null | Key | Default | Extra          |
+---------+--------------+------+-----+---------+----------------+
| id      | int(5)       | NO   | PRI | NULL    | auto_increment |
| judul   | varchar(255) | YES  |     | NULL    |                |
| isi     | text         | YES  |     | NULL    |                |
| tanggal | date         | YES  |     | NULL    |                |
+---------+--------------+------+-----+---------+----------------+

Nah, klo menurut index, begini neh dibacanya
0 – id
1 – judul
2 – isi
3 – tanggal.

Makanya, $data[1] itu hasilnya judul, $data[2] hasilnya isi artikel dan seterusnya πŸ™‚

Nah, selesai deh πŸ˜‰
Kalo masih ada yang ingin ditanyakan, tanyain aja ya πŸ™‚

NB : Script diatas masih banyak kekurangannya πŸ˜‰ Silahkan lebih mantapkan lagi πŸ˜€

Categories: Uncategorized
  1. 13 April 2011 at 22:35

    gak pertamax, gak seru :p

  2. 13 April 2011 at 23:01

    Kaget, perasaan kmren pke theme Milw0rm, skrang gaya ipad..
    bener2 demam tablet. =))
    :sup2:

    • 13 April 2011 at 23:35

      hueheuheu :p
      OOTnya parah neh ciebal :ngakak:

  3. ChanKunray
    19 April 2011 at 17:48

    Wah keren a’..u/bahan belajar..mantab nh…

    • 19 April 2011 at 22:44

      woh bisa aja neh kk master ngerendahnya πŸ˜€

  1. 8 May 2011 at 09:05

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: