Scribd
Unggah
5 tayangan6 halaman

04-mvc php

Dokumen ini menjelaskan konsep MVC (Model-View-Controller) dalam pemrograman berbasis web, yang memisahkan aplikasi menjadi tiga komponen utama: Model, View, dan Controller. Setiap komponen memiliki peran spesifik dalam mengelola data, menampilkan antarmuka pengguna, dan menghubungkan keduanya. Selain itu, dokumen ini juga memberikan panduan praktis untuk membuat program sederhana menggunakan struktur MVC dan mengatur database untuk aplikasi tersebut.

Diunggah oleh

isgiantohafa
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
5 tayangan6 halaman

04-mvc php

Dokumen ini menjelaskan konsep MVC (Model-View-Controller) dalam pemrograman berbasis web, yang memisahkan aplikasi menjadi tiga komponen utama: Model, View, dan Controller. Setiap komponen memiliki peran spesifik dalam mengelola data, menampilkan antarmuka pengguna, dan menghubungkan keduanya. Selain itu, dokumen ini juga memberikan panduan praktis untuk membuat program sederhana menggunakan struktur MVC dan mengatur database untuk aplikasi tersebut.

Diunggah oleh

isgiantohafa
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 6

Pemrograman Berbasis Web 2

PHP – MVC

1. Apa itu MVC?


MVC (Model-View-Controller) adalah sebuah pola arsitektur perangkat lunak yang
digunakan untuk memisahkan logika aplikasi menjadi tiga bagian utama, yaitu Model,
View, dan Controller. Ini membantu dalam pengembangan aplikasi yang lebih
terstruktur, modular, dan mudah dikelola, terutama dalam pengembangan aplikasi
berbasis web.
Berikut adalah penjelasan singkat tentang ketiga komponen dalam konsep MVC:
a. Model:
• Model berhubungan dengan semua data dan logika bisnis dari aplikasi.
• Model bertanggung jawab untuk mengelola data, termasuk mengakses basis
data, memproses, dan memvalidasi data, serta memastikan integritas data.
• Model juga menyediakan data untuk View atau Controller sesuai dengan
permintaan.
• Dalam konteks web, Model biasanya berisi logika untuk interaksi dengan
database, seperti CRUD (Create, Read, Update, Delete) operasi.
b. View:
• View adalah bagian yang bertanggung jawab untuk menampilkan antarmuka
pengguna (UI).
• View menampilkan data yang disediakan oleh Model kepada pengguna.
• View tidak memiliki logika bisnis. Perannya terbatas pada penyajian data,
misalnya dalam bentuk HTML, JSON, XML, atau format lainnya.
• Setiap perubahan dalam View biasanya dipicu oleh Controller, bukan oleh
Model secara langsung.
c. Controller:
• Controller bertindak sebagai penghubung antara Model dan View.
• Controller menerima input dari pengguna (misalnya melalui form atau
permintaan HTTP), memproses input tersebut dengan berinteraksi dengan
Model, dan kemudian memperbarui View.
• Controller juga menentukan bagaimana data dari Model ditampilkan di View
dan bagaimana aplikasi merespons tindakan pengguna.
• Cara Kerja MVC:
Pemrograman Berbasis Web 2

Gambar 1 Hubungan komponen pada MVC (Konsep MVC)

Gambar 2 Alur proses pada MVC

2. Membuat program dengan konsep MVC


a. Membuat struktur projek dengan nama belajar-mvc lalu buat struktur sbb:
Pemrograman Berbasis Web 2

b. Membuat komponen mvc


1) Model (app/models/User.php)
Model bertanggung jawab untuk menangani data dan logika bisnis. Model akan
berinteraksi dengan database.

Penjelasan:
• Kelas User bertanggung jawab untuk berinteraksi dengan database
dan melakukan operasi yang berhubungan dengan data pengguna.
• Fungsi getUserById() mengambil data pengguna berdasarkan ID dari
database.
2) View (app/views/userView.php)
View bertanggung jawab untuk menampilkan data kepada pengguna.
Pemrograman Berbasis Web 2

Penjelasan:
• File ini adalah bagian View yang hanya bertugas menampilkan
informasi data pengguna yang dikirim dari Controller.
• Data pengguna disajikan dalam bentuk HTML.
3) Controller (app/controllers/UserController.php)
Controller bertanggung jawab untuk menerima permintaan dari pengguna,
memprosesnya, dan memutuskan apa yang harus ditampilkan.

Penjelasan:
• UserController bertanggung jawab atas proses logika dari permintaan
pengguna.
• Fungsi show($id) menerima parameter ID, mengambil data pengguna
dari model User, dan kemudian meneruskan data tersebut ke view
(userView.php).
Pemrograman Berbasis Web 2

4) Database Configuration (config/database.php)


Mengatur koneksi database menggunakan PDO (PHP Data Objects).

Penjelasan:
• Fungsi getDBConnection() menyediakan koneksi ke database
menggunakan PDO, yang digunakan oleh Model untuk mengakses
database.
5) Main Entry Point (index.php)
File utama yang menangani routing dan memanggil Controller.

Penjelasan:
• File index.php berfungsi sebagai entry point aplikasi.
• Ini menginisialisasi koneksi ke database, memuat Controller, dan
memanggil metode show() pada UserController untuk menampilkan
informasi pengguna berdasarkan ID yang diterima dari URL.
6) Membuat database
Buat database dengan nama dbmvc, lalu tambahkan sebuah tabel dengan
nama users yang berisi terdiri dari tiga kolom (id, name dan email) kemudian
tambahkan beberapa data ke dalam tabel tersebut
Pemrograman Berbasis Web 2

7) Alur kerja program


a) Pengguna mengakses URL seperti http://localhost/belajar-
mvc/index.php?id=1. Parameter id dikirimkan melalui URL.
b) File index.php menangkap parameter ID tersebut dan menginisialisasi
Controller yang relevan (UserController).
c) Controller (UserController) memanggil Model (User) untuk mengambil
data dari database berdasarkan ID.
d) Model melakukan query ke database dan mengembalikan data pengguna
ke Controller.
e) Controller kemudian memuat View (userView.php) dan meneruskan data
pengguna ke View.
f) View akan menampilkan data kepada pengguna dalam bentuk HTML.
Tampilan program
Ketika user mengakses url localhost/belajar-mvc/ maka akan ditampilak user dengan id 1, sama
seperti ketika menambahkan id=1

TUGAS
Buat tampilan dengan menggunakan bootstrap. Dan jika pengguna mengakses
localhost/belajar-mvc/ (halaman index) maka akan menampilkan seluruh data users.
Pada tampilan ini tambahkan kolom aksi untuk tombol detail, edit dan hapus. Dan jika
pengguna mengeklik tombol detail maka akan tampil page informasi detail dari user.

Anda mungkin juga menyukai