Laman

Selasa, 11 Februari 2014

Menampilkan Output Text Pada JSF 2.0

Di JSF 2.0, kita bisa menampilkan Output Text menggunakan tag <h:outputText>.

JSF Tag

 <h:outputText value="Selamat Datang"/>
Rendered Output

Selamat Datang

1. Project Structure

Buatlah Project Structure di Eclipse seperti di bawah ini:

2. Membuat Halaman View

Buatlah halaman view home.xhtml seperti di bawah ini:

home.xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>JSF Tutorial!</title>
</head>
<body>
   <h2>Contoh Output Text</h2>
   <hr/>
   <h:form>
      <h3>Output Text</h3>
      <h:outputText value="Selamat Datang"/>
   </h:form>
</body>
</html>

3. Demo

Untuk menjalankan aplikasi, coba ketikkan http://localhost:8080/jsf/home.xhtml. Jika berhasil, akan terlihat tampilan sebagai berikut:

4. Download Source Code + PDF

Silahkan download Source Code dan PDF disini, apabila tutorial ini bermanfaat silahkan share dengan teman-teman yang lain.

Terima kasih, semoga bermanfaat.


Diposting oleh di Tidak ada komentar:
Label:

Password field di JSF 2.0

Overview

Pada tutorial kali ini, saya akan coba sharing tentang "Bagaimana Membuat Password field di JSF 2.0". Password field biasanya digunakan untuk memberi inputan form yang berhubungan dengan inputan password, misalkan pada form change password.

Baca selengkapnya »
Diposting oleh di Tidak ada komentar:
Label:

Arsitektur JSF 2.0

Overview

JSF adalah sebuah teknologi framework berbasis komponen untuk membuat aplikasi web yang dinamis. JSF menggunakan teknologi MVC (Model View Controler) yang memisahkan antara model dan presentation (view), sehingga memudahkan developer untuk fokus coding, sedangkan view bisa dikerjakan oleh Web Desainer.

Baca selengkapnya »
Diposting oleh di Tidak ada komentar:

Jumat, 07 Februari 2014

Setting dan Instalasi JSF 2.0

Pre-requisities

Sebelum menginstall JSF 2.0 di komputer anda, ada beberapa hal yang harus di lakukan terlebih dahulu yaitu:

Baca selengkapnya »
Diposting oleh di Tidak ada komentar:

Kamis, 06 Februari 2014

Membuat Text Box di JSF 2.0

Overview

Untuk membuat Text Box di JSF 2.0 sangatlah mudah yaitu dengan menggunakan tag <h:inputText/>. Tag tersebut menghasilkan type="text" ketika di render di halaman HTML.

Baca selengkapnya »
Diposting oleh di Tidak ada komentar:

Membuat Text Area field di JSF 2.0

Pada tutorial kali ini, saya akan coba sharing tentang "Bagaimana Membuat Text Area field di JSF 2.0". Text Area biasanya digunakan untuk memberi inputan form yang jumlah karakternya banyak seperti pada Alamat, ataupun Komentar pada sebuah blog.

Baca selengkapnya »
Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)