LOGIKA
Langkah-langkah:
1. Sebelum membuka dreamweaver aktifkan terlebih dahulu Apache dan MySql yang berada di xampp.
Kalau "Apache" tidak bisa di running, bisa buka link ini (http://webhostmu.com/apache-tidak-bisa-running-di-xampp/) siapa tau membantu :)
3. Buat file dengan nama form.php, lalu simpan di folder C: -> xampp\htdocs\Yunita(folder baru) -> simpan dengan tipe file PHP files. Klik Save.
4. Letakkan kursor diantara tulisan <body> </body> lalu klik menu Insert – Form. Muncul kotak dialog, isi Action dengan simpan.php dan method ganti dengan post.
5. A. Di source code dibawah tulisan <form action “simpan.php” ………> ketikan Nama lalu klik Insert Form – Text Field. Muncul kotak dialog, untuk Type isi dengan text, untuk Name isi dengan nama.
B. Ketikkan NPM lalu klik Insert – Form – Text Field. Muncul kotak dialog, untuk Type isi dengan text, untuk Name isi dengan npm.
C. Ketikkan Kelas lalu klik Insert – Form – Text Field. Muncul kotak dialog, untuk Type isi dengan text, untuk Name isi dengan kelas.
D. Selanjutnya klik Insert – Form – Button. Muncul kotak dialog, untuk Type isi dengan submit, untuk Value isi dengan Simpan. (Name dikosongkan).
E. Klik Insert – Form – Button. Muncul kotak dialog, untuk Type isi dengan reset, untuk Value isi dengan Reset. (Name dikosongkan).
Agar bisa terkoneksi dan dijalankan di xampp. Buat file dengan nama koneksi.php terlebih dahulu di notepad.
7. Selanjutnya, buka web browser dan ketikkan localhost:8080/Yunita.form.php pada url. (localhost:8080 = karena apache pada xampp sebelumnya tidak dapat di running)
Designnya:
Jika di klik Simpan, maka:
Karena kita belum menyimpan file dengan nama simpan.php
Jika di klik Reset, maka:
Data yang tadi diinput akan terhapus dan tampilan kembali seperti sebelum diinputkan data.
8. Selanjutnya buat tab baru di web browser ketikkan localhost:8080/phpmyadmin/
9. Klik database, create new database(tulis siswa), klik create. Jika ada tulisan Has been created, artinya kita telah sukses membuat database.
10. Klik (siswa) pada menu sebelah kiri.
11. Create table pada database siswa. Isi dengan name : siswa, number of columns : 3. Klik Go. Akan muncul kotak dialog. Lalu isi kotak dialog, seperti pada gambar ini:
12. Buka kembali dreamweaver pilih PHP – Create.
13. Buat file dengan nama simpan.php, lalu simpan di folder C: -> xampp\htdocs\ Yunita -> simpan dengan tipe file PHP files. Klik Save.
14. Letakkan kursor diantara tulisan <body> </body> lalu ketikkan source code berikut ini:
15. Buka web browser, lalu ketikkan localhost:8080/Yunita/simpan.php/
(Pastikan kita sudah menginput data di localhost:8080/Yunita/form.php/ dan sudah di klik simpan. Agar outputnya dapat keluar)
16. Kembali ke halaman localhost:8080/phpmyadmin/
17. Klik folder siswa yang ada di sebelah kiri, akan muncul seperti gambar di bawah ini
18. Buka kembali dreamweaver pilih PHP – Create.
19. Buat file dengan nama tampil.php, lalu simpan di folder C: -> xampp\htdocs\ Yunita -> simpan dengan tipe file PHP files. Klik Save.
20. Letakkan kursor diantara tulisan <body> </body> lalu ketikkan source code berikut ini:
22. Setelah semua langkah-langkah selesai, jangan lupa mematikan Apache dan Mysqlnya kembali.
PERHATIKAN PENULISAN HURUF BESAR/KECIL. KARENA SANGAT BERPENGARUH!!!
SOURCE CODE
form.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>Untitled Document</title>
</head>
<body>
<form action="../LA 3/simpan.php" method="post">
</form>
Nama : <input name="Nama" type="text" /><br />
NPM : <input name="NPM" type="text" /><br />
Kelas : <input name="Kelas" type="text" /><br />
Simpan <input name="" type="submit" value="Simpan" />
</body>
</html>
simpan.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>Untitled Document</title>
</head>
<body>
<?php
Include "koneksi.php";
$nama = $_POST["Nama"];
$npm = $_POST["NPM"];
$kelas = $_POST["Kelas"];
echo "$nama, $npm, $kelas";
$insert = mysql_query("insert into siswa values ('$nama', '$npm', '$kelas')");
if ($insert)
{echo "sukses insert";}
else
{echo "gagal insert";}
?>
</body>
</html>
tampil.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>Untitled Document</title>
</head>
<body>
<?php
Include "koneksi.php";
$tampil = mysql_query("select * from siswa");
while ($data = mysql_fetch_array($tampil))
{
$nama = $data ["Nama"];
$npm = $data ["NPM"];
$kelas = $data ["Kelas"];
echo "$nama, $npm, $kelas";
}
?>
</body>
</html>
Source code pada saat koneksi (koneksi.php)
<?php
$host = "localhost";
$user = "root";
$pass = "";
$db = "siswa";
$conn = mysql_connect($host, $user, $pass);
$pilih = mysql_select_db($db, $conn);
?>
Tidak ada komentar:
Posting Komentar