Membuat Routing Halaman Sederhana Dengan PHP

Melalui pemrograman PHP, kita bisa membuat sebuah perintah yang dapat melakukan routing pada halaman yang ingin ditampilkan dengan mudah. Manajemen halaman pada pemrograman web khususnya PHP sebetulnya dapat dilakukan dengan mudah. Umumnya programer akan membuat beberapa halaman duplikat kemudian menyatukannya dalam list menu di halaman utamanya melalui link file masing-masing halaman tersebut. Cara seperti ini tidak salah, hanya saja jika setiap halaman memiliki kerumitan yang cukup tinggi akan sangat merepotkan pada saat pengembangan kedepannya. 

Dengan menggunakan routing ini kita bisa memperluas masing-masing halaman pada aplikasi web yang kita buat dengan fitur kompleks tanpa kesulitan. Selain itu, kelebihan lainnya adalah ketika kita akan melakukan manajemen akses untuk setiap pengguna yang mana masing-masing entitas memiliki hak akses fitur yang berbeda. Sehingga dengan teknik ini, selanjutnya bisa kita kembangkan untuk melakukan hal tersebut lebih lanjut.

Untuk mempersingkat waktu, kita langsung saja ke inti dari topik yang akan kita bahas kali ini. Jangan lupa juga selalu gunakan text editor IDE kesukaan anda, tempat kerja yang nyaman dan segelas kopi pahit.

Buat Project Baru

Tahap pertama kita buat project baru seperti biasa, di sini saya asumsikan kita sudah memahami sebelumnya bagaimana membuat project, menggunakan web server dan dasar pemrograman web lainnya. Buat susunan file dan directory nya seperti gambar berikut ini.

Sebagai penjelasan singkat, pada folder "_Page" akan kita gunakan untuk menyimpan komponen-komponen halaman yang akan kita panggil. Pada file halaman tersebut kita hanya akan memanggil komponen spesifik dari masing-masing halaman yang akan kita buat. Pada folder "css" kita akan menyimpan asset css kita disana. Walaupun demikian untuk mempercantik tampilan kita bisa menggunakan bootstrap. Pada file "index.php" kita akan menyimpan script utama berikut routing halaman dalam bentuk bahasa PHP.  

Buat Script Untuk index.php

Langsung pada file utama di "index.php" tulis script berikut ini:

Sebagai penjelasan pada baris ke 7, 8, 9, 10 merupakan script untuk memanggil CDN bootstrep agar tampilannya sedikit menarik. Untuk sementara kita buat dalam bentuk CDN dulu, jika ingin menggunakannya dilokal bisa diubah nanti.

Pada baris ke 11 kita akan membuat file css yang akan mengatur tampilan tambahan diluar bootstrap yang kita gunakan tadi.

Pada baris 21 sampai dengan 34 adalah script html untuk menampilkan navbar atas. Kita bisa merubahnya sesuai keinginan, misalnya pada bagian "My Aplication" bisa diubah dengan nama aplikasi, project atau apalah.

Pada baris 40 sampai 64 merupakan script PHP yang melakukan routing halaman berdasarkan parameter data GET yang diambil pada URL. Jadi ketika kita memilih/click pada navbar halaman 1 maka kita akan diarahkan pada url: localhost/ProjectKamu/index.php?Page=HalamanSatu kemudian didefinisikan oleh script PHP tersebut apa isi dari HalamanSatu.

Jangan lupa juga pada file style.css tambahkan script berikut:

Simpan semua perubahan pada file di project yang sudah dibuat tadi kemudian coba panggil halaman index.php tadi maka hasilnya akan seperti berikut:

 

 

Buat Script Untuk Halaman

Pada file Halaman_1.php, Halaman_2.php dan Halaman_3.php kita buat masing-masing scriptnya seperti berikut

Halaman_1.php

Halaman_2.php

Halaman_3.php 

Silahkan simpan perubahan pada masing-masing file yang sudah dibuat tadi. Buka kembali halaman index.php pada web browser kemudian coba pilih/click masing-masing menu pada navbar atas.

Jika berhasil maka sistem akan menampilkan perbedaan pada masing-masing halaman yang dipilih. 

index.php?Page=HalamanSatu

 index.php?Page=HalamanDua

index.php?Page=HalamanTiga

 

Demikian tutorial kali ini, untuk selanjutnyan kita akan membahas tema menarik lainnya yang masih mengenai pemrograman PHP. Apabila ada yang tidak dipahai, silahkan tanyakan pada kolom komentar.