1- 从文件菜单中,选择打开项目。
2- 在打开项目对话框中,导航到:tut-install/examples/web/jsf
3- 选择 hello1 文件夹并单击打开项目。
4- 展开网页节点并双击index.xhtml
文件以在编辑器中查看它。
index.xhtml 文件是 Facelets 应用程序的默认登录页面。在典型的 Facelets 应用程序中,网页是用 XHTML 创建的。对于此应用程序,页面使用简单的标记标记来显示带有图形图像、标题、字段和两个命令按钮的表单:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html">
<h:head>
<title>Facelets Hello Greeting</title>
</h:head>
<h:body>
<h:form>
<h:graphicImage url="#{resource['images:duke.waving.gif']}"
alt="Duke waving his hand"/>
<h2>Hello, my name is Duke. What's yours?</h2>
<h:inputText id="username"
title="My name is: "
value="#{hello.name}"
required="true"
requiredMessage="Error: A name is required."
maxlength="25" />
<p></p>
<h:commandButton id="submit" value="Submit" action="response">
</h:commandButton>
<h:commandButton id="reset" value="Reset" type="reset">
</h:commandButton>
</h:form>
...
</h:body>
</html>