tanszek:oktatas:informatikai_rendszerek_epitese:primefaces_pelda [Miskolci Egyetem Informatikai Intézet]

Eclipse projekt létrehozása

Hozzunk létre egy dinamikus webprojektet pl. Prime1 néven és a WEB-INF/lib alkönyvtárba másoljuk bele az imént letöltött primefaces-X.Y.jar-t és a cdi-api jar fájlt is.

Hozzunk létre egy WEB-INF/faces-config.xml állományt és másoljuk bele az alábbi kódot:

<?xml version="1.0" encoding="UTF-8"?>
  <faces-config
  xmlns="http://xmlns.jcp.org/xml/ns/javaee"
  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-facesconfig_2_2.xsd"
  version="2.2">
 </faces-config>

Hozzunk létre egy WEB-INF/web.xml állományt és másoljuk bele az alábbi kódot:

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xmlns="http://java.sun.com/xml/ns/javaee"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
id="WebApp_ID" version="3.0">
<display-name>JournalDev-PrimefacesWebApplication</display-name>
<!-- Welcome page -->
<welcome-file-list>
	<welcome-file>faces/index.xhtml</welcome-file>
</welcome-file-list>
<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>
<context-param>
	<description>State saving method: 'client' or 'server' (=default). See JSF Specification 2.5.2</description>
	<param-name>javax.faces.STATE_SAVING_METHOD</param-name>
	<param-value>client</param-value>
</context-param>
<context-param>
	<param-name>javax.servlet.jsp.jstl.fmt.localizationContext</param-name>
	<param-value>resources.application</param-value>
</context-param>
</web-app>

Hozzunk létre egy új Java osztályt Editor.java néven a ait.demo package-ban és másoljuk bele az alábbi kódot:

package ait.demo;
import javax.inject.Named;
import java.io.Serializable;
import javax.enterprise.context.SessionScoped;

@Named
@SessionScoped
public class Editor implements Serializable {
private static final long serialVersionUID = -5624515565475797217L;
private String value = "This editor is provided by PrimeFaces";

public String getValue() {
	return value;
}

public void setValue(String value) {
	this.value = value;
}
}

Hozzunk létre egy WebContent/index.xhtml nevű állományt az alábbi tartalommal:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
 
<h:head>
</h:head>
 <h:body>
<h1>Hello World PrimeFaces</h1>
 
<h:form>
   <p:editor value="#{editor.value}" />
</h:form>
 
 </h:body>
</html>

Látogassuk meg a http://localhost:8080/[projektnév]/faces/index.xhtml oldalt