Tuesday 15 December 2020

Cara Membuat Source Code dasar CRUD di PHP dan HTML


Berbagai macam sumber tertentu sudah mengulas banyak tentang "cara membuat CRUD (CREATE, UPDATE, DELETE) dalam PHP atau HTMl, bahkan Bahasa Pemrograman lain Pastinya. kali ini akan kubagikan bebeapa cara untuk membuat  CRUD itu sendiri.

sebenarnya CRUD ini sudah pernah dhkegineering bahas sebelumnya, di 
sebagian artikel yang memang kurang mendetail. 
Untuk urusan Crud ini justru sangat familiar saat sebuah konsep yang sangat dasar yang  akan dijalankan dalam pemrograman PHP, dan bahasa pemrograman lainnya.

Berikut ini adalah Coding Dasar dari PHP CRUD. 
Jika kau ingin cepat-cepat ingin bisa menguasai PHP maka kau bisa mengunjungi 

https://www.codepolitan.com/tutorial-membuat-crud-php-dengan-mysql-59897c72d8470. 

Disana sangat bisa di pelajari dengan cepat apapun yang kita perlukan.

Kali ini kita akan coba membuat sebuah  aplikasi dengan tampilan seperti pada gambar di bawah dengan sebuah tabel yang menampilkan data dari database di sisi frontend. Terdapat beberapa tombol untuk mengubah data yang ada di database lewat antarmuka yang kita buat. Tabel pengguna yang kita buat akan berisi informasi pengguna seperti nama, nomor telepon, email, dll.



Langkah-Langkah Pembuatan CRUD


1. Membuat Database.sql

/* Create Database and Table */
create database crud_db;

use crud_db;

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


Pertama kita buat terlebih dahulu file database.sql kemudian kita impor file database.sql ini ke dalam database (menggunakan PHPMyAdmin).

2. pembuatan file config.php


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

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

$mysqli = mysqli_connect($databaseHost, $databaseUsername, $databasePassword, $databaseName);

?>



sejauh ini File config.php berguna untuk mengonfirmasi bahwa kita akan menyimpan data dalam sebuah database, dengan kata lain file config berperan sebagai penghubung antara 
database dan aplikasi CRUD yang akan kita buat. yaitu menghubungkan PHP dengan MySQL, kita menggunakan fungsi mysqli_connect() dengan alamat server sebagai parameter pertama, user database sebagai parameter kedua, password user sebagai parameter ketiga, dan nama database sebagai parameter keempat.

Silahkan isi password sesuai dengan yang dibuat di servernya. Jika tidak menggunakan passsword, maka isikan dengan String kosong saja.

$password = "";


3. Membuat file index.php

File index.php adalah file utama yang menyertakan file konfigurasi untuk koneksi database. Kemudian menampilkan semua daftar pengguna menggunakan MySQL Select Query. Pengguna yang akan ditampilkan di dalam daftar perlu menambahkan terlebih dahulu menggunakan tautan 'Tambahkan Pengguna Baru'.

<?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


File add.php berfungsi untuk menambahkan pengguna baru. Formulir HTML digunakan untuk menerima masukan 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">Go to Home</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

<?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>

Edit.php digunakan untuk mengedit / update data pengguna. Anda dapat mengubah data pengguna dan memperbaruinya. File ini akan mengarahkan pengguna kembali ke homepage, setelah update sukses.

6. Membuat file delete.php

Tentu file detelet.php ini sangat jelas sekali akan kita gunakan untuk membuat button hapus pada aplikasi CRUD.
biasanya, File delete.php hanya dipanggil saat kita klik link 'Delete' untuk pengguna manapun yang dipilih.

<?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");
?>



Itulah beberapa tahapan yang bisa kami bagikan untuk membuat apkiasi CRUD sederhana menggunakan PHP. Semoga membantu.





https://www.codepolitan.com/tutorial-membuat-crud-php-dengan-mysql-59897c72d8470


tantangan dan harapan