◈ Getting started with JavaServer Faces 1.2, Part 1

« 2024/05 »
일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

Getting started with JavaServer Faces 1.2, Part 1
日常茶飯事
2009. 10. 15. 14:14
Posted by pantarei

Getting started with JavaServer Faces 1.2, Part 1

JSF 1.2 시작하기, Part 1
Getting started with JavaServer Faces 1.2, Part 1

- Dynamic Web Project에 JSF 예제 돌리기

필요한 라이브러리를 PROJECT/WEB/WEB-INF/lib/에 추가한다.
1. C:\Program Files\glassfish-v3-prelude\glassfish\modules\web\jsf-impl.jar
2. C:\Program Files\glassfish-v3-prelude\glassfish\modules\jsf-api.jar
3. jstl.jar
환경설정파일을 추가, 수정한다.
1. faces-config.xml
  
  <faces-config xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_1_2.xsd" version="1.2"> <managed-bean> <managed-bean-name>calculator</managed-bean-name> <managed-bean-class>com.arcmind.jsfquickstart.model.Calculator</managed-bean-class> <managed-bean-scope>request</managed-bean-scope> </managed-bean> </faces-config>
2. web.xml
  
  <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5"> <display-name>Test</display-name> <welcome-file-list> <welcome-file>index.jsp</welcome-file> </welcome-file-list> <servlet> <servlet-name>Faces Servlet</servlet-name> <servlet-class>javax.faces.webapp.FacesServlet</servlet-class> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>Faces Servlet</servlet-name> <url-pattern>*.jsf</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>Faces Servlet</servlet-name> <url-pattern>/faces/*</url-pattern> </servlet-mapping> </web-app>
예제 소스를 추가한다.
1. /index.jsp
  
  <jsp:forward page="faces/pages/calculator.jsp"/>
2. /pages/calculator.jsp
  
  <?xml version="1.0" encoding="ISO-8859-1" ?> <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%> <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%> <!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>Calculator Application</title> </head> <body> <f:view> <h:form id="calcForm"> <h4>Calculator</h4> <table> <tr> <td><h:outputLabel value="First Number" for="firstNumber" /></td> <td><h:inputText id="firstNumber" value="#{calculator.firstNumber}" required="true" /></td> <td><h:message for="firstNumber" /></td> </tr> <tr> <td><h:outputLabel value="Second Number" for="secondNumber" /> </td> <td><h:inputText id="secondNumber" value="#{calculator.secondNumber}" required="true" /></td> <td><h:message for="secondNumber" /></td> </tr> </table> <div> <h:commandButton action="#{calculator.add}" value="Add" /> <h:commandButton action="#{calculator.multiply}" value="Multiply" /> <h:commandButton action="#{calculator.clear}" value="Clear" immediate="true"/> </div> </h:form> <h:panelGroup rendered="#{calculator.result != 0}"> <h4>Results</h4> <table> <tr><td> First Number ${calculator.firstNumber} </td></tr> <tr><td> Second Number ${calculator.secondNumber} </td></tr> <tr><td> Result ${calculator.result} </td></tr> </table> </h:panelGroup> </f:view> </body> </html>
3. src/com/arcmind/jsfquickstart/model/Calculator.java
  
  package com.arcmind.jsfquickstart.model; /** * Calculator. Simple POJO. * * @author Rick Hightower */ public class Calculator { /** First number used in operation. */ private int firstNumber = 0; /** Result of operation on first number and second number. */ private int result = 0; /** Second number used in operation. */ private int secondNumber = 0; /** Add the two numbers. */ public void add() { result = firstNumber + secondNumber; } /** Multiply the two numbers. */ public void multiply() { result = firstNumber * secondNumber; } /** Clear the results. */ public void clear() { result = 0; } /* ---------- properties ------------- */ public int getFirstNumber() { return firstNumber; } public void setFirstNumber(int firstNumber) { this.firstNumber = firstNumber; } public int getResult() { return result; } public void setResult(int result) { this.result = result; } public int getSecondNumber() { return secondNumber; } public void setSecondNumber(int secondNumber) { this.secondNumber = secondNumber; } }
브라우저로 확인한다.

- MyFaces 구현체로도 가능할거야. [todo]

[todo] 원리를 좀더 추가해야 하지 않나?

저작자표시 비영리 변경금지

오늘도 행복하다.

Category

Recent Article

Recent comment

My Link

Notice

Tag Cloud

Calender

Archive

Getting started with JavaServer Faces 1.2, Part 1

티스토리툴바