1 / 22

JSF Basics: Building Web Apps with JavaServer Faces

Learn to separate UI from Java code with JSF, create managed beans, use expressions, GUI components, validate input, and bind databases to facelets.

lillie
Télécharger la présentation

JSF Basics: Building Web Apps with JavaServer Faces

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Chapter 44 JavaServer Face

  2. Objectives • To explain what JSF is (§44.1). • To create a JSF page using NetBeans (§44.2). • To create a JSF managed bean (§44.2). • To use JSF expressions in a facelet (§44.2). • To use JSF GUI components (§44.3). • To obtain and process input from a form (§44.4). • To track sessions in application, session, view, and request scope (§44.5). • To validate input using the JSF validators (§44.6). • To bind database with facelets (§44.7).

  3. What is JSF? JSF completely separates Web UI from Java code so the application developed using JSF is easy to debug and maintain.

  4. Creating a JSF Project Create a Web project with JavaServer Faces.

  5. Creating a JSF Project

  6. A Basic JSF Page <?xml version='1.0' encoding='UTF-8' ?> <!-- index.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" xmlns:h="http://java.sun.com/jsf/html"> <h:head> <title>Facelet Title</title> </h:head> <h:body> Hello from Facelets </h:body> </html>

  7. Managed JavaBeans for JSF

  8. Managed JavaBeans for JSF package jsf2demo; import javax.faces.bean.ManagedBean; import javax.faces.bean.RequestScoped; @ManagedBean @RequestScoped public class TimeBean { public String getTime() { return new java.util.Date().toString(); } } #{expression} #{timeBean.time} #{timeBean.getTime()}

  9. Listing 44.3 CurrentTime.xhtml <?xml version='1.0' encoding='UTF-8' ?> <!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" xmlns:h="http://java.sun.com/jsf/html"> <h:head> <title>Display Current Time</title> <meta http-equiv="refresh" content ="60" /> </h:head> <h:body> The current time is #{timeBean.time} </h:body> </html>

  10. JSF GUI Components

  11. JSF UI Containers

  12. 44.5 Case Study: Calculator

  13. 44.6 Session Tracking

  14. 44.7 Validating Input

  15. Creating a New Database Connection

  16. Designing UI

  17. Modifying Query

  18. Modifying Query

  19. Changing Table Layout

  20. Session Tracking

  21. Session Bean

  22. Validating Input

More Related