BAB 4 – Mengatur Alur Halaman pada Aplikasi Web

4.1 Pendahuluan Model Navigasi

  • Berdasarkan action dari user, JSF mendukung tipe-tipe dari navigasi pada aplikasi web, diantaranya:
  • Navigasi JSF membuat mudah untuk mendefinisikan navigasi halaman dan dapat membuat kita untuk meng-handle proses tambahan untuk menentukan urutan dari halaman.

Static

-Dynamic

  • Untuk mengimplementasi navigasi static dan dynamic, JSF menyediakan dua mekanisme navigasi yaitu, navigasi implicit dan navigasi rule-based
  • Pada navigasi implicit, link atau tombol perintah berisi nama dari halaman web yang sedang ditampilkan
  • Pada navigasi rule-based, aturan navigasi didefinisikan pada lokasi pusat pada file konfigurasi, faces-config.xml
  • Navigasi rule-based dapat digunakan untuk mengimplementasikan kedua tipe navigasi (static dan dynamic). Untuk mengimplementasi navigasi ini, JSF menyediakan elemen navigasi yang digunakan di file faces-config.xml :

-<navigation-rule>

-<from-view-id>

-<Navigation-case>

-<from-action>

-<from-outcome>

-<to-view-id>

  • Ketika user menavigasikan ke halaman web baru, JSF dapat menampilkan halaman selanjutnya atau sebelumnya
  • Untuk mengimplementasikan permintaan pergantian halaman, elemen <redirect/> dimasukkan pada aturan navigasi
  • Elemen <redirect/> pada aturan navigasi menghasilkan browser client untuk membuat permintaan HTTP baru untuk view spesifik

4.2 Implementasi Mekanisme Navigasi Tingkat Lanjut

  • JSF menyediakan beberapa mekanisme navigasi lanjutan yg dapat diimplementasikan dengan:

-Membuat sebuah aturan navigasi global

-Membuat navigasi kondisional

  • Aturan navigasi global mengijinkan kita untuk mendefinisikan sebuah aturan navigasi sendiri untuk menavigasikan ke sesama halaman web dari beberapa halaman web
  • Kita dapat mengimplementasikan aturan navigasi global dengan cara:

-Menggunakan karakter wildcard, *

-Menghapus elemen <from-view-id> dari file faces-config.xml

  • Kita dapat menggunakan navigasi kondisional dengan menggunakan elemen <if> pada case navigasi
  • Ekspresi EL diletakkan berdekatan dengan elemen <if>. Jika ekspresi EL menghasilkan ‘true’, halaman web akan menjalankan ke case navigasi yang pertama, sebaliknya maka akan pindah ke case navigasi selanjutnya.

Be the first to comment

Leave a Reply

Your email address will not be published.


*


Skip to toolbar