2.1Создание страниц jsp
Создайте страницу JSP с именем greeting.jsp, на которой будет размещено приветствие и средства сбора информации о пользователе. Затем создайте страницу success.jsp, поздравляющую пользователя в ответ на получение данных из формы.
В окне "Projects" щелкните правой кнопкой мыши узел проекта и выберите "New > JSP". Присвойте файлу имя greeting. Убедитесь, что выбран пункт "JSP File (Standard Syntax)", и нажмите кнопку "Finish". В результате создается новый файл JSP, который открывается в редакторе исходного кода. Кроме того, следует отметить, что файл добавляется к узлу "Web Pages" в окне "Projects".
В редакторе исходного кода объявите библиотеки тегов JSF в greeting.jsp. Для этого добавьте следующий код в начало файла:
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
Следует отметить, что можно использовать встроенную в среду IDE функцию автозавершения кода. Во время ввода нажмите комбинацию клавиш Ctrl-Space для отображения списка предложений по автозавершению, основанных на контексте. Таким образом, автозавершение кода может упростить добавление имен тегов и атрибутов, таких как, например, идентификаторы URI библиотек вкладок.
Измените содержимое тегов title и h2 на Welcome to jAstrologer.
Теперь добавьте форму JSF к файлу. После тегов h2 добавьте следующий код (выделенный полужирным шрифтом):
<h2>Welcome to jAstrologer</h2>
<f:view>
<h:form>
</h:form>
</f:view>
Для получения вводимой пользователем информации можно использовать элементы inputText и элемент commandButton для передачи формы. В редакторе исходного кода измените содержимое тегов <h:form> на следующее (изменения выделены полужирным шрифтом):
<f:view>
<h:form>
<p>Enter your name: <h:inputText value="name" /></p>
<p>Enter your birthday: <h:inputText value="birthday" /></p>
<h:commandButton value="Submit" action="submit" />
</h:form>
</f:view>
Для форматирования кода щелкните правой кнопкой мыши в редакторе исходного кода и выберите "Format" (Alt-Shift-F).
Теперь создайте страницу JSP, на которой будет размещено поздравление.
Создайте новый файл JSP, как было описано выше. Присвойте файлу имя success.
Замените содержимое файла следующим кодом:
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Congratulations</title>
</head>
<body>
<h2>Позравляем</h2>
<p>Вы были зарегистрированы jAstrologer. </p>
</body>
</html>
Следует отметить, что файл до сих пор содержал только простой HTML, так что пока что отсутствует необходимость в объявлении библиотеки тегов JSF.
2.2 Настройка переходов по страницам
Управление переходами на странице в инфраструктуре JSF осуществляется при помощи faces-config.xml. Для каждой страницы JSP в проекте в faces-config.xml устанавливается правило перехода, содержащее один или более вариант перехода. Здесь можно просто отобразить действие передачи из commandButton в success.jsp; таким образом, что пользователь будет видеть сообщение об успешности операции независимо от того, что было введено в поля.
В окне "Projects" дважды щелкните faces-config.xml для открытия файла в редакторе исходного кода.
Щелкните правой кнопкой мыши любое место в файле и выберите "Java ServerFaces > Add Navigation Rule". Введите /greeting.jsp в "Rule" из поля "View" и при необходимости введите описание правила.
Нажмите кнопку "Add". В faces-config.xml вводится следующий код:
<navigation-rule>
<description>
handle user input
</description>
<from-view-id>/greeting.jsp</from-view-id>
</navigation-rule>
Снова щелкните правой кнопкой мыши внутри faces-config.xml и выберите "Java ServerFaces > Add Navigation Case". В появившемся диалоговом окне установите следующие значения:
From View: /greeting.jsp
From Outcome: submit
To View: /success.jsp
Нажмите кнопку "Add". В faces-config.xml автоматически добавляется следующий код (изменения выделены полужирным шрифтом):
<navigation-rule>
<description>
handle user input
</description>
<from-view-id>/greeting.jsp</from-view-id>
<navigation-case>
<from-outcome>submit</from-outcome>
<to-view-id>/success.jsp</to-view-id>
</navigation-case>
</navigation-rule>
Настройте среду IDE для вывода на экран greeting.jsp при запуске приложения, после чего протестируйте приложение.
В окне "Projects" щелкните правой кнопкой мыши узел проекта и выберите "Properties".
Щелкните узел "Run" и введите /faces/greeting.jsp в поле "Relative URL". Это позволяет указать точку входа для приложения в среде IDE. Нажмите кнопку "OK".
Щелкните правой кнопкой мыши узел проекта и выберите "Run" (F6). В среде IDE осуществляется сборка проекта, запуск сервера приложений и развертывание приложения, после чего во внешнем обозревателе по умолчанию открывается следующая страница:
После нажатия кнопки "Submit" отображается следующее:
