Insert Data Dan
Menampilkan Data Dari Database
Dalam materi ini kit akan
mengelola sebuah database, yaitu menampilkan data dan menginsert data ke
database. Jadi sebelum kita mulai ke contoh kode program. Kita buat terlebih
dahulu database di phpmyadmin.
Dalam materi ini kita buat saja
nama database nya “data_mahasiswa”, nah dalam database ini kita buat tabel baru
dengan nama “mahasiswa”.
Nama database :
data_mahasiswa
Tabel :
mahasiswa
Column :
id, nim, nama, semester, kelas
Catatan: desain phpmyadmin akan berbeda tiap versi xampp,
Tidak masalah.
Jika database sudah dibuat, selanjutka kita buat folder baru
di htdocs,
Buat folder baru dengan nama “crud”
Kemudian kita buat file php untuk mengkoneksikan dengan
database.
Koneksi.php
|
<?php
// isi nama host, username mysql,
dan password mysql anda
$host =
mysql_connect("localhost","root","");
// isikan dengan nama database
yang akan di hubungkan
$db =
mysql_select_db("data_mahasiswa");
?>
|
Catatan : koneksi ke phpmyadmin sesuaikan kode program nya
dengan versi xammp anda. Jika anda menggunakan versi xampp yang terbaru,
gunakan kode koneksi mysqli.
Kita buat untuk tampilan index nya.
Index.php
|
<!DOCTYPE html>
<html>
<head>
<title>Teknologi Informasi</title>
<link rel="stylesheet"
type="text/css" href="style.css">
</head>
<body>
<div class="judul">
<h1>Menampilkan data dari
database</h1>
<h2>input data ke database</h2>
</div>
<br/>
<?php
if(isset($_GET['pesan'])){
$pesan = $_GET['pesan'];
if($pesan == "input"){
echo "Data berhasil di
input.";
}else if($pesan == "update"){
echo "Data berhasil di
update.";
}else if($pesan == "hapus"){
echo "Data berhasil di
hapus.";
}
}
?>
<br/>
<a class="tombol"
href="input.php">+ Tambah Data Baru</a>
<h3>Data Mahasiswa</h3>
<table border="1"
class="table">
<tr>
<th>No</th>
<th>Nim</th>
<th>Nama</th>
<th>semester</th>
<th>Kelas</th>
<th> Action</th>
</tr>
<?php
include "koneksi.php";
$query_mysql = mysql_query("SELECT *
FROM mahasiswa")or die(mysql_error());
$nomor = 1;
while($data =
mysql_fetch_array($query_mysql)){
?>
<tr>
<td><?php echo
$nomor++; ?></td>
<td><?php echo
$data['nim']; ?></td>
<td><?php
echo $data['nama']; ?></td>
<td><?php echo
$data['semester']; ?></td>
<td><?php echo
$data['kelas']; ?></td>
<td>
<a
class="edit" href="edit.php?id=<?php echo $data['id'];
?>">Edit</a> |
<a
class="hapus" href="hapus.php?id=<?php echo $data['id'];
?>">Hapus</a>
</td>
</tr>
<?php } ?>
</table>
</body>
</html>
|
Buat file css untuk memberi warna pada bagian header.
Style.css
|
body{
font-family: 'roboto';
color: #000;
}
.judul{
background: green;
padding: 10px;
text-align: center;
}
.judul h1,h2,h3{
height: 15px;
}
a{
/*color: #fff;*/
padding: 5px;
text-decoration: none;
}
.table{
border-collapse: collapse;
}
table.table th th , table.table
tr td{
padding: 10px 20px ;
}
|
untuk hasilnya bisa dilihat dengan akses ke
localhost/crud
Dalam tampilan ini belum ada data yang bisa ditampilkan,
karena kita bellum membuat kode program insert datanya.
Sekarang buat file php lagi untuk form input data.
Input.php
|
<!DOCTYPE html>
<html>
<head>
<title>Teknologi informasi</title>
<link rel="stylesheet"
type="text/css" href="style.css">
</head>
<body>
<div class="judul">
<h1>Menampilkan data dari database</h1>
<h2>input data ke database</h2>
<h3>Apriansyah S.Kom M.Kom</h3>
</div>
<br/>
<a href="index.php">Lihat Semua
Data</a>
<br/>
<h3>Input data baru</h3>
<form action="input-aksi.php"
method="post">
<table>
<tr>
<td>Nim</td>
<td><input
type="text" name="nim"></td>
</tr>
<tr>
<td>Nama</td>
<td><input
type="text" name="nama"></td>
</tr>
<tr>
<td>Semester</td>
<td><input
type="text" name="semester"></td>
</tr>
<tr>
<td>Kelas</td>
<td><input
type="text" name="kelas"></td>
</tr>
<tr>
<td></td>
<td><input
type="submit" value="Simpan"></td>
</tr>
</table>
</form>
</body>
</html>
|
Lanjut kita buat file php lagi, untuk memproses data yang
telah kita inputkan
Input-aksi.php
|
<?php
include 'koneksi.php';
$nim = $_POST['nim'];
$nama = $_POST['nama'];
$semester = $_POST['semester'];
$kelas = $_POST['kelas'];
mysql_query("INSERT INTO
mahasiswa VALUES('','$nim','$nama','$semester','$kelas')");
header("location:index.php?pesan=input");
?>
|
Setelah selesai membuat input-aksi kita coba untuk tambah
data baru. Klik di link tambah data
Lalu kita isi form input nya.
Kemudian klik simpan.
Data akan tersimpan di database dan akan ditampilkan dalam
tabel. Silahkan anda cek di database yang kita buat tadi. Maka data pada tabel
mahasiswa akan ter insert data yang kita inputkan.
Tugas Belajar
1.
Praktekan kode diatas.
2.
Buat folder baru untuk membuat kode manampilkan
dan insert data seperti contoh diatas. Tapi study kasus nya harus berbeda.
Misal nya untuk menampilkan data barang,
maka inputnya adalah :
Id, nama_barang, stok, harga.
Komentar
Posting Komentar
berikan komentar postif