| <!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.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> |