Cara membuat CRUD pada Web Aplication

CRUD singkatan untuk Create, Update, dan Delete atau Buat, Ubah, dan Hapus. Operasi CRUD adalah suatu fungsi yang digunakan untuk memanipulasi data dasar untuk database. Kita akan membuat sebuah aplikasi dengan tampilan dengan sebuah tabel yang menampilkan data dari database. Terdapat beberapa tombol untuk mengubah data yang ada di database lewat antarmuka yang dibuat.

 

Berikut Langkah-Langkah Pembuatan CRUD atau singkatan Create, Update, dan Delete:

1. Membuat Database.sql

Pertama kita buat terlebih dahulu membuat data base dengan membuka browser di PHPMyAdmin kemudian kita membuat data base dan tabel namun jangan lupa untuk menghidupkan xmpp terlebih dahulu dapat kalian pahami di link berikut https://mahesa.id/cara-membuat-dan-mengelola-database-untuk-pemula/.

CREATE TABLE `users` (
`id` int(11) NOT NULL auto_increment,
`name` varchar(100),
`email` varchar(100),
`mobile` varchar(15),
PRIMARY KEY (`id`) );

 

2. Membuat file config.php

Di sini kita sudah mulai ke SublimeText3/ke coding, yaitu kita membuat config.php seperti berikut:

<?php 
/** * using mysqli_connect for database connection
*/ $databaseHost = 'localhost';
$databaseName = 'crud_db';
$databaseUsername = 'root';
$databasePassword = '';
$mysqli = mysqli_connect($databaseHost, $databaseUsername, $databasePassword, $databaseName); ?>

Pada config.php kita menyimpan informasi tentang database. Sebagian besar server lokal bekerja dengan detail. Untuk menghubungkan PHP dengan MySQL, kita menggunakan mysqli_connect() yang alamat servernya digunakan sebagai parameter pertama, user database sebagai parameter kedua, password user sebagai parameter ketiga, dan nama database sebagai parameter keempat.

 

3. Membuat file index.php

Untuk selanjutnya kita buat file index.php yang merupakan file utama untuk pengkoneksi database, yang kemudian menampilkan semua daftar pengguna menggunakan fungsi MySQL Select Query.

<?php
// Create database connection using config file include_once("config.php");
// Fetch all users data from database
$result = mysqli_query($mysqli, "SELECT * FROM users ORDER BY id DESC"); ?>
<html>
<head>
<title>Homepage</title>
</head>
<body>
<a href="add.php">Add New User</a> <br/><br/>
<table width='80%' border=1>
<tr> <th>Name</th>
<th>Mobile</th>
<th>Email</th>
<th>Update</th>
</tr>
<?php
while($user_data = mysqli_fetch_array($result)) {
echo "<tr>";
echo "<td>".
$user_data['name']."</td>";
echo "<td>".$user_data['mobile']."</td>";
echo "<td>".$user_data['email']."</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>

 

4. Membuat file add.php (CREATE)

Selanjutnya buat file add.php yang digunakan untuk menambahkan pengguna baru(CREATE). Form HTML digunakan untuk memasukan data pengguna. Setelah data pengguna diserahkan, MySQL INSERT Query digunakan untuk memasukkan data pengguna ke dalam database.

<html>
<head>
<title>Add Users</title>
</head>
<body>
<a href="index.php">Kembali ke HomePage</a> <br/><br/>
<form action="add.php" method="post" name="form1">
<table width="25%" border="0">
<tr> <td>Name</td>
<td><input type="text" name="name"></td>
</tr>
<tr> <td>Email</td>
<td><input type="text" name="email"></td>
</tr>
<tr> <td>Mobile</td>
<td><input type="text" name="mobile"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="Submit" value="Add"></td>
</tr>
</table>
</form>
<?php 
// Check If form submitted, 
insert form data into users table. 
if(isset($_POST['Submit'])) {
$name = $_POST['name'];
$email = $_POST['email'];
$mobile = $_POST['mobile'];
// include database connection file include_once("config.php");
// Insert user data into table
$result = mysqli_query($mysqli, "INSERT INTO users(name,email,mobile) VALUES('$name','$email','$mobile')");
// Show message when user added
echo "User added successfully.
<a href='index.php'>View Users</a>";
} ?>
</body>
</html>
5. Membuat file edit.php (UPDATE)

Masuk ke fungsi yang selanjutnya yaitu Edit.php digunakan untuk mengedit(UPDATE) data. Anda dapat mengubah data pengguna dan memperbaruinya. Setelah Update selesai akan langsung di tujukan ke form data.

<?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['name'];
$mobile=$_POST['mobile'];
$email=$_POST['email'];
// update user data
$result = mysqli_query($mysqli, "UPDATE users SET name='$name',email='$email',mobile='$mobile' WHERE id=$id");
// Redirect to homepage to display updated user in list header("Location: index.php");
} ?>
<?php
// Display selected user data based on id
// Getting id from url $id = $_GET['id'];
// Fetech user data based on id
$result = mysqli_query($mysqli, "SELECT * FROM users WHERE id=$id");
while($user_data = mysqli_fetch_array($result)) {
$name = $user_data['name'];
$email = $user_data['email'];
$mobile = $user_data['mobile'];
} ?>
<html>
<head>
<title>Edit User Data</title>
</head>
<body>
<a href="index.php">Home</a> <br/><br/>
<form name="update_user" method="post" action="edit.php">
<table border="0"> <tr> <td>Name</td>
<td><input type="text" name="name" value=<?php echo $name;?>></td> </tr>
<tr> <td>Email</td>
<td><input type="text" name="email" value=<?php echo $email;?>></td> </tr>
<tr> <td>Mobile</td>
<td><input type="text" name="mobile" value=<?php echo $mobile;?>></td> </tr>
<tr> <td><input type="hidden" name="id" value=<?php echo $_GET['id'];?>></td>
<td><input type="submit" name="update" value="Update"></td> </tr>
</table>
</form>
</body>
</html>

6. Membuat file delete.php (DELETE)

Yang terakhir yaitu fungsi delete.php (DELETE) yang kita gunakan untuk menghapus data.

<?php
// include database connection file include_once("config.php");
// Get id from URL to delete that user $id = $_GET['id'];
// Delete user row from table based on given id
$result = mysqli_query($mysqli, "DELETE FROM users WHERE id=$id");
// After delete redirect to Home, so that latest user list will be displayed.
header("Location:index.php"); ?>

Jika semua telah di buat berarti anda telah mempelajari fungsi CRUD atau singkatan Create, Update, dan Delete data jika ingin ada aplikasikan ke web anda sendiri.


Posted

in

by

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *