Scribd
Unggah
60 tayangan

(Revisi) Tutorial Membuat Sistem Database Dengan PHP Dan MySQL

Tutorial ini menjelaskan cara membuat sistem database dengan PHP dan MySQL untuk menyimpan dan mengelola data menggunakan XAMPP. Langkah-langkahnya meliputi pembuatan database dan tabel di MySQL, membuat file konfigurasi koneksi database, serta membuat halaman PHP untuk menambahkan, menampilkan, mengedit dan menghapus data pada tabel database.

Diunggah oleh

xivrrr
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
60 tayangan

(Revisi) Tutorial Membuat Sistem Database Dengan PHP Dan MySQL

Tutorial ini menjelaskan cara membuat sistem database dengan PHP dan MySQL untuk menyimpan dan mengelola data menggunakan XAMPP. Langkah-langkahnya meliputi pembuatan database dan tabel di MySQL, membuat file konfigurasi koneksi database, serta membuat halaman PHP untuk menambahkan, menampilkan, mengedit dan menghapus data pada tabel database.

Diunggah oleh

xivrrr
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 9

Tutorial membuat sistem database dengan PHP dan MySQL

Dalam membuat system database, kita memerlukan database dan tabel untuk menyimpan data. Berikut
adalah cara membuat database menggunakan XAMPP.

1. Download dan install XAMPP


Download XAMPP dapat dilakukan di link berikut:
https://www.apachefriends.org/download.html
2. Buka XAMPP dan klik tombol “start” pada Apache dan MySQL seperti pada gambar di bawah ini:

3. Buka browser dan ketik localhost/phpMyAdmin hingga muncul tampilan sebagai berikut:

4. Kita akan mulai membuat database pada MySQL. Pertama-tama, klik menu SQL (yang dilingkari
merah pada gambar di atas. Kemudian ketikkan kode berikut:

create database nama_database;

use nama_database;

CREATE TABLE `nama_tabel` (


`id` int(11) NOT NULL auto_increment,
`nama` varchar(100),
`email` varchar(100),
`no_telp` varchar(15),
`alamat` varchar(100),
`ttl` varchar(100),
PRIMARY KEY (`id`)
);

Ubah nama_database dan nama_tabel dengan nama database dan nama tabel yang Anda
inginkan, contoh nama_database diubah menjadi smktelkom, dan nama_tabel diubah
menjadi siswa. Sedangkan nama, email, no_telp, alamat, dan ttl dapat
diubah sesuai dengan kebutuhan database Anda. Perhatikan gambar di bawah ini.

Setelah membuat kode SQL seperti di atas, klik tombol “Go” sehingga muncul database baru
pada sidebar sebelah kiri seperti gambar berikut:
Kita telah selesai membuat database dan tabel. Sekarang kita membuat halaman web untuk
memasukkan data pada table yang telah kita buat. Berikut adalah tutorial membuat halaman web yang
akan terhubung ke MySQL.
1. Membuat folder baru di dalam htdoc
Sebelum kita membuat kode PHP, kita buat terlebih dahulu folder baru di dalam
C:\XAMPP\htdoc. Namakan folder baru tersebut dengan nama yang Anda inginkan. Contoh
pada tutorial ini adalah folder latihan. Berikut tampilan setelah dibuat folder baru:

2. Membuat file config.php


Pertama-tama, buatlah file config.php untuk menghubungkan database dengan PHP seperti
kode berikut:

<?php
/**
* using mysqli_connect for database connection
*/

$databaseHost = 'localhost';
$databaseName = 'smktelkom';
$databaseUsername = 'root';
$databasePassword = '';

$mysqli = mysqli_connect($databaseHost, $databaseUsername,


$databasePassword, $databaseName);

?>

Ubah databaseName dengan nama database yang telah kamu buat sebelumnya. Contohnya
databaseName diubah menjadi smktelkom. Kemudian simpan file config.php ini ke dalam
folder di latihan yang sebelumnya telah dibuat.
3. Membuat file tambah.php
File tambah.php digunakan untuk menambahkan data pada database. Setelah data pengguna
diserahkan, MySQL INSERT Query digunakan untuk memasukkan data pengguna ke dalam
database. Contoh isi dari file tambah.php adalah sebagai berikut:

<html>
<head>
<title>Tambah Data</title>
</head>
<body>
<a href="index.php">Go to Home</a>
<br/><br/>

<form action="tambah.php" method="post" name="form1">


Nama: <input type="text" name="nama"><br>
Email: <input type="text" name="email"><br>
No Telp: <input type="text" name="no_telp"><br>
Alamat: <input type="text" name="alamat"><br>
TTL: <input type="text" name="ttl"><br>
<input type="submit" name="Submit" value="Tambah"><br>
</form>

<?php
if(isset($_POST['Submit'])) {
$nama = $_POST['nama'];
$email = $_POST['email'];
$no_telp = $_POST['no_telp'];
$alamat = $_POST['alamat'];
$ttl = $_POST['ttl'];
include_once("config.php");

$result = mysqli_query($mysqli, "INSERT INTO


siswa(nama,email,no_telp,alamat,ttl) VALUES('$nama','$email','$no_telp', '$alamat',
'$ttl')");

echo "Data berhasil ditambahkan <a href='index.php'>View Users</a>";


}
?>
</body>
</html>

4. Membuat file index.php


File index.php merupakan file utama yang menyertakan file konfigurasi untuk koneksi database.
Kemudian menampilkan semua daftar siswa menggunakan MySQL Select Query. Data siswa
yang akan ditampilkan di dalam daftar perlu menambahkan terlebih dahulu menggunakan
tautan 'Tambahkan Data Baru'. Berikut adalah contoh isi dari file index.php

<?php
include_once("config.php");
$result = mysqli_query($mysqli, "SELECT * FROM siswa ORDER BY id DESC");
?>

<html>
<head>
<title>Homepage</title>
</head>
<body>
<a href="tambah.php">Add New User</a><br><br>
<table width='80%' border=1>
<tr>
<th>Nama</th> <th>Email</th> <th>No Telp</th> <th>Alamat</th> <th>TTL</th>
<th>Update</th>
</tr>
<?php
while($user_data = mysqli_fetch_array($result)) {
echo "<tr>";
echo "<td>".$user_data['nama']."</td>";
echo "<td>".$user_data['email']."</td>";
echo "<td>".$user_data['no_telp']."</td>";
echo "<td>".$user_data['alamat']."</td>";
echo "<td>".$user_data['ttl']."</td>";
echo "<td><a href='edit.php?id=$user_data[id]'>Edit</a> | <a
href='delete.php?id=$user_data[id]'>Delete</a></td></tr>";
}
?>
</table>
</body>
</html>

Ubah tulisan berwarna merah sesuaikan dengan database yang telah Anda buat. Simpan file
index.php ini ke dalam folder C:\XAMPP\htdoc\latihan

5. Membuat file edit.php


File edit.php digunakan untuk mengedit / update data siswa. Anda dapat mengubah data siswa
dan memperbaruinya. File ini akan mengarahkan pengguna kembali ke homepage, setelah
update sukses. Berikut adalah contoh isi dari file edit.php :

<?php
// include database connection file
include_once("config.php");

// Check if form is submitted for user update, then redirect to homepage after update
if(isset($_POST['update']))
{
$id = $_POST['id'];

$name=$_POST['nama'];
$email=$_POST['email'];
$no_telp=$_POST['no_telp'];
$alamat=$_POST['alamat'];
$ttl=$_POST['ttl'];

$result = mysqli_query($mysqli, "UPDATE siswa SET


nama='$nama',email='$email',no_telp='$no_telp',alamat='$alamat',ttl='$ttl' WHERE id=$id");

header("Location: index.php");
}
?>
<?php
$id = $_GET['id'];
$result = mysqli_query($mysqli, "SELECT * FROM siswa WHERE id=$id");
while($user_data = mysqli_fetch_array($result))
{
$nama = $user_data['nama'];
$email = $user_data['email'];
$no_telp = $user_data['no_telp'];
$alamat = $user_data['alamat'];
$ttl = $user_data['ttl'];
}
?>

<html>
<head>
<title>Edit Data</title>
</head>

<body>
<a href="index.php">Home</a>
<br/><br/>

<form name="update_user" method="post" action="edit.php">


Nama: <input type="text" name="nama" value=<?php echo $nama;?>><br>
Email:<input type="text" name="email" value=<?php echo $email;?>><br>
No Telp:<input type="text" name="no_telp" value=<?php echo $no_telp;?>><br>
Alamat:<input type="text" name="alamat" value=<?php echo $alamat;?>><br>
TTL:<input type="text" name="ttl" value=<?php echo $ttl;?>><br>
<input type="hidden" name="id" value=<?php echo $_GET['id'];?>><br>
<input type="submit" name="update" value="Update"><br>
</form>
</body>
</html>

Ubah tulisan berwarna merah sesuaikan dengan database yang telah Anda buat. Simpan file
edit.php ini ke dalam folder C:\XAMPP\htdoc\latihan

6. Membuat file delete.php


File delete.php digunakan untuk menghapus data pada database.

<?php
include_once("config.php");
$id = $_GET['id'];

$result = mysqli_query($mysqli, "DELETE FROM siswa WHERE id=$id");

header("Location:index.php");
?>

Ubah tulisan berwarna merah sesuaikan dengan database yang telah Anda buat. Ubah tulisan
siswa dengan nama tabel yang telah dibuat sebelumnya. Simpan file edit.php ini ke dalam
folder C:\XAMPP\htdoc\latihan
7. Buka browser, masuk ke alamat localhost/latihan/index.php maka akan muncul tampilan
berikut ini:

Masukkan data seperti di bawah ini:

Hasil penambahan data terlihat pada gambar di bawah ini

Anda mungkin juga menyukai