Majalah Pulsa Kumpulan Berita dan Informasi Seputar Teknologi
Tutorial Membuat Aplikasi Sederhana CRUD dengan Konsep MVC
Halo teman-teman! Pada kesempatan kali ini, kita akan belajar tentang cara membuat aplikasi sederhana CRUD dengan konsep MVC. MVC merupakan singkatan dari Model-View-Controller, yang merupakan sebuah konsep dalam pengembangan perangkat lunak yang memisahkan antara tampilan, logika bisnis, dan data. Dalam tutorial ini, kita akan menggunakan bahasa pemrograman PHP dan database MySQL.
Sebelum memulai, pastikan bahwa Anda telah menginstal XAMPP atau software serupa yang dapat digunakan sebagai server lokal. Jika belum, silakan kunjungi situs resmi XAMPP dan ikuti petunjuk instalasinya. Setelah Anda berhasil menginstal XAMPP, mari kita mulai membuat aplikasi CRUD sederhana ini.
Langkah 1: Persiapan Awal
Langkah pertama yang perlu kita lakukan adalah membuat folder baru di dalam direktori htdocs yang terdapat di dalam folder XAMPP. Berikan nama folder tersebut dengan “aplikasi-crud”. Selanjutnya, buka text editor favorit Anda dan simpan file kosong dengan nama “index.php” di dalam folder aplikasi-crud tersebut.
Langkah 2: Pembuatan Database
Selanjutnya, buka browser Anda dan akses tautan “http://localhost/phpmyadmin”. Pada halaman utama phpMyAdmin, buatlah database baru dengan nama “aplikasi_crud”. Setelah database berhasil dibuat, buat juga sebuah tabel di dalam database tersebut dengan nama “mahasiswa”. Tabel ini akan digunakan untuk menyimpan data mahasiswa.
Tabel “mahasiswa” harus memiliki empat kolom yaitu “id” (sebagai primary key), “nama”, “jurusan”, dan “alamat”. Kolom “id” harus memiliki tipe data INT dan diatur sebagai AUTO_INCREMENT. Sementara itu, kolom “nama”, “jurusan”, dan “alamat” harus memiliki tipe data VARCHAR dengan panjang karakter yang sesuai.
Langkah 3: Pengaturan Model
Pada langkah ini, kita akan membuat model untuk mengakses dan memanipulasi data dalam database. Buka kembali text editor Anda dan buat file baru dengan nama “Model.php” di dalam folder aplikasi-crud. Dalam file ini, kita akan menuliskan kode-kode untuk mengatur koneksi ke database dan melakukan operasi CRUD.
Pertama, kita perlu mendefinisikan kelas Model dan membuat properti untuk menyimpan informasi koneksi ke database. Berikut ini adalah contoh kode untuk mengatur koneksi ke database:
class Model {private $host = "localhost";private $username = "root";private $password = "";private $database = "aplikasi_crud";
protected $connection;
public function __construct() {$this->connection = new mysqli($this->host, $this->username, $this->password, $this->database);
if ($this->connection->connect_error) {die("Koneksi gagal: " . $this->connection->connect_error);}}}
Pada kode di atas, kita mendefinisikan kelas Model dan membuat properti untuk menyimpan informasi koneksi ke database. Selanjutnya, kita membuat method __construct() yang akan dieksekusi ketika objek dari kelas Model dibuat. Method ini akan melakukan koneksi ke database menggunakan mysqli_connect().
Langkah 4: Pengaturan View
Selanjutnya, kita akan membuat view untuk menampilkan tampilan aplikasi kepada pengguna. Buka kembali text editor Anda dan buat file baru dengan nama “View.php” di dalam folder aplikasi-crud. Dalam file ini, kita akan menuliskan kode-kode untuk membuat tampilan aplikasi CRUD.
Pertama, kita perlu mendefinisikan kelas View dan membuat method untuk menampilkan daftar mahasiswa. Berikut ini adalah contoh kode untuk menampilkan daftar mahasiswa:
class View {public function showAllMahasiswa($data) {echo "
Daftar Mahasiswa
";echo "
- ";
- Nama: " . $mahasiswa['nama'] . "
- Jurusan: " . $mahasiswa['jurusan'] . "
- Alamat: " . $mahasiswa['alamat'] . "
foreach ($data as $mahasiswa) {echo "
";echo "
";echo "
";}
echo "
";}}
Pada kode di atas, kita mendefinisikan kelas View dan membuat method showAllMahasiswa(). Method ini akan menerima parameter $data yang berisi daftar mahasiswa yang akan ditampilkan. Dalam method ini, kita menggunakan perulangan foreach untuk menampilkan setiap data mahasiswa.
Langkah 5: Pengaturan Controller
Selanjutnya, kita akan membuat controller untuk menghubungkan antara model dan view. Buka kembali text editor Anda dan buat file baru dengan nama “Controller.php” di dalam folder aplikasi-crud. Dalam file ini, kita akan menuliskan kode-kode untuk mengatur logika bisnis aplikasi CRUD.
Pertama, kita perlu mendefinisikan kelas Controller dan membuat method untuk mengatur alur kerja aplikasi. Berikut ini adalah contoh kode untuk mengatur alur kerja aplikasi:
class Controller {private $model;private $view;
public function __construct($model, $view) {$this->model = $model;$this->view = $view;}
public function showAllMahasiswa() {$data = $this->model->getAllMahasiswa();$this->view->showAllMahasiswa($data);}}
Pada kode di atas, kita mendefinisikan kelas Controller dan membuat properti untuk menyimpan objek Model dan View. Selanjutnya, kita membuat method __construct() yang akan dieksekusi ketika objek dari kelas Controller dibuat. Method ini akan menerima objek Model dan View sebagai parameter.
Langkah 6: Implementasi CRUD
Sekarang, kita akan mengimplementasikan operasi CRUD (Create, Read, Update, Delete) dalam aplikasi kita. Buka kembali file Model.php dan tambahkan method-method berikut:
public function getAllMahasiswa() {$query = "SELECT * FROM mahasiswa";$result = $this->connection->query($query);$data = [];
if ($result->num_rows > 0) {while ($row = $result->fetch_assoc()) {$data[] = $row;}}
return $data;}
public function insertMahasiswa($nama, $jurusan, $alamat) {$query = "INSERT INTO mahasiswa (nama, jurusan, alamat) VALUES ('$nama', '$jurusan', '$alamat')";$result = $this->connection->query($query);
if ($result === true) {return true;} else {return false;}}
public function updateMahasiswa($id, $nama, $jurusan, $alamat) {$query = "UPDATE mahasiswa SET nama='$nama', jurusan='$jurusan', alamat='$alamat' WHERE id=$id";$result = $this->connection->query($query);
if ($result === true) {return true;} else {return false;}}
public function deleteMahasiswa($id) {$query = "DELETE FROM mahasiswa WHERE id=$id";$result = $this->connection->query($query);
if ($result === true) {return true;} else {return false;}}
Pada kode di atas, kita menambahkan method getAllMahasiswa() untuk mengambil semua data mahasiswa dari database, method insertMahasiswa() untuk menambahkan data mahasiswa ke database, method updateMahasiswa() untuk mengubah data mahasiswa di database, dan method deleteMahasiswa() untuk menghapus data mahasiswa dari database.
Langkah 7: Penggunaan Aplikasi
Sekarang, kita telah berhasil membuat model, view, dan controller untuk aplikasi CRUD kita. Selanjutnya, kita akan menggunakan aplikasi tersebut. Buka file index.php dan tambahkan kode berikut:
require_once 'Model.php';require_once 'View.php';require_once 'Controller.php';
$model = new Model();$view = new View();$controller = new Controller($model, $view);
$controller->showAllMahasiswa();
Pada kode di atas, kita mengimpor file Model.php, View.php, dan Controller.php menggunakan perintah require_once. Selanjutnya, kita membuat objek Model, View, dan Controller. Terakhir, kita memanggil method showAllMahasiswa() dari objek Controller untuk menampilkan daftar mahasiswa.
Langkah 8: Pengujian Aplikasi
Untuk menguji aplikasi CRUD kita, buka browser Anda dan akses tautan “http://localhost/aplikasi-crud”. Jika semuanya berjalan dengan lancar, Anda seharusnya dapat melihat daftar mahasiswa yang telah ditambahkan ke database.
Kesimpulan
Pada tutorial ini, kita telah belajar tentang cara membuat aplikasi sederhana CRUD dengan konsep MVC. Dalam tutorial ini, kita menggunakan bahasa pemrograman PHP dan database MySQL.
Konsep MVC sangat berguna dalam pengembangan perangkat lunak karena memisahkan antara tampilan, logika bisnis, dan data. Dengan menggunakan konsep MVC, kita dapat mengorganisir kode kita dengan lebih baik dan membuatnya lebih mudah untuk dipelihara dan dikembangkan di masa depan.
Semoga tutorial ini bermanfaat dan dapat membantu Anda dalam mempelajari konsep MVC dan pengembangan aplikasi CRUD. Selamat mencoba!
