JSF and RichFaces

Recently, I got a project to work on JSF RichFaces1. RichFaces project reached end-of-life in June 2016. Thanks to Java backward compatibility I managed to run the RichFaces application on TomEE 7 using Intellij Idea as IDE.
  1. Run the following maven archytype in your command prompt as explained in the JBoss Community guide2:
    mvn archetype:generate -DarchetypeGroupId=org.richfaces.archetypes -DarchetypeArtifactId=richfaces-archetype-simpleapp -DarchetypeVersion=4.5.17.Final -DgroupId=au.com.blogspot.ojitha.jsf.ex1 -DartifactId=JSFEx1
  2. Import the project into IntelliJ IDEA (I am using Ultimate 2020.2)
  3. Download and install TomEE3 7.0.81: nothing more than unzip.
  4. As shown in the following screenshot, you have to configure TomEE
    1. First, open the configuration

      configure TomEE
      configure TomEE
    2. After configuring the TomEE home directory, goto the deployment tab and add the exploded project because development is easy: changes reflected without redeployment.

      Add exploded web project to TomEE
      Add exploded web project to TomEE
    3. Please verify the configuration is similar to my configuration:

      JBOss default configuration
      JBOss default configuration
    4. after configuring the TomEE, you can use the Services tab to deploy:

      Use services tab to deploy exploded web application
      Use services tab to deploy exploded web application
  5. Now you are ready to test your configuration. As shown in the above screenshot click the green arrow button to run the TomEE. It should open the new browser and show the page.

    JBoss sample application index.xhtml
    JBoss sample application index.xhtml
  6. Share this project to GitHub.

    Share project to GitHub
    Share project to GitHub
Now you are ready to continue with your modification to the project. You can change the XHTML pages while running the TomEE. However, if you change any java file, you need to click the Redeploy button in the Services tab.

New Richfaces page

Say you want to add the new page: ex1.xhtml as follows:
<?xml version = "1.0" encoding = "UTF-8"?>
<!DOCTYPE html>
<html xmlns = "http://www.w3.org/1999/xhtml"
      xmlns:h = "http://java.sun.com/jsf/html"
      xmlns:rich = "http://richfaces.org/rich">

<h:head>
    <title>Panel Example</title>
</h:head>

<h:body>
    <rich:panel header = "RichFace Tutorials " style = "font-size: 500px;
         align-items:center; background-color: activecaption">

        Hello Ojitha!
    </rich:panel>
</h:body>
</html>
to access this page you have to postfix the project root URL /faces/ex1.xhtml: for example http://localhost:8080/JSFEx1_war_exploded/faces/ex1.xhtml.

Manage bean

This example from the showcase which shows how to use Uer.java as userBean manage bean.
package au.com.blogspot.ojitha.jsf.ex1;

import javax.faces.bean.ManagedBean;

@ManagedBean(name = "userBean")
public class User {
    private String name="";

    public String getName() {

        return name;

    }

    public void setName(String name) {

        this.name = name;

    }
}
As shown in the line#5, User bean is defined as userBean managed bean to use by the facelet.
Here the facelet which is using userBean.
<!DOCTYPE html>
<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:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich">
    <h:outputStylesheet>
        .outhello {
            font-weight: bold;
            word-break: break-all;
        }
    </h:outputStylesheet>
    <h:form id="form">
        <h:panelGrid columns="3">
            <h:outputText value="Name:" />
            <h:inputText value="#{userBean.name}" />
            <a4j:commandButton value="Say Hello" render="out" execute="@form" />
        </h:panelGrid>
    </h:form>
    <br />
    <a4j:outputPanel id="out">
        <h:outputText value="Hello #{userBean.name} !" rendered="#{not empty userBean.name}" styleClass="outhello" />
    </a4j:outputPanel>
</html>
As shown in line# 14 and 20, User bean writes and read using setter and getter of its name property.
  1. Richface showcase ↩
  2. Chapter 2. Getting started with RichFaces ↩
  3. Apache TomEE ↩

Comments

Post a Comment

commented your blog

Popular posts from this blog

How To: GitHub projects in Spring Tool Suite

Image
The first step is sign up in the GitHub and create a  new project. For example I’ve created a new project Spring3part7 in the GitHub. Before add the projects you need to configure STS for GitHub access. For example, you need to add configuration as shown in the following picture Git local repository also important Now you are ready to pull the project from the GitHub, in the STS import menu select the following Now type the project name and click the ‘Search’ as shown in the following. However, when you select the found project click ‘Finish’ nothing will change in the STS interface. Now you are going to create real project. Here I am going to create simple utility project. This template project need to be created inside the imported GitHub project You have to give the same project name of the GitHub project as shown in the following project Now your project is ready to push. Before that you need to add ignore flag to all the folders and files except pom...
Continue »

Spring 3 Part 7: Spring with Databases

Image
This is the 7 th part of the Spring 3 Series . Create MySQL 5.6 database ‘payroll’, CREATE DATABASE payroll; Next create a user for example, user ‘ojitha’ CREATE USER 'ojitha'@'localhost' IDENTIFIED BY 'ojitha'; Need to grant the ‘payroll’ access to user ‘ojitha’ as shown in the following. GRANT SELECT, INSERT, UPDATE, DELETE, CREATE, DROP ON payroll.* TO 'ojitha'@'localhost'; You can download freeware of TOAD for MySQL from here . Let create a first table, that contains all the states in Australia. You can create a table using visually using the icon given directly below the Tables tab in the Object Explorer as shown in the above diagram. CREATE TABLE payroll.STATE ( CODE CHAR(3) ASCII COMMENT 'State code', STATE VARCHAR(30), PRIMARY KEY (CODE) ) ENGINE = InnoDB COMMENT = 'Australian states' ROW_FORMAT = DEFAULT; In the my sql console you can the newly added table using the following command SHOW ...
Continue »

Parse the namespace based XML using Python

In this blog, I am considering how to parser and modify the xml file using python. For example, I need to parser the following xml 1 (slightly modified for this blog) and need to write the modified xml to out.xml file. Here the country.xml <?xml version="1.0"?> <actors xmlns:fictional="http://characters.example.com" xmlns="http://people.example.com"> <actor type='T1'> <name>John Cleese</name> <fictional:character>Lancelot</fictional:character> <fictional:character>Archie Leach</fictional:character> </actor> <actor type='T2'> <name>Eric Idle</name> <fictional:character>Sir Robin</fictional:character> <fictional:character>Gunther</fictional:character> <fictional:character>Commander Clement</fictional:character> </actor> </actors> In ...
Continue »