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">
     <ul>
 		<!-- /start/quickstart.html || /learn/examples/ -->
     	<li class=""><a href="/start/quickstart.html">Quick Start</a></li>
 		<!-- /start/download.html || /learn/examples/ -->
     	<li class=""><a href="/start/download.html">Download</a></li>
 		<!-- /learn || /learn/examples/ -->
     	<li class=""><a href="/learn">Documentation</a></li>
 		<!-- /help || /learn/examples/ -->
     	<li class=""><a href="/help">Support</a></li>
 		<!-- /contribute || /learn/examples/ -->
     	<li class=""><a href="/contribute">Contribute</a></li>
 		<!-- /community || /learn/examples/ -->
     	<li class=""><a href="/community">Community</a></li>
 		<!-- /apache || /learn/examples/ -->
     	<li class=""><a href="/apache">Apache</a></li>
     </ul>
 </nav>
         <div class="logo">
     <a href="/"><img src="/img/logo-apachewicket-white.svg" alt="Apache Wicket"></a>
 </div>
     </div>
 </div>
 <main>
     <div class="l-container">
         <header class="l-full preamble">
             <h1>A Quick Tour of Wicket</h1>
         </header>
         <section class="left">
             <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>Here you find 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 live
 action (available 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>
 <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 class="l-container">
             <div class="l-full">
    	<img src="/img/asf_logo_url.svg" style="height:90px; float:left; margin-right:10px;">
     <div style="margin-top:12px;">Copyright © 2020 — 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>
         </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">
	<ul>
	<!-- /start/quickstart.html \|\| /learn/examples/ -->
	<li class=""><a href="/start/quickstart.html">Quick Start</a></li>
	<!-- /start/download.html \|\| /learn/examples/ -->
	<li class=""><a href="/start/download.html">Download</a></li>
	<!-- /learn \|\| /learn/examples/ -->
	<li class=""><a href="/learn">Documentation</a></li>
	<!-- /help \|\| /learn/examples/ -->
	<li class=""><a href="/help">Support</a></li>
	<!-- /contribute \|\| /learn/examples/ -->
	<li class=""><a href="/contribute">Contribute</a></li>
	<!-- /community \|\| /learn/examples/ -->
	<li class=""><a href="/community">Community</a></li>
	<!-- /apache \|\| /learn/examples/ -->
	<li class=""><a href="/apache">Apache</a></li>
	</ul>
	</nav>
	<div class="logo">
	<a href="/"><img src="/img/logo-apachewicket-white.svg" alt="Apache Wicket"></a>
	</div>
	</div>
	</div>
	<main>
	<div class="l-container">
	<header class="l-full preamble">
	<h1>A Quick Tour of Wicket</h1>
	</header>
	<section class="left">
	<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>Here you find 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 live
	action (available 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>
	<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 class="l-container">
	<div class="l-full">
	<img src="/img/asf_logo_url.svg" style="height:90px; float:left; margin-right:10px;">
	<div style="margin-top:12px;">Copyright © 2020 — 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>
	</footer>
	</body>

	</html>