Cara menggunakan download script php crud

Question

Halo Sahabat programmer kembali lagi saya memposting artikel tutorial belajar PHP. Kali ini kita akan belajar cara membuat CRUD sederhana dengan PHP dan Bootstrap serta menggunakan mySQL untuk databasenya. Aplikasi CRUD merupakan aplikai yang paling dasar dan umum untuk programmer web. CRUD sendiri merupakan singkatan dari Create, Read, Update dan delete. Kita biasanya membuat aplikasi ini untuk mengelolah data di database. Fungsi-fungsi seperti insert data kedalam tabel, tampilkan data dengan perintah select. Hapus dengan perintah delete, semua telah tercover pada aplikasi CRUD.

Table of Contents Show

Apa saja yang akan kita buat?
Apa yang kita butuhkan?
Install Aplikasi Xampp
Konfigurasi Database
Buat Tabel di Database
Membuat folder didalam htdocs
Konfigurasi Bootstrap
Koneksikan file PHP ke Database
Buat file input data kedatabase (Create)
Penjelasan sintak:
Membuat file untuk menampilkan data anggota (Read)
Penjelasan Sintak:
Buat file untuk mengubah data (Update)
Download Source Code
Langkah Membuat aplikasi CRUD?
CRUD PHP itu apa?
Apa itu Simple CRUD?
Mengapa CRUD perlu digunakan?

Baca juga : Membuat CRUD dengan CodeIgniter

Untuk tampilannya kita mengggunakan framework bootstrap, komponen-komponen yang akan kita gunakan pada bootstrap diantaranya membuat tabel, button, alert (pemberitahuan) dan form.

Apa saja yang akan kita buat?

Konfigurasi Database
Membuat file PHP untuk koneksi ke database
Konfigurasi Framework Bootstrap
Membuat file index.php
Membuat file create.php
Membuat file update.php

Apa yang kita butuhkan?

Xampp untuk web server (localhost) dan database mysql
Aplikasi teks editor seperti notepad++ dan sejenisnya
Download offline file bootstrap
Browser mozzila atau chrome

Daftar Isi

Install Aplikasi Xampp

Silahkan lanjut ke tahap berikutnya, bila kalian sudah menginstal xampp, namun jika belum saya menyarankan untuk install terlebih dahulu

Cara instal xampp

Konfigurasi Database

Tahap pertama kita buat dulu databasenya. kita gunakan database mysql. Kalian bisa membuatnya melalui CMD atau dari tools phpMyAdmin

Bila kalian ingin membaca cara membuat database bisa lihat pada kedua artikel berikut:

Membuat database mysql dengan CMD
Atau Melalui tools phpMyAdmin

Pada contoh ini saya membuat database dengan nama crud. Namun kalian bisa menyesuailkan dengan projek aplikasi web yang kalian buat.

create database crud;

Buat Tabel di Database

Untuk mengelolah data tentunya kita memerlukan tabel untuk menampung data tersebut. Pada contoh kali ini saya membuat tabel dengan nama mahasiswa.

create table anggota(
id_anggota int not null auto_increment primary key,
username varchar (50),
nama varchar(50),
alamat varchar(50),
email varchar(30),
no_hp char(13)
);

Membuat folder didalam htdocs

Saya membuat folder dengan nama crud didalam folder htdocs xampp.

Sesuaikan saja dengan nama aplikasi yang kalian buat.

Konfigurasi Bootstrap

Download bootstrap pada halaman resminya di getbootstrap.com

Untuk mempersingkat tutorial yang saya berikan, saya tidak perlu lagi membahas bagaimana mengkonfigurasikan bootstrap ke projek yang sedang kita buat. Kalian bisa pelajari di artikel mengenai cara menggunakan bootstrap

Koneksikan file PHP ke Database

Kita buat file PHP, untuk mengkoneksikan ke database akademik yang sudah kita buat sebelumnya

<?php

$host="localhost";
$user="root";
$password="";
$db="crud";

$kon = mysqli_connect($host,$user,$password,$db);
if (!$kon){
	  die("Koneksi gagal:".mysqli_connect_error());
}
?>

Buat file input data kedatabase (Create)

Pada tahap pertama kita buat fungsi create untuk input data ke database. Buatlah file PHP simpan dengan nama create.php (kalian bisa gunakan nama lain yang sesuai dengan projek kalian). Simpan dalam folder htdocs/crud yang tlah kita buat diatas.

<!DOCTYPE html>
<html>
<head>
    <title>Form Pendaftaran Anggota</title>
    <!-- Load file CSS Bootstrap offline -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

</head>
<body>
<div class="container">
    <?php
    //Include file koneksi, untuk koneksikan ke database
    include "koneksi.php";
    
    //Fungsi untuk mencegah inputan karakter yang tidak sesuai
    function input($data) {
        $data = trim($data);
        $data = stripslashes($data);
        $data = htmlspecialchars($data);
        return $data;
    }
    //Cek apakah ada kiriman form dari method post
    if ($_SERVER["REQUEST_METHOD"] == "POST") {

        $username=input($_POST["username"]);
        $nama=input($_POST["nama"]);
        $alamat=input($_POST["alamat"]);
        $email=input($_POST["email"]);
        $no_hp=input($_POST["no_hp"]);

        //Query input menginput data kedalam tabel anggota
        $sql="insert into anggota (username,nama,alamat,email,no_hp) values
		('$username','$nama','$alamat','$email','$no_hp')";

        //Mengeksekusi/menjalankan query diatas
        $hasil=mysqli_query($kon,$sql);

        //Kondisi apakah berhasil atau tidak dalam mengeksekusi query diatas
        if ($hasil) {
            header("Location:index.php");
        }
        else {
            echo "<div class='alert alert-danger'> Data Gagal disimpan.</div>";

        }

    }
    ?>
    <h2>Input Data</h2>


    <form action="<?php echo $_SERVER["PHP_SELF"];?>" method="post">
        <div class="form-group">
            <label>Username:</label>
            <input type="text" name="username" class="form-control" placeholder="Masukan Username" required />

        </div>
        <div class="form-group">
            <label>Nama:</label>
            <input type="text" name="nama" class="form-control" placeholder="Masukan Nama" required/>

        </div>
        <div class="form-group">
            <label>Alamat:</label>
            <textarea name="alamat" class="form-control" rows="5"placeholder="Masukan Alamat" required></textarea>

        </div>
        <div class="form-group">
            <label>Email:</label>
            <input type="email" name="email" class="form-control" placeholder="Masukan Email" required/>
        </div>
        <div class="form-group">
            <label>No HP:</label>
            <input type="text" name="no_hp" class="form-control" placeholder="Masukan No HP" required/>
        </div>

        <button type="submit" name="submit" class="btn btn-primary">Submit</button>
    </form>
</div>
</body>
</html>

Penjelasan sintak:

Mungkin saya akan sedikit jelaskan beberapa bagian sintak yang menurut saya penting untuk dijelaskan.

yang pertama untuk menggunakan bootstrap saya meload data bootstrap yang telah saya download dan simpan dialam folder htdoc/crud. untuk menggunakannya saya load css bootstrapnya di bagian <head>. sintaknya adalah

    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

Kemudian saya membuat koneksi database dengan cara include file koneksi yang kita buat terpisah dengan file projek kita. disini kita menggunakan perintah include

 include "koneksi.php";

Selanjutnya saya membuat fungsi untuk mencegah karakter-karakter yang tidak sesuai, misalnya pengguna memasukan kode-kode atau tag html dan javascript atau biasanya dikenal dengan istilah Cross Site Scripting (XSS). Nah untuk mencegah inputan-inputan yang tersebut kita gunakan beberapa fungsi PHP misalnya htmlspecialchars(), fungsi trim() dan stripslashes().

   function input($data) {
        $data = trim($data);
        $data = stripslashes($data);
        $data = htmlspecialchars($data);
        return $data;
    }

Kemudian kita masuk kebagian selanjutnya yaitu terdapat kondisi untuk mengecek apakah ada kiriman form dengan method post pada form tersebut.

 if ($_SERVER["REQUEST_METHOD"] == "POST")

Jika kondisi bernilai benar (true) maka sistem akan mengambil setiap nilai (value) dari isian form tersebut. yang mana ada berapa inputan seperti username, nama, alamat, email dan no hp yang masing-masing disimpan menggunakan variabel dan menggunakan fungsi input() yang telah kita buat diatas.

        $username=input($_POST["username"]);
        $nama=input($_POST["nama"]);
        $alamat=input($_POST["alamat"]);
        $email=input($_POST["email"]);
        $no_hp=input($_POST["no_hp"]);

Nantinya sistem akan menjalankan perintah sql untuk input data berdasarkan nilai dari variabel masing-masing

 $sql="insert into anggota (username,nama,alamat,email,no_hp) values
		('$username','$nama','$alamat','$email','$no_hp')";

$hasil=mysqli_query($kon,$sql);

Terakhir kondisi untuk mengecek apakah query tersebut berhasil eksekusi, jika ya maka halaman akan diarahkan ke file index.php yang akan kita buat selanjutnya dan apabila gagal maka menampilkan pemberitahuan gagal input data

create table anggota(
id_anggota int not null auto_increment primary key,
username varchar (50),
nama varchar(50),
alamat varchar(50),
email varchar(30),
no_hp char(13)
);

0

Membuat file untuk menampilkan data anggota (Read)

Pada tahap ini kita membuat sebuah file PHP dengan nama index.php didalam file ini nantinya kita akan menampilkan data anggota yang diambil dari tabel anggota pada database crud yang telah kita buat sebelumnya.

create table anggota(
id_anggota int not null auto_increment primary key,
username varchar (50),
nama varchar(50),
alamat varchar(50),
email varchar(30),
no_hp char(13)
);

1

Penjelasan Sintak:

Pada file index.php file ini akan menjadi file utama yang akan diload saat crud dipanggil lewat localhost. Disini kita menampilkan datanya menggunakan tabel dengan bootstrap.

Untuk menampilkan data anggota dari tabel anggota didatabase, kita gunakan perintah sql berikut, dimana perintah ini akan menampilkan semua data anggota pada tabel anggota dan di urutkan berdasarkan id_anggota secara descending (dari besar ke kecil).

create table anggota(
id_anggota int not null auto_increment primary key,
username varchar (50),
nama varchar(50),
alamat varchar(50),
email varchar(30),
no_hp char(13)
);

2

Selanjutnya untuk menampilkan data anggota sintaknya kita gunakan perulangan while dan menggunakan fungsi mysqli_fetch_array()

create table anggota(
id_anggota int not null auto_increment primary key,
username varchar (50),
nama varchar(50),
alamat varchar(50),
email varchar(30),
no_hp char(13)
);

3

Nantinya data hasil query akan disimpan dalam bentuk array dan ditampilkan menggunakan perulangan. untuk menampilkannya kita cukup menyebut nama field pada tabel anggota yang telah tersimpan pada array $data dengan jenis assosiatif.

Baca artikel : Array pada PHP

create table anggota(
id_anggota int not null auto_increment primary key,
username varchar (50),
nama varchar(50),
alamat varchar(50),
email varchar(30),
no_hp char(13)
);

4

Selanjutnya kita membuat button untuk aksi update dan delete, nantinya ketika pengguna mengklik tombol update maka akan di arahkan ke halaman update berdasarkan id_anggota yang ingin di update.

create table anggota(
id_anggota int not null auto_increment primary key,
username varchar (50),
nama varchar(50),
alamat varchar(50),
email varchar(30),
no_hp char(13)
);

5

Begitu juga dengan hapus, ketika tombol delete diklik maka akan mengerjakan sintak pada bagian ini

create table anggota(
id_anggota int not null auto_increment primary key,
username varchar (50),
nama varchar(50),
alamat varchar(50),
email varchar(30),
no_hp char(13)
);

6

Disini saya memang sengaja membuat fungsi hapus data digabung pada file index.php agar tidak terlalu banyak file yang kita buat. Kalian bisa membuat fungsi delete dengan file terpisah, silahkan saja kalian explore. tapi pada contoh disini saya gabubungkan dengan file index.php.

Buat file untuk mengubah data (Update)

Pada bagian terakhir dari pembahasan membuat CRUD dengan PHP sederhana. Kita membuat fungsi update, jadi pengguna bisa mengubah data secara langsung lewat aplikasi tanpa harus membuka databasenya. Buat sebuah file dengan nama update.php

create table anggota(
id_anggota int not null auto_increment primary key,
username varchar (50),
nama varchar(50),
alamat varchar(50),
email varchar(30),
no_hp char(13)
);

7

Beberapa fungsi sama dengan fungsi yang sudah saya jelaskan diatas.

Untuk menampilkan data anggota yang ingin di update maka akan diambil nilai id_anggota yang dikirim dari file index.php saat pengguna mengklik tombol update.

create table anggota(
id_anggota int not null auto_increment primary key,
username varchar (50),
nama varchar(50),
alamat varchar(50),
email varchar(30),
no_hp char(13)
);

8

Nantinya data anggota akan ditampilkan pada masing-masing inputan berdasarkan fieldnya masing-masing, untuk memasukan nilai pada form inputan kita gunakan atribut value. seperti contoh pada sintak dibawah ini kita memasukan nilai username dari query yang dijalankan diatas,

create table anggota(
id_anggota int not null auto_increment primary key,
username varchar (50),
nama varchar(50),
alamat varchar(50),
email varchar(30),
no_hp char(13)
);

9

Selanjutnya ketika pengguna telah memperbaharui data anggota melalui form update lalu mengklik tombol update, maka query update data pda tabel anggota akan dijalankan.

<?php

$host="localhost";
$user="root";
$password="";
$db="crud";

$kon = mysqli_connect($host,$user,$password,$db);
if (!$kon){
	  die("Koneksi gagal:".mysqli_connect_error());
}
?>

0

Apabila berhasil maka halaman akan diarahkan kembali ke file index.php. Namun jika gagal akan menampilkan pemeritahuan gagal.

<?php

$host="localhost";
$user="root";
$password="";
$db="crud";

$kon = mysqli_connect($host,$user,$password,$db);
if (!$kon){
	  die("Koneksi gagal:".mysqli_connect_error());
}
?>

1

Uji Coba

Tahap terakhir kita uji coba, dengan menginput data terlebih dahulu.

<?php

$host="localhost";
$user="root";
$password="";
$db="crud";

$kon = mysqli_connect($host,$user,$password,$db);
if (!$kon){
	  die("Koneksi gagal:".mysqli_connect_error());
}
?>

2

Setelah semua from inputan di isi dan tombol submit diklik, maka akan tampil data yang kita inputkan tersebut.

Selanjutnya kita akan coba untuk merubah data tersebut dengan cara klik tombol update pada kolom aksi.

Kita coba merubah username dan nama dari yang sebelumnya usernamenya adalah dimas95 diganti menjadi dimas12 dan nama sebelumnya Setiawan Dimas diganti menjadi Setiawan Dimas Arimurti. dan kemudan di klik tombol submit maka akan diarahkan kembali ke file index.php dan kondisi kolom username dan nama telah berubah.

Terakhir untuk menghapus data tersebut cukup dengan menekan tombol delete maka data akan langsung terhapus dari database.

Download Source Code

Jika kalian ingin langsung source dan database yang sudah jadi, silahkan klik tombol dibawah ini tapi sebelumnya berikan jempol kalian dulu ya untuk mendukung blog ini, Terimakasih.

[sociallocker id=”5349″] [/sociallocker]

Download

Kesimpan

Sekian tutorial singkat mengenai CRUD sederhana yang bisa kita buat dengan bahasa pemrograman PHP dan juga menggunakan Bootstrap sebagai tampilan aplikasi nya. Silahkan tinggalkan komentar kalian dibawah ini jika ada yang ingin ditanyakan. Sampai jumpa pada artikel selanjutnya.

Langkah Membuat aplikasi CRUD?

Tutorial Membuat Aplikasi CRUD Dengan PHP dan MySQL.

STEP 1 – Persiapan..

STEP 2 – Membuat Database..

STEP 3 – Buat Koneksi Database..

STEP 4 – Buat View Data..

STEP 5 – Buat Insert Data..

STEP 6 – Buat Update Data..

STEP 7 – Buat Delete Data..

STEP 8 – Buat Cetak Laporan..

CRUD PHP itu apa?

Mengenal Apa Itu CRUD Bagi PHP Developer, CRUD menjadi sebuah pillar untuk mempelajari sebuah proses pengelolaan data dengan menggunakan PHP dan tentunya MySQL database. Dalam hal ini, CRUD diibaratkan sebuah jalur yang terkoneksi dan terhubung antara bahasa pemrograman PHP dengan MySQL.

Apa itu Simple CRUD?

Simple CRUD buku tamu adalah proses pembuatan sebuah aplikasi sederhana menggunakan bahasa pemrograman PHP dan MySQL. Program PHP dan MySQL tersebut biasanya sudah dibundling dalam satu paket bernama XAMPP.

Mengapa CRUD perlu digunakan?

CRUD adalah sebuah kriteria dasar untuk memastikan sebuah framework atau API dapat mengikuti perkembangan teknologi. Bagi para back-end developer, istilah CRUD pasti sudah tak asing lagi. Umumnya konsep ini digunakan untuk mengembangkan aplikasi yang bersifat dinamis seperti database.

kode php