2012-05-08 3 views
17

본질적으로 비 기능적이라 할지라도 사용자에게 보일 것처럼 생성 된 HTML (및 CSS)을 볼 수 있도록 한 페이지를 실행하는 방법이 있습니까? 독립형 JSF 페이지. 폼의 필드를 실제로 코딩하기 전에 폼을 사용자 관점에서 이해할 수 있는지 확인하기 위해 폼을 설정하는 방법을 검토하고 싶습니다. 나는 maven과 netbeans를 사용하고 있지만 후자가 적절한 지 확실하지 않습니다.전체 프로젝트를 빌드하지 않고도 JSF 페이지를 실행할 수 있습니까?

답변

26

JSF2 Facelets를 사용하는 경우 일반 HTML로 양식을 디자인하고 jsfc 속성을 사용하여 JSF 런타임 중에 사용해야하는 해당 JSF 구성 요소를 지정할 수 있습니다. 예 :

<form jsfc="h:form"> 
    <label jsfc="h:outputLabel" for="input1" /> 
    <input type="text" jsfc="h:inputText" id="input1" value="#{bean.input1}" required="true" /> 
    <span jsfc="h:message" for="input1" /> 
    <input type="submit" jsfc="h:commandButton" value="Submit" action="#{bean.submit}" /> 
</form> 

Facelets의 <ui:xxx> taglib documentation을 읽는 것은 일부 통찰력을 제공해야합니다. 예 :

<span jsfc="ui:remove"> 
    This is present during design time, but is removed during JSF runtime. 
</span> 

<div jsfc="ui:repeat" value="#{bean.items}" var="item">#{item}</div> 

<table> 
    <tr jsfc="ui:repeat" value="#{bean.items}" var="item"> 
     <td>#{item.id}</td> 
     <td>#{item.name}</td> 
    </tr> 
</table> 

그리고 당신이 Facelet 조성물의 시작과 끝을 (예를 들어, 파일 또는 태그 파일을 포함)을 지정 <ui:composition>를 사용할 수 있다는 사실. 바깥 쪽의 모든 내용은 런타임 중에 무시되지만 디자인 기록 중에는 HTML을 사용하여 포함 파일이나 태그 파일이 포함 된 완전한 디자인을 쉽게 미리 볼 수 있습니다.

<!DOCTYPE html> 
<html lang="en" 
    xmlns="http://www.w3.org/1999/xhtml" 
    xmlns:f="http://java.sun.com/jsf/core" 
    xmlns:h="http://java.sun.com/jsf/html" 
    xmlns:ui="http://java.sun.com/jsf/facelets" 
> 
    <head> 
     ... 
    </head> 
    <body> 
     ... 
     <ui:composition> 
      Here you can design content of include file or 
      tag file as if it's part of the whole design. 
     </ui:composition> 
     ... 
    </body> 
</html> 

이 모든 당신이 JSF 런타임을 필요없이 HTML/CSS 디자인을 미리 볼 수 있습니다.

+0

길은 있어야한다는 것을 알았습니다 ... 너무 큰 구멍이 아닙니다. 감사. 너무 나빠서 더 이상 직접적인 방법은 없지만 내가 얻을 수있는 것을 취할 것입니다. :) 추신 나는 ui : composition에 만족하면, 원하는 부분을 잘라내어 다른 파일에 붙여 넣거나 html 파일을 삭제할 가능성이 높습니다. 예? 감사합니다 - BillR – BillR

+1

당신을 진심으로 환영합니다. 아니, 그럴 필요는 없어. ''또는''으로 사용하면 Facelets 컴파일 과정에서''밖의 내용은 무시됩니다. HTML 디자인 "와이어 프레임"을 그대로 유지할 수 있습니다. – BalusC

2

빌드 된 응용 프로그램을 제거하지 않고 JSF 페이지를 직접 실행할 수 없습니다. 당신은 그때 당신 만 페이지를 실행 표시 할 수있을 것입니다 배포해야합니다.

1

Eclipse 용 JBoss Tools는 시각적 편집기에서 JSF- 태그를 기본적으로 지원합니다.

나는 그걸로 간단히 놀았지만 우리의 유산 페이지를 완전히 지원하지는 않았다. 그래서 나는 그것을 남겼다. 빈 페이지로 시작할 때 더 잘 작동 할 수 있습니다.

관련 문제