content/learn/examples/index.html - wicket-site - Git at Google

 <!DOCTYPE html>
 <html>
     <head>
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
         <meta charset="utf-8">


         <title>A Quick Tour of Wicket | Apache Wicket</title>
         <meta name="viewport" content="width=device-width, initial-scale=1" />

         <link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon" />
         <link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />
         <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />

 		<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>


     </head>
     <body class="">
         <div class="header default">
     <div class="l-container">

 <nav class="mainmenu">
     <div class="nav-logo">
     <a href="/"><img src="/img/logo-apachewicket.svg" alt="Apache Wicket"></a>
 </div>

     <div class="nav-container">


 		<!-- /start/quickstart.html || /learn/examples/ -->


     	<a href="/start/quickstart.html" class=" nav-items">Quick Start</a>


 		<!-- /start/download.html || /learn/examples/ -->


     	<a href="/start/download.html" class=" nav-items">Download</a>


 		<!-- /learn || /learn/examples/ -->


     	<a href="/learn" class=" nav-items">Documentation</a>


 		<!-- /help || /learn/examples/ -->


     	<a href="/help" class=" nav-items">Support</a>


 		<!-- /contribute || /learn/examples/ -->


     	<a href="/contribute" class=" nav-items">Contribute</a>


 		<!-- /community || /learn/examples/ -->


     	<a href="/community" class=" nav-items">Community</a>


 		<!-- /apache || /learn/examples/ -->


     	<a href="/apache" class=" nav-items">Apache</a>

     </div>
     <div class="nav-container  ">
         <a href="https://github.com/apache/wicket" target="_blank"><i class="fa fa-github nav-items"></i></a>
         <a href="https://twitter.com/apache_wicket" target="_blank"><i class="fa fa-twitter nav-items"></i></a>
         <a href="https://builtwithwicket.tumblr.com" target="_blank"><i class="fa fa-tumblr nav-items"></i></a>
     </div>
 </nav>

     </div>
 </div>
 <main>
     <div class="l-container">
         <header class="l-full preamble">
             <h1>A Quick Tour of Wicket</h1>


         </header>
         <section class="toc left default ">
             <div id="toc" class="toc"><div id="toc-title"><h2>Table of Contents</h2></div><ul><li class="toc--level-1 toc--section-1"><a href="#for-beginners"><span class="toc-number">1</span> <span class="toc-text">For beginners</span></a></li><li class="toc--level-1 toc--section-2"><a href="#wicket-bootstrap-project"><span class="toc-number">2</span> <span class="toc-text">Wicket-Bootstrap project</span></a></li><li class="toc--level-1 toc--section-3"><a href="#wicket-jquery-ui-integration"><span class="toc-number">3</span> <span class="toc-text">Wicket JQuery-UI integration</span></a></li></ul></div>
         </section>
         <section>
             <p>Nothing says more about a development technology than a few simple examples.
 After all, how hard should it be to do something easy? The examples below
 should speak for themselves in demonstrating how easy it is to get things done
 in Wicket when compared to other frameworks. You will discover that Wicket’s
 component-oriented structure and its “low touch” approach to HTML is quite
 inviting.</p>

 <hr />

 <h2 id="for-beginners">For beginners</h2>

 <p>Wicket comes with a collection of examples meant to help you understand the basic concepts of the framework. They are particularly helpful if you are new to Wicket and you are reading our <a href="/learn/#guide">User Guide</a>.
 You can see these examples and many more in <a href="http://examples9x.wicket.apache.org/index.html">live action</a>
 (available also for version <a href="http://examples8x.wicket.apache.org/index.html">8.x</a>, <a href="http://examples7x.wicket.apache.org/index.html">7.x</a> and <a href="http://examples6x.wicket.apache.org/index.html">6.x</a>) without having to install anything.</p>

 <p>The following list contains a full description for some of these examples:</p>

 <ul>
   <li><a href="helloworld.html">Hello World!</a> - Everybody’s favorite example</li>
   <li><a href="navomatic.html">Navomatic</a> - Automatic navigation using Borders and Links</li>
   <li><a href="guestbook.html">GuestBook</a> - A tiny blogger demonstrating ListViews and
 Forms</li>
   <li><a href="dropdownchoice.html">Using DropDownChoice</a> - A short example explaining the
 DropDownChoice component</li>
   <li><a href="markupinheritance.html">Markup Inheritance</a> - A short example explaining
 markup inheritance</li>
   <li><a href="ajaxcounter.html">Ajax Counter</a> - A short example explaining Wicket’s Ajax
 features building a counter.</li>
   <li><a href="usingfragments.html">Using Fragments</a> - A short example explaining Wicket’s
 fragments feature. Fragments are a type of inline panels.</li>
   <li><a href="servlet3x.html">Servlet 3.x with Spring Framework</a> - An example to show the configuration of
 Wicket and Spring Framework without any XML definitions.</li>
 </ul>

 <hr />

 <h2 id="wicket-bootstrap-project">Wicket-Bootstrap project</h2>

 <p><a href="https://wb7.teliclab.info">Wicket-Bootstrap</a> is a full-fledged project that provides integration between Wicket and the popular CSS and JS framework. The project site
 offers a complete showcase of the available features.</p>

 <hr />

 <h2 id="wicket-jquery-ui-integration">Wicket JQuery-UI integration</h2>

 <p><a href="http://www.7thweb.net/wicket-jquery-ui">Wicket JQuery-UI integration</a> provides full integration between Wicket and JQuery UI with many great-looking widgets ready to be used in your application.</p>


         </section>
     </div>
 </main>

         <footer>
             <div class="l-container">
     <div class="left">
         <img src="/img/asf_logo_url.svg" style="height:90px; float:left; margin-right:10px;">
         <div style="margin-top:12px;">Copyright © 2021 — The Apache Software Foundation. Apache Wicket, Wicket, Apache, the Apache feather logo, and the Apache Wicket project logo are trademarks of The Apache Software Foundation. All other marks mentioned may be trademarks or registered trademarks of their respective owners.</div>
     </div>
 </div>

         </footer>
     </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta charset="utf-8">



	<title>A Quick Tour of Wicket \| Apache Wicket</title>
	<meta name="viewport" content="width=device-width, initial-scale=1" />

	<link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon" />
	<link rel="stylesheet" href="/css/style.css" type="text/css" media="screen" />
	<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />

	<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>


	</head>
	<body class="">
	<div class="header default">
	<div class="l-container">

	<nav class="mainmenu">
	<div class="nav-logo">
	<a href="/"><img src="/img/logo-apachewicket.svg" alt="Apache Wicket"></a>
	</div>

	<div class="nav-container">





	<!-- /start/quickstart.html \|\| /learn/examples/ -->



	<a href="/start/quickstart.html" class=" nav-items">Quick Start</a>





	<!-- /start/download.html \|\| /learn/examples/ -->



	<a href="/start/download.html" class=" nav-items">Download</a>





	<!-- /learn \|\| /learn/examples/ -->



	<a href="/learn" class=" nav-items">Documentation</a>





	<!-- /help \|\| /learn/examples/ -->



	<a href="/help" class=" nav-items">Support</a>





	<!-- /contribute \|\| /learn/examples/ -->



	<a href="/contribute" class=" nav-items">Contribute</a>





	<!-- /community \|\| /learn/examples/ -->



	<a href="/community" class=" nav-items">Community</a>





	<!-- /apache \|\| /learn/examples/ -->



	<a href="/apache" class=" nav-items">Apache</a>

	</div>
	<div class="nav-container ">
	<a href="https://github.com/apache/wicket" target="_blank"><i class="fa fa-github nav-items"></i></a>
	<a href="https://twitter.com/apache_wicket" target="_blank"><i class="fa fa-twitter nav-items"></i></a>
	<a href="https://builtwithwicket.tumblr.com" target="_blank"><i class="fa fa-tumblr nav-items"></i></a>
	</div>
	</nav>

	</div>
	</div>
	<main>
	<div class="l-container">
	<header class="l-full preamble">
	<h1>A Quick Tour of Wicket</h1>



	</header>
	<section class="toc left default ">
	<div id="toc" class="toc"><div id="toc-title"><h2>Table of Contents</h2></div><ul><li class="toc--level-1 toc--section-1"><a href="#for-beginners"><span class="toc-number">1</span> <span class="toc-text">For beginners</span></a></li><li class="toc--level-1 toc--section-2"><a href="#wicket-bootstrap-project"><span class="toc-number">2</span> <span class="toc-text">Wicket-Bootstrap project</span></a></li><li class="toc--level-1 toc--section-3"><a href="#wicket-jquery-ui-integration"><span class="toc-number">3</span> <span class="toc-text">Wicket JQuery-UI integration</span></a></li></ul></div>
	</section>
	<section>
	<p>Nothing says more about a development technology than a few simple examples.
	After all, how hard should it be to do something easy? The examples below
	should speak for themselves in demonstrating how easy it is to get things done
	in Wicket when compared to other frameworks. You will discover that Wicket’s
	component-oriented structure and its “low touch” approach to HTML is quite
	inviting.</p>

	<hr />

	<h2 id="for-beginners">For beginners</h2>

	<p>Wicket comes with a collection of examples meant to help you understand the basic concepts of the framework. They are particularly helpful if you are new to Wicket and you are reading our <a href="/learn/#guide">User Guide</a>.
	You can see these examples and many more in <a href="http://examples9x.wicket.apache.org/index.html">live action</a>
	(available also for version <a href="http://examples8x.wicket.apache.org/index.html">8.x</a>, <a href="http://examples7x.wicket.apache.org/index.html">7.x</a> and <a href="http://examples6x.wicket.apache.org/index.html">6.x</a>) without having to install anything.</p>

	<p>The following list contains a full description for some of these examples:</p>

	<ul>
	<li><a href="helloworld.html">Hello World!</a> - Everybody’s favorite example</li>
	<li><a href="navomatic.html">Navomatic</a> - Automatic navigation using Borders and Links</li>
	<li><a href="guestbook.html">GuestBook</a> - A tiny blogger demonstrating ListViews and
	Forms</li>
	<li><a href="dropdownchoice.html">Using DropDownChoice</a> - A short example explaining the
	DropDownChoice component</li>
	<li><a href="markupinheritance.html">Markup Inheritance</a> - A short example explaining
	markup inheritance</li>
	<li><a href="ajaxcounter.html">Ajax Counter</a> - A short example explaining Wicket’s Ajax
	features building a counter.</li>
	<li><a href="usingfragments.html">Using Fragments</a> - A short example explaining Wicket’s
	fragments feature. Fragments are a type of inline panels.</li>
	<li><a href="servlet3x.html">Servlet 3.x with Spring Framework</a> - An example to show the configuration of
	Wicket and Spring Framework without any XML definitions.</li>
	</ul>

	<hr />

	<h2 id="wicket-bootstrap-project">Wicket-Bootstrap project</h2>

	<p><a href="https://wb7.teliclab.info">Wicket-Bootstrap</a> is a full-fledged project that provides integration between Wicket and the popular CSS and JS framework. The project site
	offers a complete showcase of the available features.</p>

	<hr />

	<h2 id="wicket-jquery-ui-integration">Wicket JQuery-UI integration</h2>

	<p><a href="http://www.7thweb.net/wicket-jquery-ui">Wicket JQuery-UI integration</a> provides full integration between Wicket and JQuery UI with many great-looking widgets ready to be used in your application.</p>



	</section>
	</div>
	</main>

	<footer>
	<div class="l-container">
	<div class="left">
	<img src="/img/asf_logo_url.svg" style="height:90px; float:left; margin-right:10px;">
	<div style="margin-top:12px;">Copyright © 2021 — The Apache Software Foundation. Apache Wicket, Wicket, Apache, the Apache feather logo, and the Apache Wicket project logo are trademarks of The Apache Software Foundation. All other marks mentioned may be trademarks or registered trademarks of their respective owners.</div>
	</div>
	</div>

	</footer>
	</body>
	</html>