tomee-9.0/examples/jsf-managedBean-and-ejb.html - tomee-site-pub - Git at Google

 <!DOCTYPE html>
 <html lang="en">

 <head>
 	<meta charset="UTF-8">
 	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<title>Apache TomEE</title>
 	<meta name="description"
 		  content="Apache TomEE is a lightweight, yet powerful, JavaEE Application server with feature rich tooling." />
 	<meta name="keywords" content="tomee,asf,apache,javaee,jee,shade,embedded,test,junit,applicationcomposer,maven,arquillian" />
 	<meta name="author" content="Luka Cvetinovic for Codrops" />
 	<link rel="icon" href="../../favicon.ico">
 	<link rel="icon"  type="image/png" href="../../favicon.png">
 	<meta name="msapplication-TileColor" content="#80287a">
 	<meta name="theme-color" content="#80287a">
 	<link rel="stylesheet" type="text/css" href="../../css/normalize.css">
 	<link rel="stylesheet" type="text/css" href="../../css/bootstrap.css">
 	<link rel="stylesheet" type="text/css" href="../../css/owl.css">
 	<link rel="stylesheet" type="text/css" href="../../css/animate.css">
 	<link rel="stylesheet" type="text/css" href="../../fonts/font-awesome-4.1.0/css/font-awesome.min.css">
 	<link rel="stylesheet" type="text/css" href="../../fonts/eleganticons/et-icons.css">
 	<link rel="stylesheet" type="text/css" href="../../css/jqtree.css">
 	<link rel="stylesheet" type="text/css" href="../../css/idea.css">
 	<link rel="stylesheet" type="text/css" href="../../css/cardio.css">

 	<script type="text/javascript">

       var _gaq = _gaq || [];
       _gaq.push(['_setAccount', 'UA-2717626-1']);
       _gaq.push(['_setDomainName', 'apache.org']);
       _gaq.push(['_trackPageview']);

       (function() {
         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
         ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
       })();

     </script>
 </head>

 <body>
     <div class="preloader">
 		<img src="../../img/loader.gif" alt="Preloader image">
 	</div>
 	    <nav class="navbar">
 		<div class="container">
 		  <div class="row">          <div class="col-md-12">

 			<!-- Brand and toggle get grouped for better mobile display -->
 			<div class="navbar-header">
 				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 					<span class="sr-only">Toggle navigation</span>
 					<span class="icon-bar"></span>
 					<span class="icon-bar"></span>
 					<span class="icon-bar"></span>
 				</button>
 				<a class="navbar-brand" href="/">
 				    <span>


                         <img src="../../img/logo-active.png">


                     </span>
 				    Apache TomEE
                 </a>
 			</div>
 			<!-- Collect the nav links, forms, and other content for toggling -->
 			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 				<ul class="nav navbar-nav navbar-right main-nav">
 					<li><a href="../../docs.html">Documentation</a></li>
 					<li><a href="../../community/index.html">Community</a></li>
 					<li><a href="../../security/security.html">Security</a></li>
 					<li><a href="../../download-ng.html">Downloads</a></li>
 				</ul>
 			</div>
 			<!-- /.navbar-collapse -->
 		   </div></div>
 		</div>
 		<!-- /.container-fluid -->
 	</nav>


     <div id="main-block" class="container main-block">
         <div class="row title">
           <div class="col-md-12">
             <div class='page-header'>

               <h1>JSF Application that uses managed-bean and ejb</h1>
             </div>
           </div>
         </div>
         <div class="row">

             <div class="col-md-12">
                 <div id="preamble">
 <div class="sectionbody">
 <div class="paragraph">
 <p>This is a simple web-app showing how to use dependency injection in JSF
 managed beans using TomEE.</p>
 </div>
 <div class="paragraph">
 <p>It contains a Local Stateless session bean <code>CalculatorImpl</code> which adds
 two numbers and returns the result. The application also contains a JSF
 managed bean <code>CalculatorBean</code>, which uses the EJB to add two numbers and
 display the results to the user. The EJB is injected in the managed bean
 using <code>@EJB</code> annotation.</p>
 </div>
 </div>
 </div>
 <div class="sect1">
 <h2 id="_a_little_note_on_the_setup">A little note on the setup:</h2>
 <div class="sectionbody">
 <div class="paragraph">
 <p>You could run this in the latest Apache TomEE
 <a href="https://repository.apache.org/content/repositories/snapshots/org/apache/openejb/apache-tomee/">snapshot</a></p>
 </div>
 <div class="paragraph">
 <p>As for the libraries, myfaces-api and myfaces-impl are provided in
 tomee/lib and hence they should not be a part of the war. In maven
 terms, they would be with scope `provided'</p>
 </div>
 <div class="paragraph">
 <p>Also note that we use servlet 2.5 declaration in web.xml</p>
 </div>
 <div class="listingblock">
 <div class="content">
 <pre class="highlight"><code class="language-xml" data-lang="xml">&lt;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"&gt;</code></pre>
 </div>
 </div>
 <div class="paragraph">
 <p>And we use 2.0 version of faces-config</p>
 </div>
 <div class="paragraph">
 <p>The complete source code is provided below but let’s break down to look
 at some smaller snippets and see how it works.</p>
 </div>
 <div class="paragraph">
 <p>We’ll first declare the <code>FacesServlet</code> in the <code>web.xml</code></p>
 </div>
 <div class="listingblock">
 <div class="content">
 <pre class="highlight"><code class="language-java" data-lang="java">  &lt;servlet&gt;
     &lt;servlet-name&gt;Faces Servlet&lt;/servlet-name&gt;
     &lt;servlet-class&gt;jakarta.faces.webapp.FacesServlet&lt;/servlet-class&gt;
     &lt;load-on-startup&gt;1&lt;/load-on-startup&gt;
   &lt;/servlet&gt;</code></pre>
 </div>
 </div>
 <div class="paragraph">
 <p><code>FacesServlet</code> acts as the master controller.</p>
 </div>
 <div class="paragraph">
 <p>We’ll then create the <code>calculator.xhtml</code> file.</p>
 </div>
 <div class="listingblock">
 <div class="content">
 <pre class="highlight"><code class="language-java" data-lang="java">       &lt;h:outputText value='Enter first number'/&gt;
        &lt;h:inputText value='#{calculatorBean.x}'/&gt;
        &lt;h:outputText value='Enter second number'/&gt;
        &lt;h:inputText value='#{calculatorBean.y}'/&gt;
        &lt;h:commandButton action="#{calculatorBean.add}" value="Add"/&gt;</code></pre>
 </div>
 </div>
 <div class="paragraph">
 <p>Notice how we’ve use the bean here. By default it is the simple class
 name of the managed bean.</p>
 </div>
 <div class="paragraph">
 <p>When a request comes in, the bean is instantiated and placed in the
 appropriate scope. By default, the bean is placed in the request scope.</p>
 </div>
 <div class="listingblock">
 <div class="content">
 <pre class="highlight"><code class="language-java" data-lang="java">        &lt;h:inputText value='#{calculatorBean.x}'/&gt;</code></pre>
 </div>
 </div>
 <div class="paragraph">
 <p>Here, getX() method of calculatorBean is invoked and the resulting value
 is displayed. x being a Double, we rightly should see 0.0 displayed.</p>
 </div>
 <div class="paragraph">
 <p>When you change the value and submit the form, these entered values are
 bound using the setters in the bean and then the commandButton-action
 method is invoked.</p>
 </div>
 <div class="paragraph">
 <p>In this case, <code>CalculatorBean#add()</code> is invoked.</p>
 </div>
 <div class="paragraph">
 <p><code>Calculator#add()</code> delegates the work to the ejb, gets the result,
 stores it and then instructs what view is to be rendered.</p>
 </div>
 <div class="paragraph">
 <p>You’re right. The return value ``success'' is checked up in faces-config
 navigation-rules and the respective page is rendered.</p>
 </div>
 <div class="paragraph">
 <p>In our case, <code>result.xhtml</code> page is rendered.</p>
 </div>
 <div class="paragraph">
 <p>The request scoped <code>calculatorBean</code> is available here, and we use EL to
 display the values.</p>
 </div>
 </div>
 </div>
 <div class="sect1">
 <h2 id="_source">Source</h2>
 <div class="sectionbody">

 </div>
 </div>
 <div class="sect1">
 <h2 id="_calculator">Calculator</h2>
 <div class="sectionbody">
 <div class="listingblock">
 <div class="content">
 <pre class="highlight"><code class="language-java" data-lang="java">package org.superbiz.jsf;

 import jakarta.ejb.Local;

 @Local
 public interface Calculator {
     public double add(double x, double y);
 }</code></pre>
 </div>
 </div>
 </div>
 </div>
 <div class="sect1">
 <h2 id="_calculatorbean">CalculatorBean</h2>
 <div class="sectionbody">
 <div class="listingblock">
 <div class="content">
 <pre class="highlight"><code class="language-java" data-lang="java">package org.superbiz.jsf;

 import jakarta.ejb.EJB;
 import jakarta.faces.bean.ManagedBean;

 @ManagedBean
 public class CalculatorBean {
     @EJB
     Calculator calculator;
     private double x;
     private double y;
     private double result;

     public double getX() {
         return x;
     }

     public void setX(double x) {
         this.x = x;
     }

     public double getY() {
         return y;
     }

     public void setY(double y) {
         this.y = y;
     }

     public double getResult() {
         return result;
     }

     public void setResult(double result) {
         this.result = result;
     }

     public String add() {
         result = calculator.add(x, y);
         return "success";
     }
 }</code></pre>
 </div>
 </div>
 </div>
 </div>
 <div class="sect1">
 <h2 id="_calculatorimpl">CalculatorImpl</h2>
 <div class="sectionbody">
 <div class="listingblock">
 <div class="content">
 <pre class="highlight"><code class="language-java" data-lang="java">package org.superbiz.jsf;

 import jakarta.ejb.Stateless;

 @Stateless
 public class CalculatorImpl implements Calculator {

     public double add(double x, double y) {
         return x + y;
     }
 }</code></pre>
 </div>
 </div>
 </div>
 </div>
 <div class="sect1">
 <h2 id="_web_xml">web.xml</h2>
 <div class="sectionbody">
 <div class="listingblock">
 <div class="content">
 <pre class="highlight"><code class="language-xml" data-lang="xml">&lt;?xml version="1.0"?&gt;

     &lt;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"&gt;

     &lt;description&gt;MyProject web.xml&lt;/description&gt;

     &lt;!-- Faces Servlet --&gt;
     &lt;servlet&gt;
         &lt;servlet-name&gt;Faces Servlet&lt;/servlet-name&gt;
         &lt;servlet-class&gt;jakarta.faces.webapp.FacesServlet&lt;/servlet-class&gt;
         &lt;load-on-startup&gt;1&lt;/load-on-startup&gt;
     &lt;/servlet&gt;

     &lt;!-- Faces Servlet Mapping --&gt;
     &lt;servlet-mapping&gt;
        &lt;servlet-name&gt;Faces Servlet&lt;/servlet-name&gt;
         &lt;url-pattern&gt;*.jsf&lt;/url-pattern&gt;
     &lt;/servlet-mapping&gt;

     &lt;!-- Welcome files --&gt;
     &lt;welcome-file-list&gt;
        &lt;welcome-file&gt;index.jsp&lt;/welcome-file&gt;
        &lt;welcome-file&gt;index.html&lt;/welcome-file&gt;
     &lt;/welcome-file-list&gt;
     &lt;/web-app&gt;</code></pre>
 </div>
 </div>
 <div class="paragraph">
 <p>##Calculator.xhtml</p>
 </div>
 <div class="listingblock">
 <div class="content">
 <pre class="highlight"><code class="language-xml" data-lang="xml">&lt;?xml version="1.0" encoding="UTF-8"?&gt;
 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
 &lt;html xmlns="http://www.w3.org/1999/xhtml"
 xmlns:f="http://java.sun.com/jsf/core"
 xmlns:h="http://java.sun.com/jsf/html"&gt;


 &lt;h:body bgcolor="white"&gt;
     &lt;f:view&gt;
         &lt;h:form&gt;
             &lt;h:panelGrid columns="2"&gt;
             &lt;h:outputText value='Enter first number'/&gt;
            &lt;h:inputText value='#{calculatorBean.x}'/&gt;
             &lt;h:outputText value='Enter second number'/&gt;
             &lt;h:inputText value='#{calculatorBean.y}'/&gt;
            &lt;h:commandButton action="#{calculatorBean.add}" value="Add"/&gt;
             &lt;/h:panelGrid&gt;
         &lt;/h:form&gt;
    &lt;/f:view&gt;
 &lt;/h:body&gt;
 &lt;/html&gt;</code></pre>
 </div>
 </div>
 <div class="paragraph">
 <p>##Result.xhtml</p>
 </div>
 <div class="listingblock">
 <div class="content">
 <pre class="highlight"><code class="language-xml" data-lang="xml">&lt;?xml version="1.0" encoding="UTF-8"?&gt;
 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
 &lt;html xmlns="http://www.w3.org/1999/xhtml"
 xmlns:f="http://java.sun.com/jsf/core"
 xmlns:h="http://java.sun.com/jsf/html"&gt;

 &lt;h:body&gt;
     &lt;f:view&gt;
         &lt;h:form id="mainForm"&gt;
             &lt;h2&gt;&lt;h:outputText value="Result of adding #{calculatorBean.x} and #{calculatorBean.y} is #{calculatorBean.result }"/&gt;&lt;/h2&gt;
             &lt;h:commandLink action="back"&gt;
             &lt;h:outputText value="Home"/&gt;
             &lt;/h:commandLink&gt;
         &lt;/h:form&gt;
     &lt;/f:view&gt;
 &lt;/h:body&gt;
 &lt;/html&gt;</code></pre>
 </div>
 </div>
 <div class="paragraph">
 <p>#faces-config.xml</p>
 </div>
 <div class="listingblock">
 <div class="content">
 <pre class="highlight"><code class="language-xml" data-lang="xml">&lt;?xml version="1.0"?&gt;
 &lt;faces-config xmlns="http://java.sun.com/xml/ns/javaee"
 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
 http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd"
 version="2.0"&gt;

 &lt;navigation-rule&gt;
     &lt;from-view-id&gt;/calculator.xhtml&lt;/from-view-id&gt;
     &lt;navigation-case&gt;
         &lt;from-outcome&gt;success&lt;/from-outcome&gt;
         &lt;to-view-id&gt;/result.xhtml&lt;/to-view-id&gt;
     &lt;/navigation-case&gt;
 &lt;/navigation-rule&gt;

 &lt;navigation-rule&gt;
     &lt;from-view-id&gt;/result.xhtml&lt;/from-view-id&gt;
     &lt;navigation-case&gt;
         &lt;from-outcome&gt;back&lt;/from-outcome&gt;
         &lt;to-view-id&gt;/calculator.xhtml&lt;/to-view-id&gt;
     &lt;/navigation-case&gt;
 &lt;/navigation-rule&gt;
 &lt;/faces-config&gt;</code></pre>
 </div>
 </div>
 </div>
 </div>
             </div>

         </div>
     </div>
 <footer>
 		<div class="container">
 			<div class="row">
 				<div class="col-sm-6 text-center-mobile">
 					<h3 class="white">Be simple.  Be certified. Be Tomcat.</h3>
 					<h5 class="light regular light-white">"A good application in a good server"</h5>
 					<ul class="social-footer">
 						<li><a href="https://www.facebook.com/ApacheTomEE/"><i class="fa fa-facebook"></i></a></li>
 						<li><a href="https://twitter.com/apachetomee"><i class="fa fa-twitter"></i></a></li>
 						<li><a href="https://plus.google.com/communities/105208241852045684449"><i class="fa fa-google-plus"></i></a></li>
 					</ul>
 				</div>
 				<div class="col-sm-6 text-center-mobile">
 					<div class="row opening-hours">
 						<div class="col-sm-3 text-center-mobile">
 							<h5><a href="../../latest/docs/" class="white">Documentation</a></h5>
 							<ul class="list-unstyled">
 								<li><a href="../../latest/docs/admin/configuration/index.html" class="regular light-white">How to configure</a></li>
 								<li><a href="../../latest/docs/admin/file-layout.html" class="regular light-white">Dir. Structure</a></li>
 								<li><a href="../../latest/docs/developer/testing/index.html" class="regular light-white">Testing</a></li>
 								<li><a href="../../latest/docs/admin/cluster/index.html" class="regular light-white">Clustering</a></li>
 							</ul>
 						</div>
 						<div class="col-sm-3 text-center-mobile">
 							<h5><a href="../../latest/examples/" class="white">Examples</a></h5>
 							<ul class="list-unstyled">
 								<li><a href="../../latest/examples/simple-cdi-interceptor.html" class="regular light-white">CDI Interceptor</a></li>
 								<li><a href="../../latest/examples/rest-cdi.html" class="regular light-white">REST with CDI</a></li>
 								<li><a href="../../latest/examples/ejb-examples.html" class="regular light-white">EJB</a></li>
 								<li><a href="../../latest/examples/jsf-managedBean-and-ejb.html" class="regular light-white">JSF</a></li>
 							</ul>
 						</div>
 						<div class="col-sm-3 text-center-mobile">
 							<h5><a href="../../community/index.html" class="white">Community</a></h5>
 							<ul class="list-unstyled">
 								<li><a href="../../community/contributors.html" class="regular light-white">Contributors</a></li>
 								<li><a href="../../community/social.html" class="regular light-white">Social</a></li>
 								<li><a href="../../community/sources.html" class="regular light-white">Sources</a></li>
 							</ul>
 						</div>
 						<div class="col-sm-3 text-center-mobile">
 							<h5><a href="../../security/index.html" class="white">Security</a></h5>
 							<ul class="list-unstyled">
 								<li><a href="http://apache.org/security" target="_blank" class="regular light-white">Apache Security</a></li>
 								<li><a href="http://apache.org/security/projects.html" target="_blank" class="regular light-white">Security Projects</a></li>
 								<li><a href="http://cve.mitre.org" target="_blank" class="regular light-white">CVE</a></li>
 							</ul>
 						</div>
 					</div>
 				</div>
 			</div>
 			<div class="row bottom-footer text-center-mobile">
 				<div class="col-sm-12 light-white">
 					<p>Copyright &copy; 1999-2016 The Apache Software Foundation, Licensed under the Apache License, Version 2.0. Apache TomEE, TomEE, Apache, the Apache feather logo, and the Apache TomEE project logo are trademarks of The Apache Software Foundation. All other marks mentioned may be trademarks or registered trademarks of their respective owners.</p>
 				</div>
 			</div>
 		</div>
 	</footer>
 	<!-- Holder for mobile navigation -->
 	<div class="mobile-nav">
         <ul>
           <li><a hef="../../latest/docs/admin/index.html">Administrators</a>
           <li><a hef="../../latest/docs/developer/index.html">Developers</a>
           <li><a hef="../../latest/docs/advanced/index.html">Advanced</a>
           <li><a hef="../../community/index.html">Community</a>
         </ul>
 		<a href="#" class="close-link"><i class="arrow_up"></i></a>
 	</div>
 	<!-- Scripts -->
 	<script src="../../js/jquery-1.11.1.min.js"></script>
 	<script src="../../js/owl.carousel.min.js"></script>
 	<script src="../../js/bootstrap.min.js"></script>
 	<script src="../../js/wow.min.js"></script>
 	<script src="../../js/typewriter.js"></script>
 	<script src="../../js/jquery.onepagenav.js"></script>
 	<script src="../../js/tree.jquery.js"></script>
 	<script src="../../js/highlight.pack.js"></script>
     <script src="../../js/main.js"></script>
 		</body>

 </html>
	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Apache TomEE</title>
	<meta name="description"
	content="Apache TomEE is a lightweight, yet powerful, JavaEE Application server with feature rich tooling." />
	<meta name="keywords" content="tomee,asf,apache,javaee,jee,shade,embedded,test,junit,applicationcomposer,maven,arquillian" />
	<meta name="author" content="Luka Cvetinovic for Codrops" />
	<link rel="icon" href="../../favicon.ico">
	<link rel="icon" type="image/png" href="../../favicon.png">
	<meta name="msapplication-TileColor" content="#80287a">
	<meta name="theme-color" content="#80287a">
	<link rel="stylesheet" type="text/css" href="../../css/normalize.css">
	<link rel="stylesheet" type="text/css" href="../../css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="../../css/owl.css">
	<link rel="stylesheet" type="text/css" href="../../css/animate.css">
	<link rel="stylesheet" type="text/css" href="../../fonts/font-awesome-4.1.0/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="../../fonts/eleganticons/et-icons.css">
	<link rel="stylesheet" type="text/css" href="../../css/jqtree.css">
	<link rel="stylesheet" type="text/css" href="../../css/idea.css">
	<link rel="stylesheet" type="text/css" href="../../css/cardio.css">

	<script type="text/javascript">

	var _gaq = _gaq \|\| [];
	_gaq.push(['_setAccount', 'UA-2717626-1']);
	_gaq.push(['_setDomainName', 'apache.org']);
	_gaq.push(['_trackPageview']);

	(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	})();

	</script>
	</head>

	<body>
	<div class="preloader">
	<img src="../../img/loader.gif" alt="Preloader image">
	</div>
	<nav class="navbar">
	<div class="container">
	<div class="row"> <div class="col-md-12">

	<!-- Brand and toggle get grouped for better mobile display -->
	<div class="navbar-header">
	<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
	<span class="sr-only">Toggle navigation</span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	</button>
	<a class="navbar-brand" href="/">
	<span>


	<img src="../../img/logo-active.png">


	</span>
	Apache TomEE
	</a>
	</div>
	<!-- Collect the nav links, forms, and other content for toggling -->
	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	<ul class="nav navbar-nav navbar-right main-nav">
	<li><a href="../../docs.html">Documentation</a></li>
	<li><a href="../../community/index.html">Community</a></li>
	<li><a href="../../security/security.html">Security</a></li>
	<li><a href="../../download-ng.html">Downloads</a></li>
	</ul>
	</div>
	<!-- /.navbar-collapse -->
	</div></div>
	</div>
	<!-- /.container-fluid -->
	</nav>


	<div id="main-block" class="container main-block">
	<div class="row title">
	<div class="col-md-12">
	<div class='page-header'>

	<h1>JSF Application that uses managed-bean and ejb</h1>
	</div>
	</div>
	</div>
	<div class="row">

	<div class="col-md-12">
	<div id="preamble">
	<div class="sectionbody">
	<div class="paragraph">
	<p>This is a simple web-app showing how to use dependency injection in JSF
	managed beans using TomEE.</p>
	</div>
	<div class="paragraph">
	<p>It contains a Local Stateless session bean <code>CalculatorImpl</code> which adds
	two numbers and returns the result. The application also contains a JSF
	managed bean <code>CalculatorBean</code>, which uses the EJB to add two numbers and
	display the results to the user. The EJB is injected in the managed bean
	using <code>@EJB</code> annotation.</p>
	</div>
	</div>
	</div>
	<div class="sect1">
	<h2 id="_a_little_note_on_the_setup">A little note on the setup:</h2>
	<div class="sectionbody">
	<div class="paragraph">
	<p>You could run this in the latest Apache TomEE
	<a href="https://repository.apache.org/content/repositories/snapshots/org/apache/openejb/apache-tomee/">snapshot</a></p>
	</div>
	<div class="paragraph">
	<p>As for the libraries, myfaces-api and myfaces-impl are provided in
	tomee/lib and hence they should not be a part of the war. In maven
	terms, they would be with scope `provided'</p>
	</div>
	<div class="paragraph">
	<p>Also note that we use servlet 2.5 declaration in web.xml</p>
	</div>
	<div class="listingblock">
	<div class="content">
	<pre class="highlight"><code class="language-xml" data-lang="xml"><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"></code></pre>
	</div>
	</div>
	<div class="paragraph">
	<p>And we use 2.0 version of faces-config</p>
	</div>
	<div class="paragraph">
	<p>The complete source code is provided below but let’s break down to look
	at some smaller snippets and see how it works.</p>
	</div>
	<div class="paragraph">
	<p>We’ll first declare the <code>FacesServlet</code> in the <code>web.xml</code></p>
	</div>
	<div class="listingblock">
	<div class="content">
	<pre class="highlight"><code class="language-java" data-lang="java"> <servlet>
	<servlet-name>Faces Servlet</servlet-name>
	<servlet-class>jakarta.faces.webapp.FacesServlet</servlet-class>
	<load-on-startup>1</load-on-startup>
	</servlet></code></pre>
	</div>
	</div>
	<div class="paragraph">
	<p><code>FacesServlet</code> acts as the master controller.</p>
	</div>
	<div class="paragraph">
	<p>We’ll then create the <code>calculator.xhtml</code> file.</p>
	</div>
	<div class="listingblock">
	<div class="content">
	<pre class="highlight"><code class="language-java" data-lang="java"> <h:outputText value='Enter first number'/>
	<h:inputText value='#{calculatorBean.x}'/>
	<h:outputText value='Enter second number'/>
	<h:inputText value='#{calculatorBean.y}'/>
	<h:commandButton action="#{calculatorBean.add}" value="Add"/></code></pre>
	</div>
	</div>
	<div class="paragraph">
	<p>Notice how we’ve use the bean here. By default it is the simple class
	name of the managed bean.</p>
	</div>
	<div class="paragraph">
	<p>When a request comes in, the bean is instantiated and placed in the
	appropriate scope. By default, the bean is placed in the request scope.</p>
	</div>
	<div class="listingblock">
	<div class="content">
	<pre class="highlight"><code class="language-java" data-lang="java"> <h:inputText value='#{calculatorBean.x}'/></code></pre>
	</div>
	</div>
	<div class="paragraph">
	<p>Here, getX() method of calculatorBean is invoked and the resulting value
	is displayed. x being a Double, we rightly should see 0.0 displayed.</p>
	</div>
	<div class="paragraph">
	<p>When you change the value and submit the form, these entered values are
	bound using the setters in the bean and then the commandButton-action
	method is invoked.</p>
	</div>
	<div class="paragraph">
	<p>In this case, <code>CalculatorBean#add()</code> is invoked.</p>
	</div>
	<div class="paragraph">
	<p><code>Calculator#add()</code> delegates the work to the ejb, gets the result,
	stores it and then instructs what view is to be rendered.</p>
	</div>
	<div class="paragraph">
	<p>You’re right. The return value ``success'' is checked up in faces-config
	navigation-rules and the respective page is rendered.</p>
	</div>
	<div class="paragraph">
	<p>In our case, <code>result.xhtml</code> page is rendered.</p>
	</div>
	<div class="paragraph">
	<p>The request scoped <code>calculatorBean</code> is available here, and we use EL to
	display the values.</p>
	</div>
	</div>
	</div>
	<div class="sect1">
	<h2 id="_source">Source</h2>
	<div class="sectionbody">

	</div>
	</div>
	<div class="sect1">
	<h2 id="_calculator">Calculator</h2>
	<div class="sectionbody">
	<div class="listingblock">
	<div class="content">
	<pre class="highlight"><code class="language-java" data-lang="java">package org.superbiz.jsf;

	import jakarta.ejb.Local;

	@Local
	public interface Calculator {
	public double add(double x, double y);
	}</code></pre>
	</div>
	</div>
	</div>
	</div>
	<div class="sect1">
	<h2 id="_calculatorbean">CalculatorBean</h2>
	<div class="sectionbody">
	<div class="listingblock">
	<div class="content">
	<pre class="highlight"><code class="language-java" data-lang="java">package org.superbiz.jsf;

	import jakarta.ejb.EJB;
	import jakarta.faces.bean.ManagedBean;

	@ManagedBean
	public class CalculatorBean {
	@EJB
	Calculator calculator;
	private double x;
	private double y;
	private double result;

	public double getX() {
	return x;
	}

	public void setX(double x) {
	this.x = x;
	}

	public double getY() {
	return y;
	}

	public void setY(double y) {
	this.y = y;
	}

	public double getResult() {
	return result;
	}

	public void setResult(double result) {
	this.result = result;
	}

	public String add() {
	result = calculator.add(x, y);
	return "success";
	}
	}</code></pre>
	</div>
	</div>
	</div>
	</div>
	<div class="sect1">
	<h2 id="_calculatorimpl">CalculatorImpl</h2>
	<div class="sectionbody">
	<div class="listingblock">
	<div class="content">
	<pre class="highlight"><code class="language-java" data-lang="java">package org.superbiz.jsf;

	import jakarta.ejb.Stateless;

	@Stateless
	public class CalculatorImpl implements Calculator {

	public double add(double x, double y) {
	return x + y;
	}
	}</code></pre>
	</div>
	</div>
	</div>
	</div>
	<div class="sect1">
	<h2 id="_web_xml">web.xml</h2>
	<div class="sectionbody">
	<div class="listingblock">
	<div class="content">
	<pre class="highlight"><code class="language-xml" data-lang="xml"><?xml version="1.0"?>

	<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">

	<description>MyProject web.xml</description>

	<!-- Faces Servlet -->
	<servlet>
	<servlet-name>Faces Servlet</servlet-name>
	<servlet-class>jakarta.faces.webapp.FacesServlet</servlet-class>
	<load-on-startup>1</load-on-startup>
	</servlet>

	<!-- Faces Servlet Mapping -->
	<servlet-mapping>
	<servlet-name>Faces Servlet</servlet-name>
	<url-pattern>*.jsf</url-pattern>
	</servlet-mapping>

	<!-- Welcome files -->
	<welcome-file-list>
	<welcome-file>index.jsp</welcome-file>
	<welcome-file>index.html</welcome-file>
	</welcome-file-list>
	</web-app></code></pre>
	</div>
	</div>
	<div class="paragraph">
	<p>##Calculator.xhtml</p>
	</div>
	<div class="listingblock">
	<div class="content">
	<pre class="highlight"><code class="language-xml" data-lang="xml"><?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:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html">


	<h:body bgcolor="white">
	<f:view>
	<h:form>
	<h:panelGrid columns="2">
	<h:outputText value='Enter first number'/>
	<h:inputText value='#{calculatorBean.x}'/>
	<h:outputText value='Enter second number'/>
	<h:inputText value='#{calculatorBean.y}'/>
	<h:commandButton action="#{calculatorBean.add}" value="Add"/>
	</h:panelGrid>
	</h:form>
	</f:view>
	</h:body>
	</html></code></pre>
	</div>
	</div>
	<div class="paragraph">
	<p>##Result.xhtml</p>
	</div>
	<div class="listingblock">
	<div class="content">
	<pre class="highlight"><code class="language-xml" data-lang="xml"><?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:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html">

	<h:body>
	<f:view>
	<h:form id="mainForm">
	<h2><h:outputText value="Result of adding #{calculatorBean.x} and #{calculatorBean.y} is #{calculatorBean.result }"/></h2>
	<h:commandLink action="back">
	<h:outputText value="Home"/>
	</h:commandLink>
	</h:form>
	</f:view>
	</h:body>
	</html></code></pre>
	</div>
	</div>
	<div class="paragraph">
	<p>#faces-config.xml</p>
	</div>
	<div class="listingblock">
	<div class="content">
	<pre class="highlight"><code class="language-xml" data-lang="xml"><?xml version="1.0"?>
	<faces-config xmlns="http://java.sun.com/xml/ns/javaee"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
	http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd"
	version="2.0">

	<navigation-rule>
	<from-view-id>/calculator.xhtml</from-view-id>
	<navigation-case>
	<from-outcome>success</from-outcome>
	<to-view-id>/result.xhtml</to-view-id>
	</navigation-case>
	</navigation-rule>

	<navigation-rule>
	<from-view-id>/result.xhtml</from-view-id>
	<navigation-case>
	<from-outcome>back</from-outcome>
	<to-view-id>/calculator.xhtml</to-view-id>
	</navigation-case>
	</navigation-rule>
	</faces-config></code></pre>
	</div>
	</div>
	</div>
	</div>
	</div>

	</div>
	</div>
	<footer>
	<div class="container">
	<div class="row">
	<div class="col-sm-6 text-center-mobile">
	<h3 class="white">Be simple. Be certified. Be Tomcat.</h3>
	<h5 class="light regular light-white">"A good application in a good server"</h5>
	<ul class="social-footer">
	<li><a href="https://www.facebook.com/ApacheTomEE/"><i class="fa fa-facebook"></i></a></li>
	<li><a href="https://twitter.com/apachetomee"><i class="fa fa-twitter"></i></a></li>
	<li><a href="https://plus.google.com/communities/105208241852045684449"><i class="fa fa-google-plus"></i></a></li>
	</ul>
	</div>
	<div class="col-sm-6 text-center-mobile">
	<div class="row opening-hours">
	<div class="col-sm-3 text-center-mobile">
	<h5><a href="../../latest/docs/" class="white">Documentation</a></h5>
	<ul class="list-unstyled">
	<li><a href="../../latest/docs/admin/configuration/index.html" class="regular light-white">How to configure</a></li>
	<li><a href="../../latest/docs/admin/file-layout.html" class="regular light-white">Dir. Structure</a></li>
	<li><a href="../../latest/docs/developer/testing/index.html" class="regular light-white">Testing</a></li>
	<li><a href="../../latest/docs/admin/cluster/index.html" class="regular light-white">Clustering</a></li>
	</ul>
	</div>
	<div class="col-sm-3 text-center-mobile">
	<h5><a href="../../latest/examples/" class="white">Examples</a></h5>
	<ul class="list-unstyled">
	<li><a href="../../latest/examples/simple-cdi-interceptor.html" class="regular light-white">CDI Interceptor</a></li>
	<li><a href="../../latest/examples/rest-cdi.html" class="regular light-white">REST with CDI</a></li>
	<li><a href="../../latest/examples/ejb-examples.html" class="regular light-white">EJB</a></li>
	<li><a href="../../latest/examples/jsf-managedBean-and-ejb.html" class="regular light-white">JSF</a></li>
	</ul>
	</div>
	<div class="col-sm-3 text-center-mobile">
	<h5><a href="../../community/index.html" class="white">Community</a></h5>
	<ul class="list-unstyled">
	<li><a href="../../community/contributors.html" class="regular light-white">Contributors</a></li>
	<li><a href="../../community/social.html" class="regular light-white">Social</a></li>
	<li><a href="../../community/sources.html" class="regular light-white">Sources</a></li>
	</ul>
	</div>
	<div class="col-sm-3 text-center-mobile">
	<h5><a href="../../security/index.html" class="white">Security</a></h5>
	<ul class="list-unstyled">
	<li><a href="http://apache.org/security" target="_blank" class="regular light-white">Apache Security</a></li>
	<li><a href="http://apache.org/security/projects.html" target="_blank" class="regular light-white">Security Projects</a></li>
	<li><a href="http://cve.mitre.org" target="_blank" class="regular light-white">CVE</a></li>
	</ul>
	</div>
	</div>
	</div>
	</div>
	<div class="row bottom-footer text-center-mobile">
	<div class="col-sm-12 light-white">
	<p>Copyright © 1999-2016 The Apache Software Foundation, Licensed under the Apache License, Version 2.0. Apache TomEE, TomEE, Apache, the Apache feather logo, and the Apache TomEE project logo are trademarks of The Apache Software Foundation. All other marks mentioned may be trademarks or registered trademarks of their respective owners.</p>
	</div>
	</div>
	</div>
	</footer>
	<!-- Holder for mobile navigation -->
	<div class="mobile-nav">
	<ul>
	<li><a hef="../../latest/docs/admin/index.html">Administrators</a>
	<li><a hef="../../latest/docs/developer/index.html">Developers</a>
	<li><a hef="../../latest/docs/advanced/index.html">Advanced</a>
	<li><a hef="../../community/index.html">Community</a>
	</ul>
	<a href="#" class="close-link"><i class="arrow_up"></i></a>
	</div>
	<!-- Scripts -->
	<script src="../../js/jquery-1.11.1.min.js"></script>
	<script src="../../js/owl.carousel.min.js"></script>
	<script src="../../js/bootstrap.min.js"></script>
	<script src="../../js/wow.min.js"></script>
	<script src="../../js/typewriter.js"></script>
	<script src="../../js/jquery.onepagenav.js"></script>
	<script src="../../js/tree.jquery.js"></script>
	<script src="../../js/highlight.pack.js"></script>
	<script src="../../js/main.js"></script>
	</body>

	</html>