You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@tapestry.apache.org by bu...@apache.org on 2014/01/20 21:20:49 UTC
svn commit: r894883 - in /websites/production/tapestry/content:
cache/main.pageCache getting-started.html
Author: buildbot
Date: Mon Jan 20 20:20:48 2014
New Revision: 894883
Log:
Production update by buildbot for tapestry
Modified:
websites/production/tapestry/content/cache/main.pageCache
websites/production/tapestry/content/getting-started.html
Modified: websites/production/tapestry/content/cache/main.pageCache
==============================================================================
Binary files - no diff available.
Modified: websites/production/tapestry/content/getting-started.html
==============================================================================
--- websites/production/tapestry/content/getting-started.html (original)
+++ websites/production/tapestry/content/getting-started.html Mon Jan 20 20:20:48 2014
@@ -25,14 +25,6 @@
</title>
<link type="text/css" rel="stylesheet" href="/resources/space.css">
- <link href='http://cxf.apache.org/resources/highlighter/styles/shCoreCXF.css' rel='stylesheet' type='text/css' />
- <link href='http://cxf.apache.org/resources/highlighter/styles/shThemeCXF.css' rel='stylesheet' type='text/css' />
- <script src='http://cxf.apache.org/resources/highlighter/scripts/shCore.js' type='text/javascript'></script>
- <script src='http://cxf.apache.org/resources/highlighter/scripts/shBrushJava.js' type='text/javascript'></script>
- <script type="text/javascript">
- SyntaxHighlighter.defaults['toolbar'] = false;
- SyntaxHighlighter.all();
- </script>
<link href="/styles/style.css" rel="stylesheet" type="text/css"/>
@@ -94,7 +86,7 @@
<span class="icon icon-page" title="Page">Page:</span> </div>
<div class="details">
- <a shape="rect" href="tapestry-for-jsf-users.html">Tapestry for JSF Users</a>
+ <a shape="rect" href="tapestry-tutorial.html">Tapestry Tutorial</a>
</div>
@@ -103,7 +95,7 @@
<span class="icon icon-page" title="Page">Page:</span> </div>
<div class="details">
- <a shape="rect" href="tapestry-tutorial.html">Tapestry Tutorial</a>
+ <a shape="rect" href="tapestry-for-jsf-users.html">Tapestry for JSF Users</a>
</div>
@@ -117,32 +109,9 @@
</div>
</li></ul>
-</div>
-<p>Getting started with Tapestry is easy, and you have lots of ways to begin: watch a video, browse the source code of a working demo app, create a skeleton app using Maven, or step through the tutorial.</p>
-
-<h2 id="GettingStarted-Watchashortvideo">Watch a short video</h2>
-
-<p>For a fast-paced introduction, watch Mark W. Shead's <a shape="rect" class="external-link" href="http://blog.markwshead.com/900/tapestry-5-10-minute-demo/" >10 Minute Demo</a>. This video shows how to set up a simple Tapestry application, complete with form validation, Hibernate-based persistence, and Ajax. The video provides a preview of the development speed and productivity that experienced Tapestry users enjoy.</p>
-
-<h2 id="GettingStarted-Playwithaworkingdemoapp">Play with a working demo app</h2>
-
-<p>You can also play with Tapestry via our live demonstration applications. To start, have a look at the <a shape="rect" class="external-link" href="http://tapestry.zones.apache.org:8180/tapestry5-hotel-booking/">Hotel Booking Demo</a>. The <a shape="rect" class="external-link" href="http://github.com/ccordenier/tapestry5-hotel-booking" >source code</a> is provided so you can download and play with it.</p>
-
-<h2 id="GettingStarted-CreateyourfirstTapestryproject">Create your first Tapestry project</h2>
-
-<p>The easiest way to start a new app is to use <a shape="rect" class="external-link" href="http://maven.apache.org">Apache Maven</a> to create your initial project; Maven can use an <em>archetype</em> (a kind of project template) to create a bare-bones Tapestry application for you.</p>
-
-<p>Once you have Maven installed, execute the following command:</p>
-
-<div class="code panel pdl" style="border-width: 1px;"><div class="codeContent panelContent pdl">
-<script class="theme: Default; brush: java; gutter: false" type="syntaxhighlighter"><![CDATA[
-mvn archetype:generate -DarchetypeCatalog=http://tapestry.apache.org
-]]></script>
-</div></div>
-
-<p>Maven will prompt you for the archetype to create ("Tapestry 5 Quickstart Project") and the exact version number ("5.3.7", at the time of writing). It also asks you for a group id, an artifact id, and a version number. You can see this in the following transcript:</p>
-
-<div class="preformatted panel" style="border-width: 1px;"><div class="preformattedContent panelContent">
+</div><p>Getting started with Tapestry is easy, and you have lots of ways to begin: watch a video, browse the source code of a working demo app, create a skeleton app using Maven, or step through the tutorial.</p><h2 id="GettingStarted-Watchashortvideo">Watch a short video</h2><p>For a fast-paced introduction, watch Mark W. Shead's <a shape="rect" class="external-link" href="http://blog.markwshead.com/900/tapestry-5-10-minute-demo/" >10 Minute Demo</a>. This video shows how to set up a simple Tapestry application, complete with form validation, Hibernate-based persistence, and Ajax. The video provides a preview of the development speed and productivity that experienced Tapestry users enjoy.</p><h2 id="GettingStarted-Playwithaworkingdemoapp">Play with a working demo app</h2><p>You can also play with Tapestry via our live demonstration applications. To start, have a look at the <a shape="rect" class="external-link" href="http://tapestry.zones.apache.org:8180/tapestry5-hotel-booking/">
Hotel Booking Demo</a>. The <a shape="rect" class="external-link" href="http://github.com/ccordenier/tapestry5-hotel-booking" >source code</a> is provided so you can download and play with it.</p><h2 id="GettingStarted-CreateyourfirstTapestryproject">Create your first Tapestry project</h2><p>The easiest way to start a new app is to use <a shape="rect" class="external-link" href="http://maven.apache.org">Apache Maven</a> to create your initial project; Maven can use an <em>archetype</em> (a kind of project template) to create a bare-bones Tapestry application for you.</p><p>Once you have Maven installed, execute the following command:</p><div class="preformatted panel" style="border-width: 1px;"><div class="preformattedContent panelContent">
+<pre>mvn archetype:generate -DarchetypeCatalog=http://tapestry.apache.org</pre>
+</div></div><p><span style="line-height: 1.4285715;">Maven will prompt you for the archetype to create ("Tapestry 5 Quickstart Project") and the exact version number ("5.3.7", at the time of writing). It also asks you for a group id, an artifact id, and a version number. You can see this in the following transcript:</span></p><div class="preformatted panel" style="border-width: 1px;"><div class="preformattedContent panelContent">
<pre>$ mvn archetype:generate -DarchetypeCatalog=http://tapestry.apache.org
[INFO] Scanning for projects...
[INFO]
@@ -210,30 +179,10 @@ package: com.example.newapp
[INFO] Final Memory: 7M/81M
[INFO] ------------------------------------------------------------------------
</pre>
-</div></div>
-
-<p>Maven will (after performing a number of one-time downloads) create a skeleton project ready to run. Because we specified an artifactId of "newapp", the project is created in the <code>newapp</code> directory. (Note: if you get "Unable to get resource" warnings at this stage, you may be behind a firewall which blocks outbound HTTP requests to Maven repositories.)</p>
-
-<p>To run the skeleton application, change to the <code>newapp</code> directory and execute:</p>
-
-<div class="preformatted panel" style="border-width: 1px;"><div class="preformattedContent panelContent">
+</div></div><p>Maven will (after performing a number of one-time downloads) create a skeleton project ready to run. Because we specified an artifactId of "newapp", the project is created in the <code>newapp</code> directory. (Note: if you get "Unable to get resource" warnings at this stage, you may be behind a firewall which blocks outbound HTTP requests to Maven repositories.)</p><p>To run the skeleton application, change to the <code>newapp</code> directory and execute:</p><div class="preformatted panel" style="border-width: 1px;"><div class="preformattedContent panelContent">
<pre>mvn jetty:run
</pre>
-</div></div>
-
-<p>After some more one-time downloads you can open your browser to <a shape="rect" class="external-link" href="http://localhost:8080/newapp" >http://localhost:8080/newapp</a> to see the application running:</p>
-
-<p><img class="confluence-embedded-image confluence-thumbnail image-center" src="getting-started.thumbs/getting-started.png" data-image-src="/confluence/download/attachments/23334911/getting-started.png?version=1&modificationDate=1321971947000&api=v2"></p>
-
-<p>The application consists of three pages sharing a common look and feel. The initial page, Index, allows you to perform some basic operations.</p>
-
-<p>You can also load the newly-created project it into any IDE and start coding. See the next section on where to find the different components of the application.</p>
-
-<h2 id="GettingStarted-Exploringthegeneratedproject">Exploring the generated project</h2>
-
-<p>The archetype creates the following files:</p>
-
-<div class="preformatted panel" style="border-width: 1px;"><div class="preformattedContent panelContent">
+</div></div><p>After some more one-time downloads you can open your browser to <a shape="rect" class="external-link" href="http://localhost:8080/newapp" >http://localhost:8080/newapp</a> to see the application running:</p><p><img class="confluence-embedded-image image-center" width="700" src="https://cwiki.apache.org/confluence/download/attachments/23334911/getting-started.png?version=1&modificationDate=1321971947000&api=v2" data-image-src="/confluence/download/attachments/23334911/getting-started.png?version=1&modificationDate=1321971947000&api=v2"></p><p>The application consists of three pages sharing a common look and feel. The initial page, Index, allows you to perform some basic operations.</p><p>You can also load the newly-created project it into any IDE and start coding. See the next section on where to find the different components of the application.</p><h2 id="GettingStarted-Exploringthegeneratedproject">Exploring the generated project</h2><p>The archetype
creates the following files:</p><div class="preformatted panel" style="border-width: 1px;"><div class="preformattedContent panelContent">
<pre>newapp
├── build.gradle
├── gradle
@@ -306,109 +255,7 @@ package: com.example.newapp
└── resources
└── PLACEHOLDER
</pre>
-</div></div>
-
-<p>A Tapestry application is composed of pages, each page consisting of one template file and one Java class.</p>
-
-<p>Tapestry page templates have the <code>.tml</code> extension and are found in src/main/<strong>resources</strong>/com/example/newapp/<strong>pages</strong></p><p><style type='text/css'>
-.FootnoteMarker, .FootnoteNum a {
- background: transparent url(/confluence/download/resources/com.adaptavist.confluence.footnoteMacros:footnote/gfx/footnote.png) no-repeat top right;
- padding: 1px 2px 0px 1px;
- border-left: 1px solid #8898B8;
- border-bottom: 1px solid #6B7C9B;
- margin: 1px;
- text-decoration: none;
-}
-.FootnoteNum a {
- margin-top: 2px;
- margin-right: 0px;
-}
-.FootnoteNum {
- font-size: x-small;
- text-align: right;
- padding-bottom: 4px;
-}
-.footnote-th1 {
- text-align: right;
-}
-.Footnote {
- padding-left: 7px;
- margin-bottom: 4px;
- border: 1px none #DDDDDD;
- writingMode: tb-rl;
-}
-.accessibility {
- display: none;
- visibility: hidden;
-}
-@media aural,braille,embossed {
- .FootnoteMarker, .FootnoteNum a {
- border: 1px solid #000000;
- background: #ffffff none;
- }
- .accessibility {
- display: run-in;
- visibility: visible;
- }
-}
-</style>
-<script type='text/javascript' language='JavaScript'>
-//<!--\n
-var effectInProgress = {};
-var despamEffect = function (id,effectType,duration) {
- if ((effectInProgress[id]) || (typeof(Effect)=="undefined") || (typeof(Effect[effectType])=="undefined")) return;
- new Effect[effectType](id);
- effectInProgress[id]=true;
- setTimeout('effectInProgress[\"'+id+'\"]=false;',duration*1000);
-};
-var oldFootnoteId = '';
-var footnoteHighlight = function(id,pulsateNum) {
- if (oldFootnoteId!='') document.getElementById('Footnote'+oldFootnoteId).style['borderStyle'] = 'none';
- oldFootnoteId = id;
- document.getElementById('Footnote'+id).style['borderStyle'] = 'solid';
- despamEffect('Footnote'+id,'Highlight',1)
- if (pulsateNum) despamEffect('FootnoteNum'+id,'Pulsate',3)
-}
-var footnoteMarkerHighlight = function(id) {
- if (oldFootnoteId!='') document.getElementById('Footnote'+oldFootnoteId).style['borderStyle'] = 'none';
- oldFootnoteId = '';
- despamEffect('FootnoteMarker'+id,'Pulsate',3)
-}
-//-->
-</script>
-
-<sup id="FootnoteMarker1">
- <a shape="rect" class="FootnoteMarker" name="FootnoteMarker1" href="#Footnote1" onclick="footnoteHighlight("1",true);" alt="Footnote: Click here to display the footnote" title="Footnote: Click here to display the footnote">
- 1
- </a>
-</sup>
-</p> . Templates are essentially HTML with some special markup to reference properties in the corresponding Java class and to reference ready-made or custom components.<p></p>
-
-<p>Tapestry page classes are found in src/main/<strong>java</strong>/com/example/newapp/<strong>pages</strong> and their name matches their template name (<code>Index.tml</code> -> <code>Index.java</code>).</p>
-
-<p>In the skeleton project, most of the HTML is not found on the pages themselves but in a Layout component which acts as a global template for the whole site. Java classes for components live in src/main/<strong>java</strong>/com/example/newapp/<strong>components</strong> and component templates go in src/main/<strong>resources</strong>/com/example/newapp/<strong>components</strong>.</p>
-
-<h2 id="GettingStarted-What'snext?">What's next?</h2>
-
-<p>To deepen your understanding, step through the <a shape="rect" href="tapestry-tutorial.html">Tapestry Tutorial</a>, which goes into much more detail about setting up your project as well as loading it into Eclipse... then continues on to teach you more about Tapestry.</p>
-
-<p>Be sure to read about the core <a shape="rect" href="principles.html">Tapestry Principles</a>, and browse the extensive <a shape="rect" href="user-guide.html">User Guide</a>.</p>
-
-<h2 id="GettingStarted-ObtainHelp">Obtain Help</h2>
-
-<p>Tapestry has an active user mailing list on which you can find a lot of valuable support, commonly within just a few minutes. You can subscribe by sending e-mail to <a shape="rect" class="external-link" href="mailto:users-subscribe@tapestry.apache.org" >users-subscribe@tapestry.apache.org</a> or look for an answer in the <a shape="rect" class="external-link" href="http://markmail.org/search/list:org.apache.tapestry.users" >archives</a>. <a shape="rect" href="mailing-lists.html">More Options</a>...</p>
-
-<p>Having trouble? Try our <a shape="rect" href="frequently-asked-questions.html">Frequently Asked Questions</a>.</p>
-
-
-<hr>
-<p></p><p><table class="Footnotes" style="width: 100%; border:none;" cellspacing="0" cellpadding="0" summary="This table contains one or more notes for references made elsewhere on the page."><caption class="accessibility">Footnotes</caption><thead class="accessibility"><tr class="accessibility"><th colspan="1" rowspan="1" class="accessibility" id="footnote-th1">Reference</th><th colspan="1" rowspan="1" class="accessibility" id="footnote-th2">Notes</th></tr></thead><tbody><tr name="Footnote1"><td colspan="1" rowspan="1" valign="top" class="FootnoteNum" headings="footnote-th1">
- <a shape="rect" id="FootnoteNum1" href="#FootnoteMarker1" onclick="footnoteMarkerHighlight("1");" onmouseover="footnoteHighlight("1",false);" alt="Footnote: Click to return to reference in text" title="Footnote: Click to return to reference in text">
- 1
- </a>
- </td><td colspan="1" rowspan="1" valign="top" class="Footnote" id="Footnote1" width="100%" headings="footnote-th2">
- That is, in the <code>com.example.newapp.pages</code> package.
- </td></tr></tbody></table></p><p></p></div>
+</div></div><p>A Tapestry application is composed of pages, each page consisting of one template file and one Java class.</p><pre>Tapestry page templates have the <code>.tml</code> extension and are found in src/main/<strong>resources</strong>/com/example/newapp/<strong>pages (t</strong>hat is, in the com.example.newapp.pages package)<span style="font-family: Arial , sans-serif;line-height: 1.4285715;">. Templates are essentially HTML with some special markup to reference properties in the corresponding Java class and to reference ready-made or custom components.</span></pre><p>Tapestry page classes are found in src/main/<strong>java</strong>/com/example/newapp/<strong>pages</strong> and their name matches their template name (<code>Index.tml</code> -> <code>Index.java</code>).</p><p>In the skeleton project, most of the HTML is not found on the pages themselves but in a Layout component which acts as a global template for the whole site. Java classes for components live in src/ma
in/<strong>java</strong>/com/example/newapp/<strong>components</strong> and component templates go in src/main/<strong>resources</strong>/com/example/newapp/<strong>components</strong>.</p><h2 id="GettingStarted-What'snext?">What's next?</h2><p>To deepen your understanding, step through the <a shape="rect" href="tapestry-tutorial.html">Tapestry Tutorial</a>, which goes into much more detail about setting up your project as well as loading it into Eclipse... then continues on to teach you more about Tapestry.</p><p>Be sure to read about the core <a shape="rect" href="principles.html">Tapestry Principles</a>, and browse the extensive <a shape="rect" href="user-guide.html">User Guide</a>.</p><h2 id="GettingStarted-ObtainHelp">Obtain Help</h2><p>Tapestry has an active user mailing list on which you can find a lot of valuable support, commonly within just a few minutes. You can subscribe by sending e-mail to <a shape="rect" class="external-link" href="mailto:users-subscribe@tapestry.apac
he.org" >users-subscribe@tapestry.apache.org</a> or look for an answer in the <a shape="rect" class="external-link" href="http://markmail.org/search/list:org.apache.tapestry.users" >archives</a>. <a shape="rect" href="mailing-lists.html">More Options</a>...</p><p>Having trouble? Try our <a shape="rect" href="frequently-asked-questions.html">Frequently Asked Questions</a>.</p><hr><p> </p><p> </p></div>
</div>
<div class="clearer"></div>