Langkah 2 Database
Buat database dengan nama belajar. Kemudian buat tabel dengan nama user dengan data berikut: Fieldname user_id username password email fullname agama no_hp Datatype int(4), PRIMARY, AUTO INCREMENT varchar(20) varchar(255) varchar(100) varchar(100) varchar(15) bigint(14)
10$pass = ''; 11 12//isikan nama database sesuai database //yang dibuat pada langkah-1 13$dbname = 'belajar'; 14 15//mengubung ke host 16$connect = mysql_connect($host, $user, $pass) or die(mysql_error()); 17 18//memilih database yang akan digunakan 19$dbselect = mysql_select_db($dbname); ?> 20 21 22 23 File config.php ini nantinya akan banyak kita gunakan pada file-file lain yang perlu menghubung ke server untuk menyimpan, merubah, maupun menghapus data.
</tr> 24 <tr> 25 <td>Email</td> 26 <td>:</td> 27 <td><input type="email" name="email" required="required" /></td> </tr> 28 <tr> 29 <td>Agama</td> 30 <td>:</td> 31 <td><input type="text" name="agama" required="required" /></td> 32 </tr> <tr> 33 <td>Nomor HP</td> 34 <td>:</td> 35 <td><input type="text" name="no_hp" maxlength="14" 36required="required" /></td> </tr> 37 <tr> 38 <td align="right" colspan="3"><input type="submit" name="submit" 39value="Simpan" /></td> 40 </tr> 41 </tbody> 42</table> 43</form> </body> 44</html> 45 46 47 48 49
action=insert.php adalah file yang digunakan untuk memproses data yang dimasukkan melalui form ini. method=post adalah metode pengiriman data yang digunakan. Ada dua jenis menthod untuk mengirim data, yaitu post dan get. Pengiriman dengan method POST berarti bahwa variabel-variabel data tidak ditampilkan pada url, sedangkan pengiriman dengan method GET, variabel-variabel data disertakan pada url sehingga url terlihat seperti ini: localhost/belajar/insert.php?username=namanya&password=passwordnya&fullname=nama_le ngkapnya Sekarang coba buka pada browser anda dengan mengetikkan localhost/belajar pada address bar browser. Akan tampil form input data seperti ini.
server, maka setiap kali kita perlu untuk menghubung ke database, kita cukup memanggil file config.php saja tanpa harus menuliskan kembali kode-kodenya. $_POST['name'] digunakan untuk menangkap value yang dikirim dari form. Untuk menangkap data, gunakan name yang sama dengan name dari form. Contoh: untuk menangkap data username dari form, maka gunakan $_POST['username']. mysql_query() digunakan untuk menjalankan script SQL. Pada langkah ini, script SQL yang kita gunakan adalah untuk menambah data ke database. Tambahkan kode berikut pada file index.php setelah <h1></h1> untuk menampilkan pesan sukses ketika berhasil menyimpan data. ? 1 2 ... <h1>Form Input Data</h1> 3 4 <?php 5 if (!empty($_GET['message']) && $_GET['message'] == 'success') { echo '<h3>Berhasil menambah data!</h3>'; 6 7 } 8 ?> 9 <form name="input_data" action="insert.php" method="post"> 10... 11 Sekarang coba jalankan aplikasi dengan membuka localhost/belajar dan isikan data pada form dan klik tombol simpan. Jika berhasil, anda akan melihat pesan Berhasil menambah data! seperti gambar dibawah. Jika gagal, periksa kembali kode yang anda tuliskan. Pastikan tidak ada salah pengetikan.
<td>Agama</td> 19 <td>No. HP</td> 20 <td>Opsi</td> 21 </tr> 22 </thead> <tbody> 23 <?php 24 $query = mysql_query("select * from user"); 25 26 $no = 1; 27 while ($data = mysql_fetch_array($query)) { 28 ?> <tr> 29 <td><?php echo $no; ?></td> 30 <td><?php echo $data['username']; ?></td> 31 <td><?php echo $data['password']; ?></td> 32 <td><?php echo $data['email']; ?></td> <td><?php echo $data['fullname']; ?></td> 33 <td><?php echo $data['agama']; ?></td> 34 <td><?php echo $data['no_hp']; ?></td> 35 <td><a href="#">Edit</a> || <a href="#">Hapus</a></td> 36 </tr> 37 <?php $no++; 38 } 39 ?> 40 </tbody> 41</table> 42</body> 43</html> 44 45 46 47 48 49 50 51 52
Kemudian tambahkan kode berikut pada file index.php setelah </form> sebelum </body>. ? 1... 2</form> 3 4<a href="view.php">Lihat Data</a> 5 6</body> 7</html>
Pada kolom opsi terdapat dua menu, yaitu edit dan hapus. Pada langkah ini, kedua menu tersebut masih belum dapat digunakan. Pada langkah berikutnya akan kita buat menu edit tersebut.
14$query = mysql_query("select * from user where user_id='$id'") or 15die(mysql_error()); 16 $data = mysql_fetch_array($query); 17?> 18 19<form name="update_data" action="update.php" method="post"> 20<input type="hidden" name="user_id" value="<?php echo $id; ?>" /> 21<table border="0" cellpadding="5" cellspacing="0"> <tbody> 22 <tr> 23 <td>Username</td> 24 <td>:</td> <td><input type="text" name="username" maxlength="20" 25 required="required" value="<?php echo $data['username']; ?>" disabled 26 /></td> 27 </tr> 28 <tr> <td>Password</td> 29 <td>:</td> 30 <td><input type="password" name="password" maxlength="20" 31required="required" value="<?php echo $data['password']; ?>" /></td> 32 </tr> 33 <tr> <td>Fullname</td> 34 <td>:</td> 35 <td><input type="text" name="fullname" maxlength="100" 36required="required" value="<?php echo $data['fullname']; ?>" /></td> 37 </tr> 38 <tr> <td>Email</td> 39 <td>:</td> 40 <td><input type="email" name="email" required="required" 41value="<?php echo $data['email']; ?>" /></td> 42 </tr> <tr> 43 <td>Agama</td> 44 <td>:</td> 45 <td><input type="text" name="agama" required="required" 46value="<?php echo $data['agama']; ?>" /></td> 47 </tr> <tr> 48 <td>Nomor HP</td> 49 <td>:</td> 50 <td><input type="text" name="no_hp" maxlength="14" 51required="required" value="<?php echo $data['no_hp']; ?>" /></td> </tr> 52 <tr> 53 <td align="right" colspan="3"><input type="submit" name="submit" 54value="Simpan" /></td> 55 </tr> 56 </tbody> 57</table> 58</form> 59
<a href="view.php">Lihat Data</a>
60 61</body> 62</html> 63 64 65 Kemudian ubah link pada file view.php menjadi seperti ini. ? 1href="#">Hapus</a></td>
<td><a href="edit.php?id=<?php echo $data['user_id']; ?>">Edit</a> || <a
Umumnya, username seseorang tidak boleh dirubah setelah ia terdaftar. Untuk membuat agar field input username tidak dapat dirubah, kita gunakan atribut disabled. Sampai langkah ini kita belum dapat melakukan perubahan data, kita baru dapat menampilkan data pada form edit. Untuk merubah data pada database, kita perlu membuat query SQL lagi untuk mengupdate database dengan data yang baru. Buat file baru dengan nama update.php dan ketikkan kode berikut. ? 1 <?php 2 include('config.php'); 3 4 //tangkap data dari form 5 $id = $_POST['user_id']; 6 $password = $_POST['password']; $fullname = $_POST['fullname']; 7 $email = $_POST['email']; 8 $agama = $_POST['agama']; 9 $no_hp = $_POST['no_hp']; 10 11//update data di database sesuai user_id 12$query = mysql_query("update user set password='$password', fullname='$fullname', email='$email', agama='$agama', no_hp='$no_hp' where 13user_id='$id'") or die(mysql_error()); 14 15if ($query) { header('location:view.php?message=success'); 16 } 17 ?> 18 Kemudian tambahkan baris kode berikut pada file view.php setelah <h1></h1> (sama seperti pada file index.php). ? 1<?php 2if (!empty($_GET['message']) && $_GET['message'] == 'success') {
3 4} ?> 5
Sekarang bukalah halaman view.php pada browser dan ubah-lah salah satu data yang sudah di inputkan dengan meng-klik tombol edit.
2 3 $id = $_GET['id']; 4 5 $query = mysql_query("delete from user where user_id='$id'") or die(mysql_error()); 6 7 if ($query) { 8 header('location:view.php?message=delete'); 9 } 10?> 11 Kemudian tambahkan kode pada link dalam file view.php seperti berikut. ? 1<td> 2 <a href="edit.php?id=<?php echo $data['user_id']; ?>">Edit</a> || <a href="delete.php?id=<?php echo $data['user_id']; ?>">Hapus</a> 3 </td> 4 Sekarang cobalah untuk menghapus beberapa data yang sudah di-input-kan