Institute of Information Science - University of Miskolc

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
==== 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