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





















Labels:
































Comments











Post a Comment



















Popular posts from this blog





















[Snippet] CSS - Child element overlap parent




























I searched from somewhere and found that a lot of people says a basic concept for implementing this feature looks like below:  HTML code:  <div id="parent">  <div id="child">   </div> </div>  And, CSS:  #parent{   position: relative;   overflow:hidden; }  #child{   position: absolute;   top: -1;   right: -1px; }   However, I had a lot of grand-parents in my case and the above code didn't work. Therefore, I needed an alternative. I presumed that my app uses Boostrap and AngularJs, maybe some CSS from them affects mine. I didn't know exactly the problem, but I believed when all CSS is loaded into my browser, I could completely handle it.      www.tom-collinson.com    I tried to create an example to investigated this problem by Fiddle . Accidentally, I just changed: position: parent;  to position: static;  for one of parents -> the problem is solved.  Look at my code:   <div class="modal-body dn-placeholder-parent-positi...




















Post a Comment









Read more




























Selenium - Use Explicit Waits for checking elements quickly disappear like loading icon




























  I have a table that is displayed a list of competence groups. When I click on a competence group, it will display a table that contains a lot of criteria belong to the competence group. Each times I click on a competence group, a "loading" icon is displayed while waiting for all criteria is fully displayed.   <div id="loading" style="display: none;"> <div></div> <div></div>   I tried to write a Selenium test to make sure this behavior is covered. I saw that the loading icon element is always available on DOM tree because I just used Jquery to handle its displaying. Beside that, the loading icon is appeared dynamically and quickly disappear afterwards. It is hard to checking the visibility on GUI of loading icon. By normal way that I frequently used, the code looks like:     public boolean isLoadingIconDisplayed() {   List<WebElement> loadingIcons = driver.findElements(By.id("loading"));   if(!loadingIcons.isE...




















Post a Comment









Read more




























Separate Constructing a System from Using It




























 I n the real world, in order to use  a building (hotel, supermarket, etc) we need to construct  it first. This concern should be applied for software development as well.   Step by step, I would like to show you the issue about no  separation of constructing and using it and then I'll give you some approaches to overcome this issue.   | Note : you can find the  below  demonstrated code here      Take a Look the Following Simple Application  Used tools and technologies: Eclipse (Mars), JDK 1.8   I had an App  which uses Controller . Controller  uses Service  (an interface). Finally, Service  has one concrete class is DefaultService .  //package vn.nvanhuong.system.separationconstructing; public class App {  public static void main(String[] args) {   Controller controller = new Controller();   controller.doAction();  } }  public class Controller {  private Service service;    public void doAction(){   System.out.println("doAction in Controller");   getService().execut...




















Post a Comment









Read more






























Styling Sort Icons Using Font Awesome for Primefaces' Data Table




























So far, Primefaces has used image sprites for displaying the sort icons. This leads to a problem if we want to make a different style for these icons; for example, I would make the icon "arrow up" more blurry at the first time the table loading because I want to highlight the icon "arrow down". I found a way that I can replace these icons with Font Awesome icons.      We will use "CSS Pseudo-classes" to achieve it. The hardest thing here is that we should handle displaying icons in different cases. There is a case both "arrow up" and "arrow down" showing and other case is only one of these icons is shown.   .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s {     background-image: none;     margin-left: 5px;     font-size: 1.1666em;     position: relative; }  .ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s:not(.ui-icon-triangle-1-s)::before {     content: "\f106";     font-family: "FontAwesome";     position: ...




















Post a Comment









Read more