JSF 2 简介: JSF 向导

核心提示： Start the wizard 链接会将用户带到这个测验向导页面，在这里，JSF 2 简介: JSF 向导(2)，用户会被提问，一次一个问题， 测验应用程序这个测验应用程序的文件如图 3 所示： 图 3. 此应用程序的文件我用一个 JSF 2 模板（/templates/wizardTempl

Start the wizard 链接会将用户带到这个测验向导页面，在这里，用户会被提问，一次一个问题，如 图 1 底部的两个图片所示。我通过一些简单的 Ajax 和一个服务器端 bean 控制此向导按钮的启用状态，我在本文的 Ajax 部分将向您详示。

图 2 显示了最后的一个问题，后跟用户答案的一个总结。当用户处于最后一个问题时，只有 Finish 按钮是启用的；单击该按钮会将用户带到总结页面。

图 2. 总结页面

查看原图（大图）

了解了这个测验向导如何工作后，我将向您展示它是如何实现的。

测验应用程序

这个测验应用程序的文件如图 3 所示：

图 3. 此应用程序的文件

我用一个 JSF 2 模板（/templates/wizardTemplate.xhtml）实现此测验向导，向导视图（/quizWizard/wizard.xhtml）使用了这个模板。

除了上述模板和视图外，我还有针对向导的每个组成块的 facelets — 全部处于 quizWizard 目录：

头部（/quizWizard/heading.xhtml）

问题（/quizWizard/question.xhtml）

单选按钮（quizWizard/choices.xhtml）

Next、Previous 以及 Finish 按钮（quizWizard/controls.xhtml）