Skip to main content

The HelloWorld example of JSF 2.2 with Myfaces

I just did by myself create a very simple app "HelloWorld" of JSF 2.2 with a concrete implementation Myfaces that we can use it later on for our further JSF trying out. I attached the source code link at the end part. Just follow these steps below:

1. Create a Maven project in Eclipse (Kepler) with a simple Java web application archetype "maven-archetype-webapp". Maven should be the best choice for managing the dependencies, so far. JSF is a web framework that is the reason why I chose the mentioned archetype for my example.

2. Import dependencies for JSF implementation - Myfaces (v2.2.10) into file pom.xml. The following code that is easy to find from http://mvnrepository.com/ with key words "myfaces".

<dependency>
 <groupId>org.apache.myfaces.core</groupId>
 <artifactId>myfaces-api</artifactId>
 <version>2.2.10</version>
 </dependency>
<dependency>
 <groupId>org.apache.myfaces.core</groupId>
 <artifactId>myfaces-impl</artifactId>
 <version>2.2.10</version>
</dependency>

3. As any other web frameworks, we need to configure for JSF stuffs in file web.xml, follow this http://myfaces.apache.org/wiki/core/user-guide/getting-started/configuring-myfaces.html

<?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" 
 xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" 
 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" 
 version="2.5">
 
 <!-- JSF mapping -->
 <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>*.xhtml</url-pattern>
 </servlet-mapping>
  
  <!-- welcome page -->
  <welcome-file-list>
    <welcome-file>index.xhtml</welcome-file>
  </welcome-file-list>
</web-app>

4. Create a Managed Bean by Java classes and  use JSF tags in index.xhtml for testing

Java code:

package vn.nvanhuong.jsf_myfaces;

import javax.faces.bean.ManagedBean;

@ManagedBean(name = "helloBean")
public class HelloManagedBean {
 
 public HelloManagedBean() {
  this.greeting = "Hello JSF - Myfaces";
 }

 private String greeting;

 public String getGreeting() {
  return greeting;
 }

 public void setGreeting(String greeting) {
  this.greeting = greeting;
 }
}

XHTML code:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
 xmlns:f="http://java.sun.com/jsf/core"
 xmlns:h="http://java.sun.com/jsf/html">
 <h:head>
  <title>JSF - Myfaces Example</title>
 </h:head>
 <h:body>
  <h:outputText value="#{helloBean.greeting}"/>
 </h:body>
</html>

5. Run the application on server Tomcat (v7.0)

http://localhost:8080/jsf_myfaces/



Source code: https://github.com/vnnvanhuong/jsf_myfaces



References:

[1]. http://myfaces.apache.org/wiki/core/user-guide/getting-started/configuring-myfaces.html

[2]. http://mvnrepository.com/

[3]. http://docs.oracle.com/javaee/6/tutorial/doc/bnaxj.html













Labels:
































Comments











Post a Comment



















Popular posts from this blog





















Coders are NERDS  | Learning English with Podcast




























Let's learn three English vocabulary words based on real-life context through a humorous video about the life of software coders, especially at big tech companies when they work from home. Credit to Joma Tech. 🤓




















Post a Comment









Read more




























Junit - Test fails on French or German string assertion




























In my previous post about building a regex to check a text without special characters but allow German and French . I met a problem that the unit test works fine on my machine using Eclipse, but it was fail when running on Jenkins' build job.   Here is my test:   @Test public void shouldAllowFrenchAndGermanCharacters(){   String source = "ÄäÖöÜüß áÁàÀâÂéÉèÈêÊîÎçÇ";    assertFalse(SpecialCharactersUtils.isExistSpecialCharater(source)); }   Production code:   public static boolean isExistNotAllowedCharacters(String source){     Pattern regex = Pattern.compile("^[a-zA-Z_0-9_ÄäÖöÜüß áÁàÀâÂéÉèÈêÊîÎçÇ]*$");     Matcher matcher = regex.matcher(source);     return !matcher.matches();    }   The result likes the following:    Failed tests:    SpecialCharactersUtilsTest.shouldAllowFrenchAndGermanCharacters:32 null   A guy from stackoverflow.com  says:   "This is probably due to the default encoding used for your Java source files. The ö in the string literal in the J...




















5 comments









Read more






























Git Feature Branch Workflow




























   Motivator  It's important for a team to have an agreement on how the changes of source code should be applied.  According to projects and teams size, we will define a workflow or select one from recommended workflows ; the "Feature Branch Workflow" is a candidate.   What is it?  - One branch "master" for main codebase  - Several separated branches for features development   Why should we care?  - Be super simple and allow each developer works on a particular feature.  - A stable codebase (master) benefits for continuous integration (CI) environment  - Leverage "Pull request" for Code review   How it works?  A lifecyle of a feature branch (usually created by a story)  1. Creator creates a new branch from a story.  For example: "ABC-1-setup-projects"  2. Creator checkouts the created branch and works on the branch (commits, pushes)  3. Creator has done the feature, he uses "pull request" to merge his branch into branch "master...




















Post a Comment









Read more




























AngularJS - Build a custom validation directive for using multiple emails in textarea




























AngularJS already supports the built-in validation with text input with type email. Something simple likes the following:  <input name="input" ng-model="email.text" required="" type="email" /> <span class="error" ng-show="myForm.input.$error.email">         Not valid email!</span>   However, I used a text area and I wanted to enter some email addresses that's saparated by a comma (,). I had a short research and it looked like AngualarJS has not supported this functionality so far. Therefore, I needed to build a custom directive that I could add my own validation functions. My validation was done only on client side, so I used the $validators  object.   Note that, there is the $asyncValidators  object which handles asynchronous validation, such as making an $http request to the backend.   This is just my implementation on my project. In order to understand that, I supposed you already had experiences with ...




















Post a Comment









Read more