The first servlet that we're going to implement is the
WelcomeServlet, so go ahead and remove the
appropriate comments inside the web.xml file
(don't forget to enable the welcome-file-list
as well). When the user visits the application, we'll show him a
nice greeting and give him all available options to choose.
Since there is no Couchbase interaction involved, we just tell it to render the JSP template (imports and comments removed).
package com.couchbase.beersample; public class WelcomeServlet extends HttpServlet { @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.getRequestDispatcher("/WEB-INF/welcome/index.jsp") .forward(request, response); } }
The index.jsp uses formatting-magic from twiter bootstrap to look pretty. Aside from that, it shows a nice greeting and links to the servlets who provide the actual functionality.
<%@taglib prefix="t" tagdir="/WEB-INF/tags" %> <%@page contentType="text/html" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <t:layout> <jsp:body> <div class="span6"> <div class="span12"> <h4>Browse all Beers</h4> <a href="/beers" class="btn btn-warning">Show me all beers</a> <hr /> </div> <div class="span12"> <h4>Browse all Breweries</h4> <a href="/breweries" class="btn btn-info">Take me to the breweries</a> </div> </div> <div class="span6"> <div class="span12"> <h4>About this App</h4> <p>Welcome to Couchbase!</p> <p>This application helps you to get started on application development with Couchbase. It shows how to create, update and delete documents and how to work with JSON documents.</p> <p>The official tutorial can be found <a href="http://www.couchbase.com/docs/couchbase-sdk-java-1.1/tutorial.html">here</a>!</p> </div> </div> </jsp:body> </t:layout>
There is one more "unusual" thing here: it uses taglibs, which
allow us to use the same layout for all pages. Since haven't
created it yet, it's time for it now. Create a
layout.tag file in the
/WEB-INF/tags directory that looks like this:
<%@tag description="Page Layout" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Couchbase Java Beer-Sample</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="The Couchbase Java Beer-Sample App"> <meta name="author" content="Couchbase, Inc. 2012"> <link href="/css/bootstrap.min.css" rel="stylesheet"> <link href="/css/beersample.css" rel="stylesheet"> <link href="/css/bootstrap-responsive.min.css" rel="stylesheet"> <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <div class="container-narrow"> <div class="masthead"> <ul class="nav nav-pills pull-right"> <li><a href="/welcome">Home</a></li> <li><a href="/beers">Beers</a></li> <li><a href="/breweries">Breweries</a></li> </ul> <h2 class="muted">Couchbase Beer-Sample</h2> </div> <hr> <div class="row-fluid"> <div class="span12"> <jsp:doBody/> </div> </div> <hr> <div class="footer"> <p>© Couchbase, Inc. 2012</p> </div> </div> <script src="/js/jquery.min.js"></script> <script src="/js/bootstrap.min.js"></script> <script src="/js/beersample.js"></script> </body> </html>
Again, nothing fancy here. We just need it in place to make everything look pretty afterwards. When you now deploy your application, you should see through the logs that it is connecting to the Couchbase cluster and from the browser a nice web page greeting you.