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.


Tidak ada komentar:

Posting Komentar