master/examples/jsf-cdi-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-CDI-EJB</h1>
             </div>
           </div>
         </div>
         <div class="row">

             <div class="col-md-12">
                 <div id="preamble">
 <div class="sectionbody">
 <div class="paragraph">
 <p>The simple application contains a CDI managed bean <code>CalculatorBean</code>,
 which uses the <code>Calculator</code> EJB to add two numbers and display the
 results to the user. The EJB is injected in the managed bean using
 @Inject annotation.</p>
 </div>
 <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>The complete source code is below but lets break down to look at some
 smaller snippets and see how it works.</p>
 </div>
 <div class="paragraph">
 <p>A little note on the setup:</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="paragraph">
 <p>And we use 2.0 version of faces-config</p>
 </div>
 <div class="paragraph">
 <p>To make this a cdi-aware-archive (i.e bean archive) an empty beans.xml
 is added in WEB-INF</p>
 </div>
 <div class="listingblock">
 <div class="content">
 <pre class="highlight"><code class="language-java" data-lang="java">   &lt;?xml version="1.0" encoding="UTF-8"?&gt;

    &lt;beans 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/beans_1_0.xsd"&gt;
    &lt;/beans&gt;</code></pre>
 </div>
 </div>
 <div class="paragraph">
 <p>We’ll first declare the FacesServlet in the web.xml</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;javax.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>FacesServlet acts as the master controller.</p>
 </div>
 <div class="paragraph">
 <p>We’ll then create the calculator.xhtml 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 used the bean here. By default, the bean name would be
 the simple name of the bean class with the first letter in lower case.</p>
 </div>
 <div class="paragraph">
 <p>We’ve annotated the <code>CalculatorBean</code> with <code>@RequestScoped</code>. So when a
 request comes in, the bean is instantiated and placed in the request
 scope.</p>
 </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, CalculatorBean#add() is invoked.</p>
 </div>
 <div class="paragraph">
 <p>Calculator#add() delegates the work to the ejb, gets the result, stores
 it and then returns what view is to be rendered.</p>
 </div>
 <div class="paragraph">
 <p>The return value <code>success</code> 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 where use EL and display
 the result from the request-scoped <code>calculatorBean</code>.</p>
 </div>
 </div>
 </div>
 <h1 id="_source_code" class="sect0">Source Code</h1>
 <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">import javax.enterprise.context.RequestScoped;
 import javax.inject.Named;
 import javax.inject.Inject;

 @RequestScoped
 @Named
 public class CalculatorBean {
     @Inject
     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="_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 javax.ejb.Stateless;

 @Stateless
 public class Calculator{

     public double add(double x, double y) {
         return x + y;
     }
 }</code></pre>
 </div>
 </div>
 <div class="paragraph">
 <p>#web.xml</p>
 </div>
 <div class="paragraph">
 <p>MyProject web.xml</p>
 </div>
 <div class="paragraph">
 <p>Faces Servlet javax.faces.webapp.FacesServlet 1</p>
 </div>
 <div class="paragraph">
 <p>Faces Servlet *.jsf</p>
 </div>
 <div class="paragraph">
 <p>index.jsp index.html</p>
 </div>
 <div class="paragraph">
 <p>#Calculator.xhtml</p>
 </div>
 <div class="paragraph">
 <p>&lt;!DOCTYPE html PUBLIC <code>-//W3C//DTD XHTML 1.0 Transitional//EN''
 </code><a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd''&gt" class="bare">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd''&gt</a>;</p>
 </div>
 <div class="paragraph">
 <p>#Result.xhtml</p>
 </div>
 <div class="paragraph">
 <p>&lt;!DOCTYPE html PUBLIC <code>-//W3C//DTD XHTML 1.0 Transitional//EN''
 </code><a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd''&gt" class="bare">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd''&gt</a>;</p>
 </div>
 <div class="listingblock">
 <div class="content">
 <pre class="highlight"><code class="language-java" data-lang="java">    &lt;h:commandLink action="back"&gt;
         &lt;h:outputText value="Home"/&gt;
     &lt;/h:commandLink&gt;
 &lt;/h:form&gt;</code></pre>
 </div>
 </div>
 <div class="paragraph">
 <p>#faces-config.xml</p>
 </div>
 <div class="paragraph">
 <p>/calculator.xhtml success /result.xhtml</p>
 </div>
 <div class="paragraph">
 <p>/result.xhtml back /calculator.xhtml</p>
 </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-CDI-EJB</h1>
	</div>
	</div>
	</div>
	<div class="row">

	<div class="col-md-12">
	<div id="preamble">
	<div class="sectionbody">
	<div class="paragraph">
	<p>The simple application contains a CDI managed bean <code>CalculatorBean</code>,
	which uses the <code>Calculator</code> EJB to add two numbers and display the
	results to the user. The EJB is injected in the managed bean using
	@Inject annotation.</p>
	</div>
	<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>The complete source code is below but lets break down to look at some
	smaller snippets and see how it works.</p>
	</div>
	<div class="paragraph">
	<p>A little note on the setup:</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="paragraph">
	<p>And we use 2.0 version of faces-config</p>
	</div>
	<div class="paragraph">
	<p>To make this a cdi-aware-archive (i.e bean archive) an empty beans.xml
	is added in WEB-INF</p>
	</div>
	<div class="listingblock">
	<div class="content">
	<pre class="highlight"><code class="language-java" data-lang="java"> <?xml version="1.0" encoding="UTF-8"?>

	<beans 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/beans_1_0.xsd">
	</beans></code></pre>
	</div>
	</div>
	<div class="paragraph">
	<p>We’ll first declare the FacesServlet in the web.xml</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>javax.faces.webapp.FacesServlet</servlet-class>
	<load-on-startup>1</load-on-startup>
	</servlet></code></pre>
	</div>
	</div>
	<div class="paragraph">
	<p>FacesServlet acts as the master controller.</p>
	</div>
	<div class="paragraph">
	<p>We’ll then create the calculator.xhtml 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 used the bean here. By default, the bean name would be
	the simple name of the bean class with the first letter in lower case.</p>
	</div>
	<div class="paragraph">
	<p>We’ve annotated the <code>CalculatorBean</code> with <code>@RequestScoped</code>. So when a
	request comes in, the bean is instantiated and placed in the request
	scope.</p>
	</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, CalculatorBean#add() is invoked.</p>
	</div>
	<div class="paragraph">
	<p>Calculator#add() delegates the work to the ejb, gets the result, stores
	it and then returns what view is to be rendered.</p>
	</div>
	<div class="paragraph">
	<p>The return value <code>success</code> 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 where use EL and display
	the result from the request-scoped <code>calculatorBean</code>.</p>
	</div>
	</div>
	</div>
	<h1 id="_source_code" class="sect0">Source Code</h1>
	<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">import javax.enterprise.context.RequestScoped;
	import javax.inject.Named;
	import javax.inject.Inject;

	@RequestScoped
	@Named
	public class CalculatorBean {
	@Inject
	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="_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 javax.ejb.Stateless;

	@Stateless
	public class Calculator{

	public double add(double x, double y) {
	return x + y;
	}
	}</code></pre>
	</div>
	</div>
	<div class="paragraph">
	<p>#web.xml</p>
	</div>
	<div class="paragraph">
	<p>MyProject web.xml</p>
	</div>
	<div class="paragraph">
	<p>Faces Servlet javax.faces.webapp.FacesServlet 1</p>
	</div>
	<div class="paragraph">
	<p>Faces Servlet *.jsf</p>
	</div>
	<div class="paragraph">
	<p>index.jsp index.html</p>
	</div>
	<div class="paragraph">
	<p>#Calculator.xhtml</p>
	</div>
	<div class="paragraph">
	<p><!DOCTYPE html PUBLIC <code>-//W3C//DTD XHTML 1.0 Transitional//EN''
	</code><a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd''&gt" class="bare">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd''&gt</a>;</p>
	</div>
	<div class="paragraph">
	<p>#Result.xhtml</p>
	</div>
	<div class="paragraph">
	<p><!DOCTYPE html PUBLIC <code>-//W3C//DTD XHTML 1.0 Transitional//EN''
	</code><a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd''&gt" class="bare">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd''&gt</a>;</p>
	</div>
	<div class="listingblock">
	<div class="content">
	<pre class="highlight"><code class="language-java" data-lang="java"> <h:commandLink action="back">
	<h:outputText value="Home"/>
	</h:commandLink>
	</h:form></code></pre>
	</div>
	</div>
	<div class="paragraph">
	<p>#faces-config.xml</p>
	</div>
	<div class="paragraph">
	<p>/calculator.xhtml success /result.xhtml</p>
	</div>
	<div class="paragraph">
	<p>/result.xhtml back /calculator.xhtml</p>
	</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>