Учебное пособие по JSF для начинающих
Добро пожаловать в учебник по JSF для начинающих. Технология Java Server Faces (JSF) — это интерфейсная платформа, упрощающая создание компонентов пользовательского интерфейса за счет повторного использования компонентов пользовательского интерфейса. JSF разработан на основе шаблона контроллера представления модели (MVC), который разделяет представление, контроллер и бизнес-логику.
Учебное пособие по JSF для начинающих
- Стандартные базовые элементы ввода, такие как поля, кнопки и т. д., формирующие набор базовых компонентов пользовательского интерфейса.
- Возможность рендеринга JSF в зависимости от спецификации клиента
- Основная библиотека
- Расширение доступных компонентов пользовательского интерфейса для добавления дополнительных компонентов и использования их для выполнения требований клиента.
Учебное пособие по JSF для начинающих — настройка среды
Здесь мы пройдем все необходимые шаги, чтобы настроить ваш компьютер для создания первого приложения JSF.
установка JDK
Загрузите jdk со следующего веб-сайта Oracle Как установить Java в Windows
установка IDE
Некоторые из популярных доступных IDE включают Eclipse, NetBeans и IntelliJ IDEA. Загрузите eclipse по следующей ссылке https://netbeans.org/downloads/ и завершите установку.
Установка Apache Tomcat
Загрузите tomcat по следующей ссылке https://localhost:8080 в своем любимом браузере, который отображает страницу tomcat по умолчанию в случае успешной установки. Наша базовая установка готова, давайте перейдем к созданию нашего первого JSF-приложения.
Учебное пособие по JSF для начинающих — Приложение Hello World
Давайте теперь создадим простое веб-приложение hello world JSF. Загрузите следующие файлы JAR, которые необходимы для выполнения кода, связанного с JSF. Их можно загрузить из центрального репозитория maven https://search.maven.org/. Более понятный способ управления зависимостями — использование системы сборки, такой как maven. Для всех наших примеров мы будем использовать maven. Пожалуйста, обратитесь к pom.xml для зависимостей. jsf-api-1.2.jar jsf-impl-2.2.8-04.jar pom.xml
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="https://maven.apache.org/POM/4.0.0" xmlns:xsi="https://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="https://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<groupId>com.journaldev.jsf</groupId>
<artifactId>JSF_HelloWorld</artifactId>
<version>1.0-SNAPSHOT</version>
<packaging>war</packaging>
<name>JSF_HelloWorld</name>
<properties>
<endorsed.dir>${project.build.directory}/endorsed</endorsed.dir>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
</properties>
<dependencies>
<dependency>
<groupId>javax</groupId>
<artifactId>javaee-web-api</artifactId>
<version>7.0</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>com.sun.faces</groupId>
<artifactId>jsf-api</artifactId>
<version>2.1.13</version>
</dependency>
<dependency>
<groupId>com.sun.faces</groupId>
<artifactId>jsf-impl</artifactId>
<version>2.1.13</version>
</dependency>
</dependencies>
<build>
<plugins>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-compiler-plugin</artifactId>
<version>3.1</version>
<configuration>
<source>1.7</source>
<target>1.7</target>
<compilerArguments>
<endorseddirs>${endorsed.dir}</endorseddirs>
</compilerArguments>
</configuration>
</plugin>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-war-plugin</artifactId>
<version>2.3</version>
<configuration>
<failOnMissingWebXml>false</failOnMissingWebXml>
</configuration>
</plugin>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-dependency-plugin</artifactId>
<version>2.6</version>
<executions>
<execution>
<phase>validate</phase>
<goals>
<goal>copy</goal>
</goals>
<configuration>
<outputDirectory>${endorsed.dir}</outputDirectory>
<silent>true</silent>
<artifactItems>
<artifactItem>
<groupId>javax</groupId>
<artifactId>javaee-endorsed-api</artifactId>
<version>7.0</version>
<type>jar</type>
</artifactItem>
</artifactItems>
</configuration>
</execution>
</executions>
</plugin>
</plugins>
</build>
</project>
Учебное пособие по JSF для начинающих — создание управляемого компонента
Управляемый компонент — это класс Java, зарегистрированный в JSF, который делает возможным взаимодействие между пользовательским интерфейсом и бизнес-логикой. Создайте управляемый компонент с именем HelloWorld.java
, используя аннотацию @ManagedBean
как
package com.journaldev.jsf.helloworld;
import java.io.Serializable;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
@ManagedBean(name="helloWorld")
@SessionScoped
public class HelloWorld implements Serializable{
private static final long serialVersionUID = -6913972022251814607L;
private String s1 = "Hello World!!";
public String getS1() {
System.out.println(s1);
return s1;
}
public void setS1(String s1) {
this.s1 = s1;
}
}
Аннотация @ManagedBean
указывает, что класс HelloWorld является управляемым компонентом. Компонент @SessionScoped
указывает, что компонент активен до тех пор, пока HttpSession
не станет действительным. Здесь строка s1 объявлена и инициализирована с помощью \Hello World, а методы получения и установки определены для извлечения значения строки s1. Мы также можем указать имя компонента, например @ManagedBean(name=helloWorld )
. Если имя не указано, оно получено в соответствии со стандартами именования Java. Лучше всего всегда указывать имя компонента.
Учебное пособие по JSF для начинающих — просмотр страницы
Теперь создайте страницу JSF с именем helloWorld.xhtml
, которая взаимодействует с bean-компонентом HelloWorld
и извлекает значение с помощью метода получения и печатает то же самое на странице ответа. helloWorld.xhtml
<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml"
xmlns:h="https://java.sun.com/jsf/html">
<h:head>
<title>Hello World JSF Example</title>
</h:head>
<h:body>
#{helloWorld.s1}
<br /><br />
</h:body>
</html>
Здесь мы вызываем имя компонента, за которым следует строковая переменная, объявленная в компоненте как \helloWorld.s1, которая извлекает значение \Hello World.
Конфигурация дескриптора развертывания
Заключительная часть — настроить класс контроллера JSF для обработки клиентских запросов. Сервлет контроллера JSF — это FacesServlet
, окончательная конфигурация web.xml приведена ниже. web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.1" xmlns="https://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="https://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="https://xmlns.jcp.org/xml/ns/javaee https://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd">
<context-param>
<param-name>javax.faces.PROJECT_STAGE</param-name>
<param-value>Development</param-value>
</context-param>
<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>/faces/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>Faces Servlet</servlet-name>
<url-pattern>*.jsf</url-pattern>
</servlet-mapping>
<session-config>
<session-timeout>
30
</session-timeout>
</session-config>
<welcome-file-list>
<welcome-file>faces/helloWorld.xhtml</welcome-file>
</welcome-file-list>
</web-app>
Скачать проект JSF Hello World