| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
| |
| <!-- |
| Copyright 1999-2004 The Apache Software Foundation |
| Licensed under the Apache License, Version 2.0 (the "License"); |
| you may not use this file except in compliance with the License. |
| You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, software |
| distributed under the License is distributed on an "AS IS" BASIS, |
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| See the License for the specific language governing permissions and |
| limitations under the License. |
| --> |
| |
| |
| <!-- Content Stylesheet for Site --> |
| |
| |
| <!-- start the processing --> |
| <!-- ====================================================================== --> |
| <!-- GENERATED FILE, DO NOT EDIT, EDIT THE XML FILE IN xdocs INSTEAD! --> |
| <!-- Main Page Section --> |
| <!-- ====================================================================== --> |
| <html> |
| <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> |
| |
| <meta name="author" value="Velocity Documentation Team"> |
| <meta name="email" value="jvanzyl@zenplex.com"> |
| <meta name="author" value="John Castura"> |
| <meta name="email" value="jcastura@kw.igs.net"> |
| <meta name="author" value="Juha Kilpi"> |
| <meta name="email" value="juha@dwebs.com"> |
| |
| |
| |
| |
| <title>Velocity - Velocity käyttäjän opas</title> |
| </head> |
| |
| <body bgcolor="#ffffff" text="#000000" link="#525D76"> |
| <table border="0" width="100%" cellspacing="0"> |
| <!-- TOP IMAGE --> |
| <tr> |
| <td align="left"> |
| <a href="http://jakarta.apache.org"><img src="http://jakarta.apache.org/images/jakarta-logo.gif" border="0"/></a> |
| </td> |
| <td align="right"> |
| <a href="http://jakarta.apache.org/velocity/"><img src="./images/logo.gif" alt="Velocity" border="0"/></a> |
| </td> |
| </tr> |
| </table> |
| <table border="0" width="100%" cellspacing="4"> |
| <tr><td colspan="2"> |
| <hr noshade="" size="1"/> |
| </td></tr> |
| |
| <tr> |
| <!-- LEFT SIDE NAVIGATION --> |
| <td width="20%" valign="top" nowrap="true"> |
| |
| <!-- ============================================================ --> |
| |
| <p><strong>About</strong></p> |
| <ul> |
| <li> <a href="./index.html">Overview</a> |
| </li> |
| <li> <a href="./getting-started.html">Getting Started</a> |
| </li> |
| <li> <a href="http://jakarta.apache.org/builds/jakarta-velocity/">Download</a> |
| </li> |
| <li> <a href="./install.html">Install</a> |
| </li> |
| <li> <a href="./design.html">Design</a> |
| </li> |
| <li> <a href="./contributors.html">Contributors</a> |
| </li> |
| <li> <a href="./changes.html">ChangeLog</a> |
| </li> |
| <li> <a href="./code-standards.html">Coding Standards</a> |
| </li> |
| <li> <a href="./license.html">License</a> |
| </li> |
| <li> <a href="./todo.html">TODO</a> |
| </li> |
| <li> <a href="http://issues.apache.org/bugzilla/enter_bug.cgi?product=Velocity">Report Issues</a> |
| </li> |
| </ul> |
| <p><strong>Community</strong></p> |
| <ul> |
| <li> <a href="./powered.html">Powered By Velocity</a> |
| </li> |
| <li> <a href="http://jakarta.apache.org/site/getinvolved.html">Get Involved</a> |
| </li> |
| <li> <a href="http://jakarta.apache.org/site/mail.html">Mailing Lists</a> |
| </li> |
| <li> <a href="http://jakarta.apache.org/site/cvsindex.html">CVS Repositories</a> |
| </li> |
| </ul> |
| <p><strong>Docs</strong></p> |
| <ul> |
| <li> <a href="./user-guide.html">User's Guide (English)</a> |
| </li> |
| <li> <a href="./user-guide_fi.html">User's Guide (Finnish)</a> |
| </li> |
| <li> <a href="./user-guide_fr.html">User's Guide (French)</a> |
| </li> |
| <li> <a href="./user-guide_es.html">User's Guide (Spanish)</a> |
| </li> |
| <li> <a href="./developer-guide.html">Developer's Guide</a> |
| </li> |
| <li> <a href="./vtl-reference-guide.html">VTL Reference Guide</a> |
| </li> |
| <li> <a href="./specification.html">Specification</a> |
| </li> |
| <li> <a href="./api/index.html">Javadoc</a> |
| </li> |
| </ul> |
| <p><strong>Tools</strong></p> |
| <ul> |
| <li> <a href="./tools/index.html">Velocity Tools</a> |
| </li> |
| <li> <a href="./anakia.html">Anakia : XML->doc tool</a> |
| </li> |
| <li> <a href="./texen.html">Texen : text generation</a> |
| </li> |
| <li> <a href="./dvsl/index.html">DVSL : XML xformation</a> |
| </li> |
| <li> <a href="./veltag.html">Veltag : JSP taglib</a> |
| </li> |
| <li> <a href="./migration.html">Migration to Velocity</a> |
| </li> |
| <li> <a href="./devtools.html">Editors and IDEs</a> |
| </li> |
| </ul> |
| <p><strong>Comparisons</strong></p> |
| <ul> |
| <li> <a href="./ymtd/ymtd.html">YMTD</a> |
| </li> |
| <li> <a href="./differences.html">VM/WM Differences</a> |
| </li> |
| <li> <a href="./casestudy1.html">JSP vs. Velocity</a> |
| </li> |
| <li> <a href="./casestudy2.html">XMLC vs. Velocity</a> |
| </li> |
| </ul> |
| <p><strong>Site Translations</strong></p> |
| <ul> |
| <li> <a href="http://jakarta.apache.org/velocity/">English</a> |
| </li> |
| <li> <a href="http://www.ingrid.org/jajakarta/velocity/velocity-1.2-rc2/docs-ja/index.html">Japanese</a> |
| </li> |
| </ul> |
| </td> |
| <td width="80%" align="left" valign="top"> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Sisällys"><strong>Sisällys</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <ol> |
| <li><a href="#Tietoja tästä oppaasta">Tietoja tästä oppaasta</a></li> |
| <li><a href="#Mikä on Velocity?">Mikä on Velocity?</a></li> |
| <li><a href="#Miten voin käyttää Velocityä?">Miten voin käyttää Velocityä?</a> |
| <ol> |
| <li><a href="#Kurakauppa esimerkki">Kurakauppa esimerkki</a></li> |
| </ol> |
| </li> |
| <li><a href="#Velocity Template Language (VTL): Johdanto">Velocity |
| Template Language (VTL): Johdanto</a></li> |
| <li><a href="#Hei Velocity Maailma!">Hei Velocity Maailma!</a></li> |
| <li><a href="#Kommentit">Kommentit</a></li> |
| <li><a href="#Viittaukset">Viittaukset</a> |
| <ol> |
| <li><a href="#Muuttujat">Muuttujat</a></li> |
| <li><a href="#Ominaisuudet">Ominaisuudet</a></li> |
| <li><a href="#Metodit">Metodit</a></li> |
| </ol> |
| </li> |
| <li><a href="#Muodollinen merkintä">Muodollinen viittausten merkintä</a></li> |
| <li><a href="#Hiljainen viittausten merkintä">Hiljainen viittausten merkintä</a></li> |
| <li><a href="#Kirjaimellisesti">Kirjaimellisesti</a> |
| <ol> |
| <li><a href="#Dollari">Dollari</a></li> |
| <li><a href="#VTL viittausten suojaaminen">VTL viittausten suojaaminen</a></li> |
| </ol> |
| </li> |
| <li><a href="#Kirjainkoon muutos">Kirjainkoon muutos</a></li> |
| <li><a href="#Ohjeet">Ohjeet</a> |
| <ol> |
| <li><a href="#Set">Set</a></li> |
| <li><a href="#Tekstivakiot">Tekstivakiot</a></li> |
| <li><a href="#If-Else ehtolauseet">If-Else ehtolauseet</a> |
| <ol> |
| <li><a href="#Relaatio- ja loogiset operaattorit">Relaatio- ja loogiset |
| operaattorit</a></li> |
| </ol> |
| </li> |
| <li><a href="#Silmukat">Foreach silmukat</a></li> |
| <li><a href="#Include">Include</a></li> |
| <li><a href="#Parse">Parse</a></li> |
| <li><a href="#Stop">Stop</a></li> |
| <li><a href="#Velocimakrot">Velocimakrot</a></li> |
| </ol> |
| </li> |
| <li><a href="#VTL ohjeiden suojaaminen">VTL ohjeiden suojaaminen</a></li> |
| <li><a href="#VTL: Muotoilu">VTL: Muotoilu</a></li> |
| <li><a href="#Muita ominaisuuksia ja sekalaista">Muita ominaisuuksia ja sekalaista</a> |
| <ol> |
| <li><a href="#Matematiikka">Matematiikka</a></li> |
| <li><a href="#Vaihteluväli (Range Operator)">Vaihteluväli (Range Operator)</a></li> |
| <li><a href="#Edistyneet kysymykset: Suojaaminen ja !">Edistyneet kysymykset: Suojaaminen ja !</a></li> |
| <li><a href="#Yleistä Velocimakroista">Yleistä Velocimakroista</a></li> |
| <li><a href="#Merkkijonojen yhdistäminen">Merkkijonojen yhdistäminen</a></li> |
| </ol> |
| </li> |
| <li><a href="#Palaute">Palaute</a></li> |
| </ol> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Tietoja tästä oppaasta"><strong>Tietoja tästä oppaasta</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| Velocity käyttäjän opas on tarkoitettu sivusuunnittelijoille ja |
| sisällöntuottajille avuksi tutustuttaessa Velocityyn ja sen |
| yksinkertaiseen mutta tehokkaaseen skriptikieleen, Velocity |
| Template Language:en (VTL). Useat tämän oppaan esimerkeistä |
| käsittelevät Velocityn käyttämistä dynaamisen sisällön |
| lisäämiseksi web sivuille, mutta kaikki VTL esimerkit toimivat |
| HTML sivujen lisäksi yhtä hyvin myös muiden sivujen ja sivupohjien |
| kanssa. |
| </p> |
| <p> |
| Kiitos että valitsit Velocityn! |
| </p> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Mikä on Velocity?"><strong>Mikä on Velocity?</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| Velocity on javapohjainen sivumoottori (template engine). Sen |
| avulla sivusuunnittelijat voivat viitata java -koodissa |
| määriteltyihin metodeihin. Sivusuunnittelijat voivat työskennellä |
| java ohjelmoijien kanssa samanaikaisesti käyttäen |
| Malli-Näkymä-Ohjain (Model-View-Controller, MVC) |
| suunnittelumallia. MVC mallissa sivusuunnittelijat voivat |
| keskittyä täysin luomaan hyvin suunniteltua sivustoa, ja |
| ohjelmoijat voivat keskittyä koodaamaan ykkösluokan |
| koodia. Velocity erottaa java -koodin web sivuista, tehden |
| sivustosta pitkällä aikavälillä helpommin ylläpidettävän ja |
| antamalla varteenotettavan vaihtoehdon <a href="http://java.sun.com/products/jsp/">JSP</a>:lle (Java Server |
| Pages) ja <a href="http://www.php.net/">PHP</a>:lle. |
| </p> |
| <p> |
| Velocityä voidaan käyttää web sivujen, SQL:n, PostScriptin ja |
| muunlaisten tulosteiden tuottamiseen sivupohjista (template). Sitä |
| voidaan käyttää joko itsenäisenä työkaluna lähdekoodin ja |
| raporttien luomiseen, tai muihin järjestelmiin integroituna |
| komponenttina. Velocity tarjoaa sivupohjaratkaisun <a href="http://java.apache.org/turbine/">Turbine</a> web |
| sovelluskehykselle. Yhdessä Velocity ja Turbine tarjoavat |
| sivupohjaratkaisun jonka avulla web sovelluksia voidaan kehittää |
| todellisen MVC -mallin mukaisesti. |
| </p> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Miten voin käyttää Velocityä?"><strong>Miten voin käyttää Velocityä?</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#828DA6"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Kurakauppa esimerkki"><strong>Kurakauppa esimerkki</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| Oletetaan että olet kuraa myyvän onlinekaupan |
| sivusuunnittelija. Kutsumme kauppaa "Kurakauppa |
| Online":ksi. Kauppa käy hyvin. Asiakkaat tilaavat vaihtelevia |
| määriä eri kuratyyppejä. He pääsevät tutkimaan tekemiään tilauksia |
| sekä tekemään uusia ostoja kirjautumalla sivullesi käyttäen |
| käyttäjätunnustaan ja salasanaansa. Tällä hetkellä suosittu |
| Terracotta -kura on alennusmyynnissä. Pieni osa asiakkaistasi |
| ostaa säännöllisesti Kirkkaanpunaista Kuraa, joka myös on |
| alennusmyynnissä, mutta pienemmän suosionsa vuoksi yleensä |
| mainittu sivulla hieman syrjässä. Tiedot kustakin asiakkaasta |
| talletetaan tietokantaan, joten eräänä päivänä herää kysymys; |
| Miksipä emme käyttäisi Velocityä kohdentamaan erikoistarjouksia |
| kurasta asiakkaille jotka ovat kiinnostuneita juuri tuosta |
| kuratyypistä? |
| </p> |
| <p> |
| Velocityn avulla verkkosivut on helppo personoida kävijöidesi |
| mukaan. Kurakauppa Onlinen sivusuunnittelijana haluat tehdä sivun |
| jonka asiakas näkee kirjauduttuaan järjestelmään. |
| </p> |
| <p> |
| Tapaat yrityksesi ohjelmoijat ja sovitte, että muuttuja |
| <em>$asiakas</em> pitää sisällään tiedot parhaillaan kirjautuneena |
| olevasta asiakkaasta. Muuttujassa <em>$kuratTarjouksessa</em> ovat |
| tiedot kuratyypeistä jotka ovat parhaillaan |
| erikoistarjouksessa. <em>$tarjous</em> objektissa on metodeja |
| jotka auttavat mainostamisessa. Tällä kertaa keskitymme vain |
| näihin kolmeen viittaukseen. Muista, että sinun ei tarvitse |
| huolehtia siitä kuinka ohjelmoijat hakevat tarvittavat tiedot |
| tietokannasta, sinun tarvitsee tietää vain että se toimii. Näin |
| pääset tekemään omaa työtäsi ja ohjelmoijat pääsevät tekemään |
| omaansa. |
| </p> |
| <p> |
| Voisit lisätä seuraavat VTL lauseen sivulle: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| <HTML> |
| <BODY> |
| Hei $asiakas.Nimi! |
| <table> |
| #foreach( $kura in $kuratTarjouksessa ) |
| #if ( $asiakas.onOstanut($kura) ) |
| <tr> |
| <td> |
| $tarjous.haePromo( $kura ) |
| </td> |
| </tr> |
| #end |
| #end |
| </table> |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| <em>foreach</em> lauseen toiminta kuvataan yksityiskohtaisemmin |
| jäljempänä; tärkeää tässä on tämän lyhyen skriptin tekemä vaikutus |
| sivullesi. Kun Kirkkaanpunainen Kura on alennusmyynnissä ja sitä |
| joskus aiemmin ostanut asiakas kirjautuu sisään, asiakas näkee |
| ilmoituksen alennuksesta parhaalla mahdollisella paikalla. Jos |
| toinen, Terracottakuraa ostanut asiakas kirjautuu järjestelmään, |
| ilmoitus Terracottakuran alennusmyynnistä näkyy hänelle |
| ensimmäisenä. Velocity on joustava ja sen käytössä vain |
| mielikuvituksesi on rajana. |
| </p> |
| <p> |
| VTL hakemistossa on kuvattu Velocityn kaikki elementit jotka |
| yhdessä antavat käyttöösi tehokkaan ja joustavan työkalun jota |
| tarvitset luodaksesi web sivuistasi dynaamisen. Pääset |
| hyödyntämään Velocityn voimaa jatkuvasti paremmin sitä mukaa kun |
| opit käyttämään näitä elementtejä. |
| </p> |
| </blockquote> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Velocity Template Language (VTL): Johdanto"><strong>Velocity Template Language (VTL): Johdanto</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| Velocityn sivunkuvauskieli (Velocity Template Language, VTL) |
| tarjoaa helpon ja yksinkertaisen keinon liittää dynaamista |
| sisältöä web sivulle. Dynaamisen sisällön käyttäminen pitäisi |
| onnistua nopeasti jopa sellaiselta sivusuunnittelijalta jolla on |
| ohjelmointikokemusta vain vähän, tai ei ollenkaan. |
| </p> |
| <p> |
| VTL käyttää <em>viittauksia</em> dynaamisen aineiston lisäämiseen |
| verkkosivulle. Muuttujat ovat yhdentyyppisiä |
| viittauksia. Muuttujat voivat viitata johonkin java -koodissa |
| määriteltyyn, tai niiden arvo voidaan määrittää web -sivulla |
| annetun VTL <em>lauseen</em> avulla. Seuraavassa on esimerkki VTL |
| lauseesta joka voidaan lisätä HTML -dokumenttiin: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $a = "Velocity" ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Kuten kaikki VTL lauseet (statement), tämäkin lause alkaa <em>#</em> |
| merkillä ja sisältää ohjeen (directive): <em>set</em>. Kun verkkosivun |
| käyttäjä hakee sivun Velocity etsii sivupohjastasi kaikki |
| <em>#</em> -merkit. Sitten se tulkitsee mitkä niistä merkitsevät |
| VTL lausetta, ja mitkä <em>#</em> merkeistä ovat osa sivujesi |
| normaalia HTML -koodia, eivätkä kuulu VTL -koodiin. |
| </p> |
| <p> |
| <em>#</em> merkkiä seuraa ohje, <em>set</em>. <em>set</em> ohjeen |
| jälkeen tulee suluissa ilmaus (expression), -- yhtälö joka määrittää |
| <em>arvon</em> <em>muuttujalle</em>. Muuttuja on ilmaistu |
| vasemmalla ja arvo oikealla puolella. Nämä on erotettu <em>=</em> |
| merkillä. |
| </p> |
| <p> |
| Yllä olevassa esimerkissä muuttuja on <em>$a</em> ja arvo on |
| <em>Velocity</em>. Kaikkien viittausten tapaan tämäkin muuttuja |
| alkaa <em>$</em> merkillä. Arvot ovat aina lainausmerkkien |
| sisällä; Velocityssä muuttujien datatyypeistä ei tule |
| sekaannuksia, koska vain merkkijonoja (string) voi antaa |
| muuttujien arvoksi. |
| </p> |
| <p> |
| Seuraava nyrkkisääntö voi auttaa ymmärtämään Velocityn toimintaa: |
| <strong>Viittaukset alkavat <em>$</em> merkillä ja niitä käytetään |
| jonkin hakemiseen. Ohjeet alkavat <em>#</em> merkillä ja niitä |
| käytetään jonkin suorittamiseen.</strong> |
| </p> |
| <p> |
| Yllä olevassa esimerkissä <em>#set</em> -ohjetta käytetään arvon |
| määrittämiseksi muuttujaan. Muuttujaa <em>$a</em> voidaan tämän |
| jälkeen käyttää sivupohjassa tulostamaan "Velocity". |
| </p> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Hei Velocity Maailma!"><strong>Hei Velocity Maailma!</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| Kun muuttujalle on määritelty arvo, voidaan siihen viitata missä |
| tahansa paikassa HTML dokumenttia. Seuraavassa esimerkissä |
| muuttujalle <em>$foo</em> määritellään arvo. Myöhemmin muuttujaan |
| viitataan. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| <html> |
| <body> |
| #set( $foo = "Velocity" ) |
| Hei $foo Maailma! |
| </body> |
| <html> |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Tuloksena on web sivu jossa lukee "Hei Velocity Maailma!". |
| </p> |
| <p> |
| Jotta VTL lauseet olisivat helpommin luettavissa on suositeltavaa |
| aloittaa jokainen lause uudelta riviltä, vaikkakaan tämä ei ole |
| pakollista. <em>set</em> ohjeeseen palaamme tarkemmin myöhemmin. |
| </p> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Kommentit"><strong>Kommentit</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| Kommenttien avulla sivulle voidaan lisätä aputekstejä jotka eivät |
| tule näkymään sivun tulosteessa. Voit käyttää kommentteja |
| muistuttaaksesi itseäsi jostakin tai selittääksesi muille mitä VTL |
| komennot tekevät, tai mihin tahansa muuhun tarkoitukseen. Alla on |
| esimerkki kommentin käytöstä. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| ## Tämä on rivin pituinen kommentti. |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Yhden rivin pituinen kommentti alkaa <em>##</em> merkeillä ja |
| loppuu kyseisen rivin lopussa. Jos aiot kirjoittaa usean rivin |
| mittaisen kommentin, ei sinun tarvitse kirjoittaa useita yhden |
| rivin kommentteja. Usean rivin kommentit alkavat <em>#*</em> |
| merkeillä ja loppuvat <em>*#</em> merkkeihin. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| Tämä teksti on kommenttimerkkien ulkopuolella. |
| Käyttäjät näkevät tämän tekstin. |
| |
| #* |
| Monirivinen kommentti alkaa tästä. Käyttäjät eivät näe tätä tekstiä |
| koska Velocityn sivumoottori ei näytä kommenttimerkkien sisällä |
| olevaa tekstiä tulosteessaan. |
| *# |
| |
| Tämä teksti on jälleen kommenttimerkkien ulkopuolella; se on |
| näkyvissä. |
| |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Tässä on muutamia esimerkkejä yksi- ja monirivisten kommenttien |
| toiminnan selvittämiseksi: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| Tämä teksti on näkyvissä. ## Tämä teksti ei ole. |
| Tämä teksti on näkyvissä. |
| Tämä teksti on näkyvissä. #* Tämä teksti on osa monirivistä kommenttia |
| eikä siksi ole näkyvissä. Tämä teksti ei edelleenkään ole näkyvissä |
| koska se on kommenttimerkkien sisällä. *# Tämä teksti on |
| kommenttimerkkien ulkopuolella, joten se on näkyvissä. |
| ## Tämä teksti ei ole näkyvissä. |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| On olemassa vielä kolmaskin kommenttityyppi; VTL kommenttilohko, |
| jota voidaan käyttää mm. dokumentin tekijä- ja versiotietojen |
| tallettamiseen |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #** |
| Tämä on VTL kommenttilohko. Lohkoa |
| voidaan käyttää esimerkiksi dokumentin |
| tekijä- ja versiotietojen |
| tallettamiseen: |
| @author |
| @version 5 |
| *# |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Viittaukset"><strong>Viittaukset</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| VTL:ssä on kolme erityyppistä viittausta: muuttujat, ominaisuudet |
| ja metodit. VTL:ää käyttävänä sivusuunnittelijana sinun, ja |
| javapuolta koodaavien ohjelmoijien on sovittava viittausten |
| nimistä, jotta voit käyttää niitä sivupohjissasi. |
| </p> |
| <p> |
| Kaikkea viittauksissa olevaa ja niihin määriteltävää tietoa |
| käsitellään tekstityyppisenä. Jos on esimerkiksi määritelty |
| objekti <em>$foo</em> (Integer objekti), Velocity kutsuu objektin |
| <code>.toString()</code> metodia objektin arvon muuntamiseksi |
| tekstityyppiseksi. |
| </p> |
| <p> |
| <a name="Muuttujat"><strong>Muuttujat</strong></a> |
| <br /> |
| |
| Muuttujan lyhyt merkintätapa koostuu ensimmäisenä olevasta "$" |
| merkistä, jonka jälkeen tulee VTL <em>tunniste</em>. VTL |
| tunnisteen on alettava aakkosnumeerisella merkillä (a..z tai |
| A..Z). Muuttujan loput merkit ovat rajoitettu seuraaviin: |
| |
| </p> |
| <p> |
| <ul> |
| <li>aakkoset (a .. z, A .. Z)</li> |
| <li>numerot (0 .. 9)</li> |
| <li>viiva ("-")</li> |
| <li>alaviiva ("_")</li> |
| </ul> |
| </p> |
| <p> |
| Seuraavassa muutamia esimerkkejä toimivista muuttujaviittauksista: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| $foo |
| $kuraLinko |
| $kura-linko |
| $kura_linko |
| $kuraLinko1 |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Kun VTL viittaa muuttujaan, kuten <em>$foo</em>, muuttuja voi |
| saada arvonsa joko sivupohjassa olevalta <em>set</em> ohjeelta, |
| tai java -koodista. Jos esimerkiksi javamuuttujalla <em>$foo</em> |
| on arvo <em>bar</em> silloin kun sivupohjaa haetaan, <em>bar</em> |
| korvaa kaikki <em>$foo</em> muuttujan esiintymiskohdat web |
| sivulla. Toisaalta jos sivulle lisätään lause |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $foo = "bar" ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Sivun tuloste on sama kaikilla <em>$foo</em> muuttujan |
| esiintymiskohdille jotka tulevat tämän lauseen jälkeen. |
| </p> |
| <p> |
| <a name="Ominaisuudet"><strong>Ominaisuudet</strong></a> |
| <br /> |
| |
| Toinen VTL:n viittaustyyppi ovat ominaisuudet joilla on oma |
| tunnusomainen muotonsa. Lyhyt merkintätapa muodostuu ensimmäisenä |
| olevasta <em>$</em> merkistä, jonka jälkeen tulee VTL tunniste, |
| jota seuraa piste (".") ja toinen VTL tunniste. Seuraavassa on |
| esimerkkejä toimivista ominaisuusviittauksista: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| $asiakas.Osoite |
| $ostos.Summa |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Käsittelemme ensimmäisen esimerkin <em>$asiakas.Osoite</em> |
| tarkemmin. Viittauksella voi olla kaksi merkitystä. Se saattaa |
| tarkoittaa; hae <em>asiakas</em> nimisestä hashtable taulukosta |
| arvo joka on liitetty avaimelle <em>Osoite</em>. Toisaalta |
| <em>$asiakas.Osoite</em> voi myös viitata metodiin (käsittelemme |
| metodeihin viittaavat viittaukset seuraavassa kappaleessa); |
| <em>$asiakas.Osoite</em> saattaa olla lyhennetty muoto |
| viittauksesta <em>$asiakas.getOsoite()</em>. Velocity tulkitsee |
| sivua haettaessa kumpaa näistä vaihtoehdoista tarkoitetaan, ja |
| palauttaa vastaavan arvon. |
| </p> |
| <p> |
| <a name="Metodit"><strong>Metodit</strong></a> |
| <br /> |
| |
| Metodit ovat määritelty java -koodissa ja niiden avulla voidaan |
| suorittaa jokin toimenpide; esimerkiksi laskutoimitus tai jonkin |
| päätöksen tekeminen. Metodit ovat viittauksia jotka muodostuvat |
| aloittavasta "$" merkistä, jota seuraa VTL tunniste, jonka jälkeen |
| tulee VTL <em>Metodirunko</em>. VTL Metodirunko koostuu VTL |
| tunnisteesta jota seuraa vasen sulkumerkki "(", jota seuraa |
| valinnainen parametrilista, jota seuraa oikeanpuoleinen |
| sulkumerkki ")". Seuraavassa on esimerkkejä toimivista |
| metodiviittauksista: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| $asiakas.getOsoite() |
| $ostos.getSumma() |
| $sivu.setOtsake( "Minun kotisivuni" ) |
| $henkilo.setOminaisuudet( ["Outo", "Kummallinen", "Innostunut"] ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Metodirungossa esiintyvä get tarkoittaa "hae" ja set "aseta". |
| </p> |
| <p> |
| Kaksi ensimmäistä esimerkkiä -- <em>$asiakas.getOsoite()</em> ja |
| <em>$ostos.getSumma()</em> -- näyttävät samanlaisilta kuin |
| Ominaisuudet -osiossa aiemmin; <em>$asiakas.Osoite</em> ja |
| <em>$ostos.Summa</em>. Jos arvasit että näillä esimerkeillä on |
| jotakin yhteyttä toisiinsa, olit oikeassa! |
| </p> |
| <p> |
| VTL ominaisuuksia voidaan käyttää lyhyempinä muotoina VTL |
| metodeista. Ominaisuudella <em>$asiakas.Osoite</em> on täysin sama |
| vaikutus kuin käyttämällä metodia |
| <em>$asikas.getOsoite()</em>. Yleisesti ottaen ominaisuuksien |
| käyttö on suositeltavaa silloin kuin se vain on |
| mahdollista. Suurin ero ominaisuuksien ja metodien välillä on se, |
| että metodeille voi antaa parametreja. |
| </p> |
| <p> |
| Seuraavien metodien kanssa voidaan käyttää lyhyttä muotoa: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| $aurinko.getPlaneetat() |
| $mato.getMulta() |
| $albumi.getValokuva() |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Näiden metodien voisimme olettaa palauttavan auringolle kuuluvien |
| planeettojen nimet, syöttävän matomme, tai hakevan valokuvan |
| albumista. Seuraavissa metodeissa toimii vain pitkä muoto: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| $aurinko.getPlaneetat( ["Maa", "Mars", "Neptunus"] ) |
| ## lyhyessä muodossa $sun.Planets ei voida antaa parametreja |
| |
| $sisyphus.pushRock() |
| ## Velocity olettaa että tarkoitan $sisyphus.getRock() |
| |
| $kirja.setOtsake( "Catalonian kotisivu" ) |
| ## Parametrilistaa ei voida antaa |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| <a name="Muodollinen viittausten merkintä"><strong>Muodollinen viittausten merkintä</strong></a> |
| <br /> |
| |
| Edellisissä esimerkeissä käytettiin viittauksille lyhyttä |
| merkintätapaa. Viittauksille on olemassa myös muodollinen |
| merkintätapa, jota käytetään seuraavissa esimerkeissä: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| ${kuraLinko} |
| ${asiakas.Osoite} |
| ${osto.getSumma()} |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Voit käyttää lyhyttä muotoa viittauksiin lähes aina, mutta |
| joissain tapauksissa muodollista viittausta tarvitaan virheettömän |
| toiminnan turvaamiseksi. |
| </p> |
| <p> |
| Oletetaan että olet luomassa lausetta jonka sisältö riippuu |
| muuttujasta. Muuttujaa <em>$pahe</em> käytetään pohjana luotaessa |
| muuttujasta riippuvaista sanaa. Tarkoituksena on sallia käyttäjän |
| valita pohjasana ja tuottaa toinen seuraavista tuloksista: "Juha |
| on pyromaani." tai "Juha on kleptomaani.". Tässä tapauksessa |
| lyhyen viittausmuodon käyttäminen ei toimisi. Tutki seuraavaa |
| esimerkkiä: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| Juha on $pahemaani. |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Velocity olettaa että tarkoitat muuttujaa <em>$pahemaani</em>, |
| vaikka käytettävä muuttuja oli <em>$pahe</em>. Koska Velocity ei |
| löydä arvoa muuttujalle <em>$pahemaani</em>, se palauttaa |
| <em>$pahemaani</em>. Tämä ongelma voidaan ratkaista käyttämällä |
| muodollista viittausta. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| Juha on ${pahe}maani. |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Nyt Velocity ymmärtää että haluttu viittaus on <em>$pahe</em>, ei |
| <em>$pahemaani</em>. Muodollinen viittausten merkintä on usein |
| hyödyllinen silloin kun viittaukset ovat kiinni muussa tekstissä. |
| </p> |
| <p> |
| <a name="Hiljainen viittausten merkintä"><strong>Hiljainen viittausten merkintä</strong></a> |
| <br /> |
| Kun Velocityltä haetaan viittaus jolle ei ole määritelty arvoa, |
| palauttaa se normaalisti viittauksen tekstinä. Oletetaan |
| esimerkiksi että seuraavat viittaukset ovat osa VTL sivupohjaa: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| <input type="text" name="email" value="$email"/> |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Kun lomake latautuu ensimmäisen kerran muuttujaviittauksella |
| <em>$email</em> ei ole arvoa. Oletuksena Velocity täyttää |
| lomakkeen tekstillä "$email". Haluaisit kuitenkin kenttään |
| mieluummin tyhjän arvon. Käyttämällä hiljaista viittausten |
| merkintää voidaan Velocityn normaali toiminta estää; |
| <em>$email</em> koodin sijaan käytät viittausta |
| <em>$!email</em>. Yllä oleva koodi näyttäisi siis seuraavalta: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| <input type="text" name="email" value="$!email"/> |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Kun lomake latautuu ensimmäisen kerran eikä muuttujalla |
| <em>$email</em> ole arvoa, tulostetaankin kenttään tyhjä teksti |
| "$email" tekstin sijaan. |
| </p> |
| <p> |
| Muodollista ja hiljaista muuttujien merkintää voidaan käyttää myös |
| yhdessä; |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| <input type="text" name="email" value="$!{email}"/> |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Kirjaimellisesti"><strong>Kirjaimellisesti</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| VTL käyttää erikoismerkkejä kuten <em>$</em> ja <em>#</em> omassa |
| toiminnassaan, joten näiden merkkien käyttö sivupohjassa vaatii |
| erityistä huolellisuutta. Tässä kappaleessa käsittelemme |
| <em>$</em> merkin suojaamisen (escape). |
| </p> |
| <p> |
| <a name="Dollari"><strong>Dollari</strong></a> |
| <br /> |
| |
| Seuraavassa lauseessa dollarimerkin käytössä ei ole ongelmaa: |
| "Ostin markkinoilta säkin perunoita hintaan $2.50!". Kuten |
| mainittu, VTL tunniste alkaa aina aakkosmerkillä, joten merkintää |
| $2.50 ei ole vaaraa sekoittaa viittaukseksi. |
| </p> |
| <p> |
| <a name="VTL viittausten suojaaminen"><strong>VTL viittausten suojaaminen</strong></a> |
| <br /> |
| |
| Ongelmatilanne saattaa syntyä silloin, kun Velocity ei osaa |
| päätellä tarkoitetaanko dollarinmerkillä merkkiä itseään, vai |
| viittausta. Erikoismerkkien <em>suojaaminen</em> on paras keino |
| käsitellä VTL erikoismerkkejä sivupohjissa. Suojaamiseen käytetään |
| kenoviivaa ( <em>\</em> ). |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $email = "foo" ) |
| $email |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Kun Velocity käsittelee <em>$email</em> viittauksen |
| sivupohjassasi, se etsii löytyykö sen nimiselle muuttujalle |
| arvoa. Tässä tapauksessa tuloste tulee olemaan <em>foo</em>, koska |
| <em>$email</em> on määritelty. Jos <em>$email</em> muuttujaa ei |
| olisi määritelty tulisi tulosteeksi <em>$email</em>. |
| </p> |
| <p> |
| Oletetaan että <em>$email</em> on määritelty (sillä on esimerkiksi |
| arvo <em>foo</em>), ja että haluat muuttujan arvon sijaan tulostaa |
| sen nimen <em>$email</em>. Tämä saavuttamiseksi on useita keinoja, |
| joista helpoin on suojausmerkin käyttäminen. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| ## Seuraava rivi määrittelee muuttujan $email tässä sivupohjassa: |
| #set( $email = "foo" ) |
| $email |
| \$email |
| \\$email |
| \\\$email |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| tulosteeksi tulee |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| foo |
| $email |
| \foo |
| \\$email |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Huomaa <em>$</em> merkin eteen liitetty <em>\</em> |
| merkki. Suojausmerkit tulkitaan vasemmalta oikealle, joten |
| <em>\\\$email</em> tulostuu <em>\\$email</em>. Vertaa näitä |
| esimerkkejä tulosteeseen joka saadaan kun <em>$email</em> |
| muuttujaa ei ole määritelty. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| $email |
| \$email |
| \\$email |
| \\\$email |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| tulosteeksi tulee |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| $email |
| \$email |
| \\$email |
| \\\$email |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Huomaa kuinka Velocity käsittelee eri tavalla viittaukset joiden |
| arvo on määritelty niistä joita ei ole määritelty. Seuraavassa on |
| set ohje joka asettaa <em>$foo</em> muuttujalle arvon |
| <em>gibbous</em>. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $foo = "gibbous" ) |
| $kuu = $foo |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Tulosteeksi tulee: <em>$kuu = gibbous</em> -- missä <em>$kuu</em> |
| tulostetaan muuttujan nimenä, koska sen arvoa ei ole määritelty ja |
| <em>gibbous</em> tulostetaan muuttujan <em>$foo</em> arvona. |
| </p> |
| <p> |
| Myös VTL ohjeiden suojaaminen on mahdollista; tämä kuvataan |
| tarkemmin Ohjeet -kappaleessa. |
| </p> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Kirjainkoon muutos"><strong>Kirjainkoon muutos</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| Kun nyt olet tutustunut viittauksiin, voit alkaa käyttämään niitä |
| tehokkaasti omissa sivupohjissasi. Viittaukset Velocityssä |
| käyttävät hyväkseen joitakin java kielen perusperiaatteita, joiden |
| käyttö helpottaa sivusuunnittelijoiden työtä. Esimerkiksi: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| $foo |
| |
| $foo.getBar() |
| ## on sama kuin |
| $foo.Bar |
| |
| $data.getKayttaja("juha") |
| ## on sama kuin |
| $data.Kayttaja("juha") |
| |
| $data.getPyynto().getPalvelinNimi() |
| ## on sama kuin |
| $data.Pyynto.PalvelinNimi |
| ## on sama kuin |
| ${data.Pyynto.PalvelinNimi} |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Nämä esimerkit havainnollistavat viittauksen vaihtoehtoisia |
| merkitsemistapoja. Velocity käyttää hyväkseen javan introspection |
| ja bean -ominaisuuksia objektien sekä niiden metodien |
| viittausnimiä ratkaistaessa. Viittauksia voidaan lisätä lähes |
| mihin kohtaan tahansa sivupojassa. |
| </p> |
| <p> |
| Velocity on tehty Sun Microsystemsin määrittelemän Bean |
| määrityksen mukaiseksi, ja on tästä syystä pieni-iso-eroava |
| (ts. pienet ja isot kirjaimet käsitellään eri |
| merkkeinä). Velocityn kehittäjät ovat tehneet parhaansa jotta |
| mahdolliset kirjoitusvirheet voitaisiin korjata |
| automaattisesti. Kun sivupohjassa viitataan metodiin |
| <em>getFoo()</em> koodilla <code>$bar.foo</code>, Velocity |
| kokeilee ensin viittausta <code>$getfoo</code>. Jos tämä ei tuota |
| tulosta, seuraavaksi yritetään viittausta |
| <code>$getFoo</code>. Samalla tavalla, kun sivupohjassa viitataan |
| muuttujaan <code>$bar.Foo</code>, ensin yritetään viittausta |
| <em>$getFoo()</em> ja sitten <em>getfoo()</em>. |
| </p> |
| <p> |
| Huomaa: <em>Viittauksia ilmentymämuuttujiin (instance variables) |
| ei ratkaista.</em> Vain viittaukset JavaBeanin mukaisiin |
| haku/asetus (getter/setter) metodeihin ratkaistaan (toisin sanoen |
| <code>$foo.Name</code> ratkaistaan Foo -luokan |
| <code>getName()</code> ilmentymämetodiin (instance method), mutta |
| ei luokan Foo julkiseen (public) <code>Name</code> |
| ilmentymämuuttujaan). |
| </p> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Ohjeet"><strong>Ohjeet</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| <em>Ohjeet</em> ovat helppokäyttöisiä skriptielementtejä joita |
| voidaan käyttää web sivun tulosteen manipuloimiseen. Viittausten |
| avulla sivupohjien suunnittelijat voivat tuottaa web sivuille |
| dynaamista sisältöä, kun taas ohjeet antavat mahdollisuuden |
| määritellä sivuston ulkoasun ja sisällön. |
| </p> |
| <a name="Set"><strong>#set</strong></a> |
| <p> |
| <em>#set</em> ohjetta käytetään arvon määrittämiseksi |
| viittaukselle. Arvo voidaan määrittää joko muuttujaviittaukselle |
| tai ominaisuusviittaukselle. Määritys tehdään suluissa, kuten |
| seuraavassa esimerkissä: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $kadellinen = "apina" ) |
| #set( $asiakas.Kayttaytyminen = $kadellinen ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Määrityksen vasemman puolen (left hand side, LHS) tulee olla |
| muuttuja- tai ominaisuusviittaus. Oikea puoli (right hand side, |
| RHS) voi olla jokin seuraavista tyypeistä: |
| </p> |
| <p> |
| <ul> |
| <li>Muuttujaviittaus</li> |
| <li>Tekstivakio</li> |
| <li>Ominaisuusviittaus</li> |
| <li>Metodiviittaus</li> |
| <li>Numeerinen vakio</li> |
| <li>ArrayList taulukko</li> |
| </ul> |
| </p> |
| <p> |
| Seuraavassa esimerkit kustakin mainitusta tyypistä: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $apina = $bill ) ## muuttujaviittaus |
| #set( $apina.Ystava = "monica" ) ## tekstivakio |
| #set( $apina.Syytos = $valkoinentalo.vuoto ) ## ominaisuusviittaus |
| #set( $apina.Suunnitelma = $spindoctor.weave($web) ) ## metodiviittaus |
| #set( $apina.Numero = 123 ) ## numeerinen vakio |
| #set( $apina.Sano = ["Ei", $minun, "vikani"] ) ## taulukko |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| HUOMAA: Viimeisessä esimerkissä [..] operaattorilla määritetyt |
| elementit ovat käytettävissä ArrayList -luokan metodien |
| avulla. Voisit siis esimerkiksi viitata taulukon ensimmäiseen |
| elementtiin koodilla $apina.Sano.get(0). |
| </p> |
| <p> |
| Oikeanpuoleinen arvo (RHS) voi olla myös yksinkertainen |
| matemaattinen operaatio: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $arvo = $foo + 1 ) |
| #set( $arvo = $bar - 1 ) |
| #set( $arvo = $foo * $bar ) |
| #set( $arvo = $foo / $bar ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Jos määrityksen oikeanpuoleinen ominaisuus- tai metodiviittaus on |
| arvoa <em>null</em>, sitä <b>ei</b> anneta vasemman puolen |
| arvoksi. Tätä keinoa ei voida käyttää olemassa olevan viittauksen |
| poistamiseen. Tämä saattaa olla hämäävää Velocityn uusille |
| käyttäjille. Esimerkiksi: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $tulos = $kysely.kriteeri("nimi") ) |
| Ensimmäisen kyselyn tulos on $tulos |
| |
| #set( $tulos = $kysely.kriteeri("osoite") ) |
| Toisen kyselyn tulos on $tulos |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Jos <em>$kysely.kriteeri("nimi")</em> palauttaa merkkijonon |
| "pete", ja <em>$kysely.kriteeri("osoite")</em> palauttaa arvon |
| <em>null</em>, on esimerkin tuloste seuraava: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| Ensimmäisen kyselyn tulos on pete |
| |
| Toisen kyselyn tulos on pete |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Tällä on vaara hämätä aloittelijoita jotka muodostavat |
| <em>#foreach</em> silmukoita joissa yritetään asettaa |
| <em>#set</em> ohjeella viittausta ominaisuus- tai |
| metodiviittauksella, ja sen jälkeen testataan tuota viittausta |
| <em>#if</em> ohjeella. Esimerkiksi: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| |
| #set( $kriteerit = ["nimi", "osoite"] ) |
| |
| #foreach( $kriteeri in $kriteerit ) |
| |
| #set( $tulos = $kysely.kriteerit($kriteeri) ) |
| |
| #if( $tulos ) |
| Kysely onnistui |
| #end |
| |
| #end |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Yllä olevassa esimerkissä ei kannata luottaa <em>$tulos</em> |
| muuttujan vertaamiseen kyselyn onnistumisen selville |
| saamiseksi. Kun <em>$tulos</em> on asetettu <em>#set</em> |
| ohjeella (lisatty kontekstiin), sitä ei voida asettaa |
| <em>null</em>:iksi (poistaa kontekstista). <em>#if</em> ja |
| <em>#foreach</em> ohjeet käsitellään tarkemmin myöhemmin tässä |
| dokumentissa. |
| </p> |
| <p> |
| Yksi ratkaisu ongelmaan olisi asettaa <em>$tulos</em> etukäteen |
| arvoon <em>false</em> (epätosi). Tämän jälkeen jos kutsu |
| <em>$kysely.kriteeri()</em> epäonnistuu, voit tarkastaa arvon. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| |
| #set( $kriteerit = ["nimi", "osoite"] ) |
| |
| #foreach( $kriteeri in $kriteeri ) |
| |
| #set( $tulos = false ) |
| #set( $tulos = $kysely.kriteerit($kriteeri) ) |
| |
| #if( $tulos ) |
| Kysely onnistui |
| #end |
| |
| #end |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Muutamista muista Velocityn ohjeista poiketen, <em>#set</em> ohje |
| ei käytä <em>#end</em> lausetta. |
| </p> |
| <a name="Tekstivakiot"><strong>Tekstivakiot</strong></a> |
| <p> |
| <em>#set</em> ohjetta käytettäessä lainausmerkkeihin (" ") |
| suljettu teksti tulkitaan ja tulostetaan kuten seuraavasta |
| esimerkistä käy ilmi: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $hakemistoJuuri = "www" ) |
| #set( $sivupohjaNimi = "index.vm" ) |
| #set( $sivupohja = "$hakemistoJuuri/$sivupohjaNimi" ) |
| $sivupohja |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Tulosteeksi tulee |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| www/index.vm |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Jos teksti on suljettu hipsuihin (' '), sitä ei tulkita: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $foo = "bar" ) |
| $foo |
| #set( $blargh = '$foo' ) |
| $blargh |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| bar |
| $foo |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Tulkitsemattoman tekstin tulostaminen hipsumerkkien sisällä |
| olevavasta tekstistä on oletuksena käytössä |
| Velocityssä. Oletusarvo voidaan muuttaa vaihtamalla |
| <code>velocity.properties</code> siten että |
| <code>stringliterals.interpolate=false</code>. |
| </p> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="If-Else ehtolauseet"><strong>If-Else ehtolauseet</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <strong>If / ElseIf / Else</strong> |
| <p> |
| <em>#if</em> ohjeen avulla voidaan teksti sisällyttää web |
| sivulle sillä ehdolla että if lauseen arvo on |
| tosi. Esimerkiksi: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #if( $foo ) |
| <strong>Velocity!</strong> |
| #end |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Muuttuja <em>$foo</em> testataan jotta nähdään onko se tosi, |
| joka tapahtuu kahdessa eri tapauksessa: (i) <em>$foo</em> on |
| boolean arvo (tosi/epätosi) jolla on tosi -arvo, tai (ii) arvo |
| on eri kuin null (eli muuttuja ei ole tyhjä). <em>#if</em> ja |
| <em>#end</em> lauseiden väliin jäävä sisältö tulostetaan mikäli |
| testimuuttuja on tosi. Esimerkkitapauksessamme, jos muuttujalla |
| <em>$foo</em> on null arvo, tai jos se on boolean epätosi, on |
| testimuuttuja epätosi, eikä tulostetta tule lainkaan. |
| </p> |
| <p> |
| <em>#if</em> ja <em>#end</em> lauseiden välissä oleva teksti |
| tulee tulosteeksi mikäli ehto on tosi. Tässä tapauksessa jos |
| <em>$foo</em> on tosi, tulosteeksi tulee: |
| "Velocity!". Toisaalta, mikäli <em>$foo</em> on epätosi, on myös |
| ehtolause epätosi eikä tulostetta tule. |
| </p> |
| <p> |
| <em>#elseif</em> tai <em>#else</em> elementtejä voidaan käyttää |
| <em>#if</em> elementin kanssa. Huomaa, että Velocityn |
| sivumoottori lopettaa ensimmäisen tosiarvon saaneen |
| testimuuttujan kohdalla. Oletetaan seuraavassa esimerkissä että |
| muuttujalla <em>$foo</em> on arvo 15 ja muuttujalla |
| <em>$bar</em> on arvo 6. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #if( $foo < 10 ) |
| <strong>Mene pohjoiseen</strong> |
| #elseif( $foo == 10 ) |
| <strong>Mene itään</strong> |
| #elseif( $bar == 6 ) |
| <strong>Mene etelään</strong> |
| #else |
| <strong>Mene länteen</strong> |
| #end |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p>Tässä esimerkissä <em>$foo</em> on suurempi kuin 10, joten |
| kaksi ensimmäistä vertailua eivät ole tosia. Seuraavaksi muuttujaa |
| <em>$bar</em> verrataan lukuun 6, joka on tosi, joten tulosteeksi |
| tulee <strong>Mene etelään</strong>. |
| </p> |
| <p> |
| Huomaa, että nykyisellään Velocityn numeeriset vertailut on |
| rajoitettu Integer (kokonais-) lukuihin. Kaikki muut arvot |
| tulkitaan <em>epätosi</em>ksi. Ainoa poikkeus tähän on vastaavuus |
| '==', jolloin Velocity vaatii että objektit vertailun kummallakin |
| puolella ovat <em>samaa</em> luokkaa. |
| </p> |
| <p> |
| <a name="Relaatio- ja loogiset operaattorit"><strong>Relaatio- ja |
| loogiset operaattorit</strong></a> |
| </p> |
| <p> |
| Velocity käyttää vastaavuusoperaattoria muuttujien välisten |
| suhteiden tulkitsemiseen. Seuraavassa on yksinkertainen esimerkki |
| vastaavuusoperaattorin käytöstä. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set ($foo = "deoksiribonukleiinihappo") |
| #set ($bar = "ribonukleiinihappo") |
| |
| #if ($foo == $bar) |
| Muuttujat eivät selvästikään ole samanlaiset. Joten... |
| #else |
| Vastaavuusvertaus on epätosi, ja tämä teksti tulee tulosteeksi. |
| #end |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Velocity tukee myös loogisia AND ja OR |
| operaattoreita. Lisätietoja löydät dokumentista <a href="vtl-reference-guide.html">VTL Reference Guide</a>. Alla on |
| esimerkkilause joka käyttää loogista AND:iä. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| |
| ## looginen AND |
| |
| #if( $foo && $bar ) |
| <strong> Tämä JA tuo</strong> |
| #end |
| |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| If lause on tosi vain mikäli sekä <em>$foo</em> että |
| <em>$bar</em> ovat tosia. Jos <em>$foo</em> on epätosi, tulee |
| lauseesta epätosi eikä <em>$bar</em> muuttujaa tarvitse edes |
| testata. Jos <em>$foo</em> on tosi, testataan sen jälkeen |
| muuttujan <em>$bar</em> arvo; jos myös <em>$bar</em> on tosi, |
| silloin koko ilmaus on tosi ja <strong>Tämä JA tuo</strong> |
| tulee tulosteeksi. Jos <em>$bar</em> on epätosi, silloin koko |
| ilmaus on epätosi eikä tulostetta tule. |
| </p> |
| <p> |
| Looginen OR operaattori toimii samaan tapaan, paitsi että vain |
| toisen viittauksen pitää olla tosi jotta koko ilmaus olisi |
| tosi. Katso seuraavaa esimerkkiä. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| |
| ## looginen OR |
| |
| #if( $foo || $bar ) |
| <strong>Tämä TAI tuo</strong> |
| #end |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Jos <em>$foo</em> on tosi, ei <em>$bar</em> muuttujaa tarvitse |
| edes testata. Oli <em>$bar</em> sitten tosi tai epätosi, koko |
| lauseke on tosi, ja <strong>Tämä TAI tuo</strong> on |
| tulosteena. Toisaalta mikäli <em>$foo</em> on epätosi, on |
| muuttujan <em>$bar</em> arvo testattava. Jos tässä tapauksessa |
| myös <em>$bar</em> on epätosi, koko ilmauksesta tulee epätosi |
| eikä tulostetta tule. Jos <em>$bar</em> on tosi, silloin koko |
| ilmauksesta tulee tosi, ja tulosteena on <strong>Tämä TAI |
| tuo</strong>. |
| </p> |
| <p> |
| Loogisella EI (NOT) operaattorilla on vain yksi argumentti : |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| |
| ## looginen NOT |
| |
| #if( !$foo ) |
| <strong>EI tuota</strong> |
| #end |
| |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Jos <em>$foo</em> on tosi, silloin <em>!$foo</em> on epätosi, eikä |
| tulostetta tämän vuoksi tule. Mikäli <em>$foo</em> on epätosi, |
| silloin <em>!$foo</em> on tosi ja <strong>EI tuota</strong> on |
| tulosteena. Älä sekoita tätä merkintää <em>hiljaiseen viittaukseen |
| $!foo</em> joka tarkoittaa jotakin aivan muuta. |
| </p> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Silmukat"><strong>Silmukat</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <strong>Foreach silmukat</strong> |
| <p> |
| <em>#foreach</em> mahdollistaa silmukoiden tekemisen. Esimerkiksi: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| <ul> |
| #foreach( $tuote in $kaikkiTuotteet ) |
| <li>$tuote</li> |
| #end |
| </ul> |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Tämä <em>#foreach</em> silmukka käy läpi yksi kerrallaan kaikki |
| <em>$kaikkiTuotteet</em> listassa olevat tuotteet. Jokaisella |
| kierroksella seuraavan tuotteen arvo kopioidaan |
| <em>$kaikkiTuotteet</em> listasta muuttujaan <em>$tuote</em>. |
| </p> |
| <p> |
| <em>$kaikkiTuotteet</em> lista on tyyppiä Vector, Hashtable tai |
| Array. <em>$tuote</em> muuttujaan kopioitu arvo on java objekti |
| (Object), joten siihen voidaan myös viitata objektina. Jos |
| esimerkiksi <em>$tuote</em> muuttuja olisi tyyppiä Tuote, sen nimi |
| voitaisiin hakea viittaamalla <em>$tuote.Name</em> metodiin |
| (ts. <em>$Tuote.getName()</em>. |
| </p> |
| <p> |
| Oletetaan että <em>$kaikkiTuotteet</em> on tyyppiä Hashtable. Jos |
| haluat hakea Hashtablen avainarvot sekä niihin liittyvät objektit, |
| voit käyttää seuraavanlaista koodia: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| <ul> |
| #foreach( $avain in $kaikkiTuotteet.keySet() ) |
| <li>Avain: $avain -> Arvo: $kaikkiTuotteet.get($avain)</li> |
| #end |
| </ul> |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Velocityllä on helppo keino silmukkalaskurin käyttämiseen. Voit |
| käyttää laskuria esimerkiksi seuraavasti: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| <table> |
| #foreach( $asiakas in $asiakasLista ) |
| <tr><td>$velocityCount</td><td>$asiakas.Nimi</td></tr> |
| #end |
| </table> |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Silmukkalaskurin oletusnimi on $velocityCount ja se määritetään |
| velocity.properties tiedostossa. Oletuksena laskuri alkaa arvosta |
| 1, mutta aloitusarvo voidaan määrittää olemaan joko 1 tai 0 |
| <code>velocity.properties</code> |
| tiedostossa. <code>velocity.properties</code> tiedoston |
| silmukkalaskuriosio näyttää tältä: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| # Silmukkalaskurin oletusnimi |
| counter.name = velocityCount |
| |
| # Silmukkalaskurin aloitusarvo |
| counter.initial.value = 1 |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Include"><strong>Include</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| <em>#include</em> elementin avulla sivusuunnittelija voi hakea |
| paikallisesta tiedostojärjestelmästä tiedoston, jonka sisältö |
| lisätään sivun siihen kohtaan jossa <em>#include</em> määritys |
| tehtiin. Tiedoston sisältö liitetään sellaisenaan eikä sitä siis |
| käytetä Velocityn sivumoottorin kautta. Turvallisuussyistä |
| haettava tiedosto voi sijaita vain TEMPLATE_ROOT vakion |
| määrittämän hakemiston alla. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #include( "yksi.txt" ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Tiedosto johon <em>#include</em> ohje viittaa on |
| lainausmerkeissä. Jos halutaan sisällyttää useampia kuin yksi |
| tiedosto, tiedostonimet tulee erotella toisistaan pilkuilla. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #include( "yksi.gif","kaksi.txt","kolme.htm" ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Sisällytettävään tiedoston ei ole pakko viitata nimen perusteella; |
| itse asiassa usein on parempi käyttää muuttujaa tiedostonimen |
| asemesta. Tämä on hyödyllistä esimerkiksi silloin kun sivun |
| ulkoasu riippuu sivupyynnön aikana päätettävästä |
| ehdosta. Seuraavassa on esimerkki jossa käytetään sekä |
| tiedostonimeä että muuttujaa. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #include( "terveiset.txt", $sesonkivarasto ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Parse"><strong>Parse</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| <em>#parse</em> elementin avulla sivusuunnittelija voi sisällyttää |
| paikallisesta levyjärjestelmästä tiedostoja jotka sisältävät VTL |
| elementtejä. Velocity tulkitsee VTL komennot ja tulostaa tuloksen. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #parse( "mina.vm" ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| <em>#include</em> ohjeen tapaan <em>#parse</em> voi ottaa |
| parametrikseen nimen lisäksi myös muuttujan. Kaikkien sivupohjien |
| joihin <em>#parse</em> ohjeella viitataan tulee sijaita |
| TEMPLATE_ROOT vakion määrittämän hakemiston |
| alla. <em>#include</em> ohjeesta poiketen <em>#parse</em> voi |
| ottaa vain yhden argumentin. |
| </p> |
| <p> |
| VTL sivupohjissa voi olla <em>#parse</em> ohjeita jotka viittaavat |
| sivupohjiin joissa niissäkin on <em>#parse</em> |
| ohjeita. <code>velocity.properties</code> tiedostossa oleva rivi |
| <em>parse_directive.maxdepth</em> määrittää sen kuinka monta |
| peräkkäistä <em>#parse</em> viittausta voidaan tehdä. Mikäli |
| <em>parse_directive.maxdepth</em> määritys puuttuu, käytetään |
| oletusarvoa 10. Rekursiivisuus on sallittu. Jos esimerkiksi |
| sivupohja <code>dofoo.vm</code> sisältää seuraavat rivit: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| Laske alaspäin. |
| #set( $laskuri = 8 ) |
| #parse( "parsefoo.vm" ) |
| Kaikki valmista: dofoo.vm! |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Koodi viittaisi sivupohjaan <code>parsefoo.vm</code>, jossa |
| puolestaan voisi olla seuraavat VTL komennot: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| $laskuri |
| #set( $laskuri = $laskuri - 1 ) |
| #if( $laskuri > 0 ) |
| #parse( "parsefoo.vm" ) |
| #else |
| Kaikki valmista: parsefoo.vm! |
| #end |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Kun "Laske alaspäin." on näytetty, Velocity lataa ja siirtää |
| kontrollin sivupohjalle <code>parsefoo.vm</code>, joka laskee alas |
| luvusta 8. Kun laskuri saavuttaa arvon 0, tulostetaan "Kaikki |
| valmista: parsefoo.vm!". Tämän jälkeen Velocity palaa sivupohjaan |
| <code>dofoo.vm</code> ja tulostaa "Kaikki valmista: dofoo.vm!" |
| tekstin. |
| </p> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Stop"><strong>Stop</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| <em>#stop</em> elementin avulla sivupohjan suunnittelija voi |
| pysäyttää sivun tulkitsemisen. Tämä on hyödyllistä sivupohjan |
| virheidenetsinnän aikana. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #stop |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Velocimakrot"><strong>Velocimakrot</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| <em>#macro</em> elementin avulla sivupohjan suunnittelija voi |
| määrittää toistuvasti käytetyn VTL sivupohjan osan. Velocimakrot |
| ovat erittäin käyttökelpoisia sekä monimutkaisissa, että |
| yksinkertaisissa tehtävissä. Seuraava Velocimakro toimii |
| johdantona Velocimakroihin. Se on luotu kirjoitettavan tekstin |
| määrän vähentämiseksi, sekä kirjoitusvirheiden määrän |
| minimoimiseksi. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #macro( d ) |
| <tr><td></td></tr> |
| #end |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Esimerkissä määriteltiin Velocimakro nimeltään <em>d</em>, ja sitä |
| voidaan kutsua muiden VTL ohjeiden tapaan: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #d() |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Kun tätä sivupohjaa haetaan, Velocity korvaa ohjeen <em>#d()</em> |
| rivillä joka sisältää yhden tyhjän solun. |
| </p> |
| <p> |
| Velocimakro voi ottaa kuinka monta parametria tahansa -- tai ei |
| yhtään parametria, kuten ensimmäisessä esimerkissämme -- mutta kun |
| Velocimakroa kutsutaan, tulee kutsussa olla täsmälleen yhtä monta |
| parametria kuin makroa määriteltäessä. Useimmat Velocimakrot ovat |
| hieman monimutkaisempia kuin edellinen esimerkki. Seuraavassa on |
| Velocimakro joka ottaa kaksi argumenttia; värin ja listan. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #macro( taulurivit $vari $jokulista ) |
| #foreach( $jotain in $jokulista ) |
| <tr><td bgcolor=$vari>$jotain</td></tr> |
| #end |
| #end |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Tässä esimerkissä määriteltiin Velocimakro <em>taulurivit</em> |
| joka ottaa kaksi parametria. Ensimmäinen parametri on |
| <em>$vari</em> ja toinen <em>$jokulista</em>. |
| </p> |
| <p> |
| Velocimakroon voidaan kirjoittaa mitä tahansa koodia jota voidaan |
| käyttää muuallakin VTL sivupohjassa. <em>taulurivit</em> |
| Velocimakro on <em>foreach</em> lause. <em>taulurivit</em> |
| Velocimakrossa on kaksi <em>#end</em> lausetta; ensimmäinen kuuluu |
| <em>#foreach</em> lauseelle, jälkimmäinen päättää Velocimakron |
| määrityksen. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $suuretjarvet = ["Superior","Michigan","Huron","Erie","Ontario"] ) |
| #set( $vari = "blue" ) |
| <table> |
| #taulurivit( $vari $suuretjarvet ) |
| </table> |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Huomaa että <em>$suuretjarvet</em> on makron parametrin |
| <em>$jokulista</em> arvona. Kun Velocimakroa <em>#taulurivit</em> |
| tässä tapauksessa kutsutaan, on tuloksena seuraavaa: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| <table> |
| <tr><td bgcolor="blue">Superior</td></tr> |
| <tr><td bgcolor="blue">Michigan</td></tr> |
| <tr><td bgcolor="blue">Huron</td></tr> |
| <tr><td bgcolor="blue">Erie</td></tr> |
| <tr><td bgcolor="blue">Ontario</td></tr> |
| </table> |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Velocimakroja voidaan määrittää <em>inline</em>, eli Velocity |
| sivupohjassa itsessään, jolloin ko. makro ei ole käytettävissä |
| muissa sivupohjissa. Velocimakron määrittäminen siten että se on |
| kaikkien sivupohjien käytössä on hyödyllistä; samaa makroa ei |
| tarvitse määrittää erikseen jokaisessa sivupohjassa jossa sitä |
| tarvitaan, jolloin työmäärä ja virheiden mahdollisuus |
| vähenee. Lisäksi makroon tehty muutos vaikuttaa heti kaikkiin |
| sivupohjiin joissa se on käytössä. |
| </p> |
| <p> |
| Oletetaan että Velocityssä on määriteltynä Velocimakro |
| <em>#tablerows($vari $lista)</em>. Tätä makroa voitaisiin käyttää |
| missä tahansa sivupohjassa. Sitä voitaisiin käyttää useaan kertaan |
| ja moneen eri käyttötarkoitukseen. Sieniasioita käsittelevässä |
| sivupohjassa <code>sieni.vm</code>, <em>#tablerows</em> |
| Velocimakroa voitaisiin käyttää listaamaan tyypillisen sienen |
| osat: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $osat = ["volva","stipe","annulus","gills","pileus"] ) |
| #set( $cellbgcol = "#CC00FF" ) |
| <table> |
| #tablerows( $cellbgcol $osat ) |
| </table> |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Kun Velocity luo sivun sivupohjasta <code>sieni.vm</code>, se |
| etsii Velocimakron <em>#tablerows</em> sivupohjakirjastosta (joka |
| on määritelty <code>velocity.properties</code> tiedostossa) ja |
| tuottaa seuraavan tulosteen: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| <table> |
| <tr><td bgcolor="#CC00FF">volva</td></tr> |
| <tr><td bgcolor="#CC00FF">stipe</td></tr> |
| <tr><td bgcolor="#CC00FF">annulus</td></tr> |
| <tr><td bgcolor="#CC00FF">gills</td></tr> |
| <tr><td bgcolor="#CC00FF">pileus</td></tr> |
| </table> |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <strong>Velocimakron argumentit</strong> |
| <p> |
| Velocimakrot voivat ottaa argumenteiksi mitä tahansa seuraavista |
| VTL elementeistä: |
| </p> |
| <ul> |
| <li> |
| Viittaus : mitä tahansa '$' merkillä alkavaa |
| </li> |
| <li> |
| Tekstivakio : esimerkiksi "$foo" tai 'hei' |
| </li> |
| <li> |
| Numerovakio : 1, 2 jne |
| </li> |
| <li> |
| Numeroväli : [ 1..2] tai [$foo .. $bar] |
| </li> |
| <li> |
| ObjectArray : [ "a", "b", "c"] |
| </li> |
| <li> |
| boolean arvo true (tosi) |
| </li> |
| <li> |
| boolean arvo false (epätosi) |
| </li> |
| </ul> |
| <p> |
| Kun siirrät viittauksia argumentteina Velocimakroille, huomaa, |
| että viittaukset siirretään 'nimen mukaan' ('by name'). Tämä |
| tarkoittaa sitä, että viittausten arvo 'haetaan' Velocimakrossa |
| itsessään. Tämän ominaisuuden avulla voit siirtää viittauksia |
| jotka ovat metodikutsuja, ja näin ko. metodeja kutsutaan |
| Velocimakrossa. Esimerkiksi kun Velocimakroa kutsutaan |
| seuraavasti: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #macro( kutsu $a ) |
| $a $a $a |
| #end |
| |
| #kutsu( $foo.bar() ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| tuloksena viittauksen $foo metodia bar() kutsutaan 3 kertaa. |
| </p> |
| <p> |
| Ensi katsomalta tämä ominaisuus saattaa vaikuttaa yllättävältä, |
| mutta kun otat huomioon Velocimakrojen alkuperäisen |
| tarkoituksen -- usein käytettyjen VTL komentojen leikkaa-liimaa |
| kopioimisen vähentäminen -- ominaisuus on perusteltu. Sen |
| avulla voit esimerkiksi siirtää Velocimakroon argumenttina |
| tilansa muistavia (stateful) objekteja, kuten objektin joka |
| generoi värejä peräkkäisessä järjestyksessä taulukon rivien |
| värien määrittämiseksi. |
| </p> |
| <p> |
| Jos sinun tarvitsee kiertää tämä ominaisuus, voit hakea arvon |
| metodista uudeksi viittaukseksi, ja antaa sen argumentiksi: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $uusiarvo = $foo.bar() ) |
| #kutsu( $uusiarvo ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <strong>Velocimakro ominaisuudet</strong> |
| <p> |
| <code>velocity.properties</code> tiedostossa on useita rivejä |
| joiden avulla Velocimakrojen toimintaa voidaan muuttaa |
| joustavasti. Huomaa että nämä arvot on dokumentoitu myös <a href="http://jakarta.apache.org/velocity/developer-guide.html">Kehittäjän |
| oppaassa</a>. |
| </p> |
| <p> |
| <code>velocimacro.library</code> - Pilkulla eroteltu lista |
| Velocimakro sivupohjakirjastoja. Oletuksena Velocity etsii yhtä |
| kirjastoa: <em>VM_global_library.vm</em>. Velocimakro kirjastoja |
| etsitään määritellystä sivupohjahakemistosta. |
| </p> |
| <p> |
| <code>velocimacro.permissions.allow.inline</code> - Tämä |
| ominaisuus päättää voidaanko Velocimakroja määrittää tavallisissa |
| sivupohjissa. Ominaisuus voi saada arvon true (tosi) tai false |
| (epätosi). Oletuksena on tosi, jolloin sivusuunnittelijat voivat |
| määrittää Velocimakroja suoraan omissa sivupohjissaan. |
| </p> |
| <p> |
| <code>velocimacro.permissions.allow.inline.to.replace.global</code> |
| |
| - Tämän ominaisuuden avulla voidaan määrittää voivatko |
| sivupohjassa määritellyt Velocimakrot korvata yleisesti |
| määritellyt, <code>velocimacro.library</code> ominaisuuden kautta |
| ladatut Velocimakrot. Ominaisuus voi saada arvon true tai |
| false. Oletuksena <code>false</code>, epätosi, jolloin |
| sivupohjassa määritellyt Velocimakrot eivät voi korvata |
| sivupohjakirjastoista ladattuja makroja. |
| </p> |
| <p> |
| <code>velocimacro.permissions.allow.inline.local.scope</code> - |
| Mahdolliset arvot ovat true tai false, oletuksena false. Tämä |
| ominaisuus päättää ovatko sivupohjassa määritetyt Velocimakrot |
| 'näkyviä' ainoastaan siinä sivupohjassa jossa ne on |
| määritelty. Toisin sanoen kun tämä ominaisuus on asetettu arvoon |
| true (tosi), sivupohja voi määrittää inline Velocimakroja jotka |
| ovat käytettävissä vain sivupohjasta joka ne määritti. Tämän |
| ominaisuuden avulla voidaan aikaansaada erikoisia vaikutuksia; jos |
| yleisesti määritelty Velocimakro kutsuu toista yleisesti |
| määriteltyä makroa, tämän ominaisuuden avulla sivupohja voi |
| määrittää oman toteutuksensa jälkimmäisestä makrosta, jota |
| ensimmäinen makro kutsuu. Sivupohjan paikallista makroa käytetään |
| vain kun ensimmäistä makroa kutsutaan ko. sivupohjasta. Uusi makro |
| ei vaikuta muihin sivupohjiin. |
| </p> |
| <p> |
| <code>velocimacro.context.localscope</code> - Mahdolliset arvot |
| ovat true tai false, oletuksena false. Kun ominaisuuden arvoksi on |
| asetettu tosi, Velocimakroissa #set() ohjeella tehdyt muutokset |
| ovat 'paikallisia' eivätkä vaikuta pysyvästi muuttujien sisältöön. |
| </p> |
| <p> |
| <code>velocimacro.library.autoreload</code> - Tämä ominaisuus |
| ohjaa Velocimakrokirjaston automaattista uudelleenlatausta. Kun |
| ominaisuus on asetettu arvoon <code>true</code> kutsutun |
| Velocimakron koodi tutkitaan mahdollisten muutosten varalta, ja se |
| ladataan uudelleen mikäli tarpeellista. Näin voit muuttaa ja |
| testata Velocimakrokirjastoa ilman että sinun tarvitsee käynnistää |
| uudelleen sovellustasi tai sovellusalustaa, aivan kuten voit tehdä |
| normaalien sivupohjienkin kanssa. Tämä asetus toimii vain kun |
| resurssilataajien välimuisti on pois päältä (<i>off</i>, |
| esim. <code>file.resource.loader.cache = false</code>). Tämä |
| ominaisuus on tarkoitettu käytettäväksi vain sovelluksen |
| kehitysvaiheessa, ei tuotantokäyttöön. |
| </p> |
| <strong>Velocimakro Trivia</strong> |
| <p> |
| Nykyisellään Velocimakrot tulee olla määriteltyinä ennen kuin |
| niitä käytetään sivupohjissa. Tämä tarkoittaa sitä että #macro() |
| määritystesi tulee sijaita ennen rivejä joissa käytät Velocimakroja. |
| </p> |
| <p> |
| Tämä on tärkeää muistaa jos yrität käyttää ohjetta #parse() |
| sivupohjaan jossa on inline #macro() ohjeita. Koska #parse() |
| suoritetaan ajon aikana, ja parseri päättää ajon aikana onko |
| sivupohjassa oleva Velocimakrolta näyttävä elementti Velocimakro, |
| ei Velocimakrojen #parse():aminen toimi niin kuin |
| olettaisi. Ongelma voidaan välttää helposti käyttämällä |
| <code>velocimacro.library</code> toimintoa jonka avulla Velocity |
| lataa Velocimakrosi käynnistyksen yhteydessä. |
| </p> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="VTL ohjeiden suojaaminen"><strong>VTL ohjeiden suojaaminen</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| VTL ohjeet voidaan suojata kenoviivalla ("\") samalla tavalla kuin |
| VTL viittauksetkin. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| ## #include( "a.txt" ) tulostuu <tiedoston a.txt sisältö> |
| #include( "a.txt" ) |
| |
| ## \#include( "a.txt" ) tulostuu \#include( "a.txt" ) |
| \#include( "a.txt" ) |
| |
| ## \\#include ( "a.txt" ) tulostuu \<tiedoston a.txt sisältö> |
| \\#include ( "a.txt" ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Eritystä tarkkaavaisuutta tarvitaan tapauksissa joissa suojataan VTL |
| ohjeita jotka sisältävät useita skriptielementtejä samassa ohjeessa |
| (kuten if-else-end lause). Seuraavassa on tyypillinen VTL if-lause: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #if( $jazz ) |
| Vyacheslav Ganelin |
| #end |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Jos <em>$jazz</em> on tosi (true), tuloste on |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| Vyacheslav Ganelin |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Jos <em>$jazz</em> on epätosi (false), tulostetta ei |
| tule. Skriptielementtien suojaaminen muuttaa tulostetta. Katso |
| seuraavaa esimerkkiä: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| \#if( $jazz ) |
| Vyacheslav Ganelin |
| \#end |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Riippumatta siitä onko <em>$jazz</em> tosi vai epätosi, tuloste on |
| aina: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #if($ jazz ) |
| Vyacheslav Ganelin |
| #end |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Itse asiassa koska kaikki skriptielementit on suojattu, |
| <em>$jazz</em> muuttujan totuusarvoa ei edes tutkita. Oletetaan että |
| kenoviiva edeltää skriptielementtejä jotka on suojattu: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| \\#if( $jazz ) |
| Vyacheslav Ganelin |
| \\#end |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Mikäli <em>$jazz</em> on tässä tapauksessa tosi, tuloste on: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| \ Vyacheslav Ganelin |
| \ |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Tämän ymmärtämiseksi huomaa, että <code>#if( arg )</code> rivillä |
| olevaa rivinvaihtoa (return) ei kopioida tulosteeseen. Tämän vuoksi |
| <code>#if()</code> lauseen runko ('Vyacheslav Ganelin') on '\\' |
| merkinnästä saadun ensimmäisen '\' merkin kanssa samalla |
| rivillä. Jälkimmäinen '\' merkki on toisella rivillä kuin teksti, |
| koska tekstin lopussa on rivinvaihto ja jälkimmäinen '\\' |
| merkinnästä saatu '\' merkki on ennen <code>#end</code> ohjetta, |
| joten merkki kuuluu edelleen <code>#if()</code> lauseen runkoon. |
| </p> |
| <p> |
| Jos <em>$jazz</em> on epätosi, ei tulostetta tule. Huomaa että |
| ongelmia tulee mikäli skriptielementtejä ei ole suojattu oikein. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| \\\#if( $jazz ) |
| Vyacheslave Ganelin |
| \\#end |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Esimerkissä <em>#if</em> on suojattu, mutta <em>#end</em> elementti |
| on edelleen käytössä. Liian monta lopetuselementtiä sivupohjassa |
| aiheuttaa virheen sivua luotaessa. |
| </p> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="VTL: Muotoilu"><strong>VTL: Muotoilu</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| Vaikka tässä ohjeessa oleva VTL on usein muotoiltu rivivaihdoin ja |
| välilyönnein, alla oleva VTL |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $imperial = ["Munetaka","Koreyasu","Hisakira","Morikune"] ) |
| #foreach( $shogun in $imperial ) |
| $shogun |
| #end |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| on yhtä toimiva kuin seuraava kodinpätkä jonka Geir Magnusson |
| Jr. lähetti Velocityn käyttäjien postituslistalle: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| Send me #set($foo = ["$10 and ","a cake"])#foreach($a in $foo)$a #end please. |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Velocity syö ylimääräiset välilyönnit. Edellinen koodinpätkä |
| voitaisiin kirjoittaa seuraavasti: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| Send me |
| #set( $foo = ["$10 and ","a cake"] ) |
| #foreach( $a in $foo ) |
| $a |
| #end |
| please. |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| tai |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| Send me |
| #set($foo = ["$10 and ","a cake"]) |
| #foreach ($a in $foo )$a |
| #end please. |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Kussakin tapauksessa tulos on sama. |
| </p> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Muita ominaisuuksia ja sekalaista"><strong>Muita ominaisuuksia ja sekalaista</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#828DA6"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Matematiikka"><strong>Matematiikka</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| Velocitylla on muutamia sisäänrakennettuja matemaattisia |
| funktioita joita voidaan käyttää sivupohjissa <em>#set</em> ohjeen |
| kanssa. Seuraavat yhtälöt ovat esimerkkejä yhteen-, vähennys-, |
| kerto- sekä jakolaskuista. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $foo = $bar + 3 ) |
| #set( $foo = $bar - 4 ) |
| #set( $foo = $bar * 6 ) |
| #set( $foo = $bar / 2 ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Jako-operaation tapauksessa tulos on kokonaisluku. Jakojäännös |
| saadaan käyttöön jäännösoperandilla (<em>%</em>). |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $foo = $bar % 5 ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Matemaattisia funktioita käytettäessä Velocityssä vain |
| kokonaisluvut (...-2, -1, 0, 1, 2...) ovat sallittuja; |
| ei-kokonaislukuja käytettäessä asia kirjataan lokiin ja tulokseksi |
| palautetaan tyhjä arvo (null). |
| </p> |
| <p> |
| Velocityllä on sisäänrakennettu keino nollalla jakamisen |
| käsittelemiseen. Seuraavassa esimerkissä: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $foo = 5 ) |
| #set( $bar = $foo - 5 ) |
| #set( $uhoh = $foo / $bar ) |
| $uhoh |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Viittaukseen <em>$uhoh</em> asetetaan tulos operaatiosta viisi |
| jaettuna nollalla. Kun Velocity näyttää tämän sivupohjan, tuloste |
| on: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| $uhoh |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Suunnittelijoiden on otettava huomioon myös, että <em>#set</em> |
| tuottaa merkkijonoja, jotka on muunnettava kokonaisluvuiksi jotta |
| niitä voidaan käyttää vaihteluväliä määritettäessä (range |
| operator). Seuraavassa esimerkki tällaisesta muunnoksesta: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set($a = "7") |
| #set($b = $int.valueOf($a) + 10) |
| $b |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Tuloksena on <em>17</em>. |
| </p> |
| </blockquote> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#828DA6"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Vaihteluväli (Range Operator)"><strong>Vaihteluväli (Range Operator)</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| Vaihteluväliä voidaan käyttää <em>#set</em> ja <em>#foreach</em> |
| lauseiden yhteydessä. Vaihteluväli tuottaa kokonaislukuja |
| sisältäviä oliotaulukoita seuraavalla tavalla: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| [n..m] |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Sekä <em>n</em> että <em>m</em> pitää olla tai niiden tulee |
| tuottaa kokonaislukuja. Mikäli <em>m</em> on pienempi kuin |
| <em>n</em> lasketaan vaihteluvälin luvut alaspäin. Seuraavassa |
| esimerkkejä vaihteluvälin käytöstä: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| Ensimmäinen esimerkki: |
| #foreach( $foo in [1..5] ) |
| $foo |
| #end |
| |
| Toinen esimerkki: |
| #foreach( $bar in [2..-2] ) |
| $bar |
| #end |
| |
| Kolmas esimerkki: |
| #set( $arr = [0..1] ) |
| #foreach( $i in $arr ) |
| $i |
| #end |
| |
| Neljäs esimerkki: |
| [1..3] |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Tuottaa seuraavan tulosteen: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| Ensimmäinen esimerkki: |
| 1 2 3 4 5 |
| |
| Toinen esimerkki: |
| 2 1 0 -1 -2 |
| |
| Kolmas esimerkki: |
| 0 1 |
| |
| Neljäs esimerkki: |
| [1..3] |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Huomaa että vaihteluvälioperaattori tuottaa taulukon vain kun sitä |
| käytetään <em>#set</em> tai <em>#foreach</em> ohjeiden kanssa, |
| kuten neljännestä esimerkistä käy selville. |
| </p> |
| <p> |
| Vaihteluvälioperaattori on erityisen käyttökelpoinen kun halutaan |
| tehdä verkkosivun taulukko standardikokoiseksi, mutta joissain |
| tapauksissa taulukon täyttämiseksi ei ole riittävästi dataa. |
| </p> |
| </blockquote> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#828DA6"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Edistyneet kysymykset: Suojaaminen ja !"><strong>Edistyneet kysymykset: Suojaaminen ja !</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| Kun viittaus hiljennetään <em>!</em> merkillä ja <em>!</em> merkkiä |
| edeltää suojausmerkki <em>\</em> käsitellään viittaus erityisellä |
| tavalla. Huomaa erot normaalin suojauksen ja tilanteen jossa |
| <em>\</em> edeltää <em>!</em> merkkiä, välillä. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $foo = "bar" ) |
| $\!foo |
| $\!{foo} |
| $\\!foo |
| $\\\!foo |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Tulosteena on: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| $!foo |
| $!{foo} |
| $\!foo |
| $\\!foo |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Vertaa tätä normaaliin suojaukseen, jossa <em>\</em> on <em>$</em> |
| merkin edellä: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| \$foo |
| \$!foo |
| \$!{foo} |
| \\$!{foo} |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Tulosteena on: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| \$foo |
| \$!foo |
| \$!{foo} |
| \bar |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| </blockquote> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#828DA6"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Yleistä Velocimakroista"><strong>Yleistä Velocimakroista</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| Tämä osio on Velocimakroaiheinen mini-FAQ. Osio muuttuu ajan myötä, |
| joten uutta tietoa hakevien kannattanee palata sivulle aika ajoin. |
| </p> |
| <p> |
| Huom! : Tässä osiossa 'Velocimakro':ihin viitataan usein lyhenteellä |
| 'VM'. |
| </p> |
| <strong>Voinko käyttää ohjetta tai toista VM:a argumenttina |
| VM:oon?</strong> |
| <p> |
| Esimerkki : <code>#center( #bold("hello") )</code> |
| </p> |
| <p> |
| Et. Ohje ei ole sallittu argumentti ohjeelle, ja VM on |
| käytännöllisesti katsoen ohje. |
| </p> |
| <p> |
| <i>Kuitenkin...</i>, voit kiertää rajoituksen. Yksinkertainen ratkaisu |
| on käyttää hyväksi sitä että lainausmerkeissä (") oleva teksti |
| tulkitaan. Tämä ansiosta voit tehdä seuraavasti: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set($stuff = "#bold('hello')" ) |
| #center( $stuff ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Voit myös säästää rivin... |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #center( "#bold( 'hello' )" ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Huomaa että jälkimmäisessä esimerkissä parametri käsitellään VM:n |
| <i>sisällä</i>, ei kutsun tasolla. Toisin sanoen VM:lle annettu |
| parametri siirretään kokonaisuudessaan ja käsitellään VM:ssa johon se |
| siirrettiin. Tämän ansiosta voit tehdä esimerkiksi seuraavaa: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| |
| #macro( inner $foo ) |
| inner : $foo |
| #end |
| |
| #macro( outer $foo ) |
| #set($bar = "outerlala") |
| outer : $foo |
| #end |
| |
| #set($bar = 'calltimelala') |
| #outer( "#inner($bar)" ) |
| |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Tulosteeksi tulee |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| Outer : inner : outerlala |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| koska parametrin "#inner($bar)" tulkitseminen tapahtuu lauseen |
| #outer() sisällä, käytetään muuttujan $bar arvoa joka asetettiin |
| #outer VM:ssa. |
| </p> |
| <p> |
| Tämä on tarkoituksellinen ja tarkkaan vaalittu ominaisuus - parametrit |
| siirretään 'nimen mukaan' ('by name') VM:oon, jotta voit siirtää |
| VM:oon tilansa muistavia (stateful) viittauksia kuten |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #macro( foo $vari ) |
| <tr bgcolor=$vari><td>Hei</td></tr> |
| <tr bgcolor=$vari><td>Siellä</td></tr> |
| #end |
| |
| #foo( $bar.rivinVari() ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| jossa rivinVari() metodia kutsutaan toistuvasti, ei vain kerran. Sen |
| välttämiseksi kutsu metodia VM:n ulkopuolelta ja siirrä arvo VM:oon. |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set($vari = $bar.rivinVari()) |
| #foo( $vari ) |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <strong>Voinko rekisteröidä Velocimakroja #parse() :n kautta? |
| </strong> |
| <p> |
| Nykyisellään Velocimakrot tulee olla määriteltyinä ennen |
| ensimmäistä käyttöä. Tämä tarkoittaa sitä että #macro() |
| määritystesi tulisi tulla ennen kuin käytät Velocimakroja. |
| </p> |
| <p> |
| Tämä on tärkeää muistaa jos yrität käyttää ohjetta #parse() |
| sivupohjaan jossa on inline #macro() ohjeita. Koska #parse() |
| suoritetaan ajon aikana, ja parseri päättää ajon aikana onko |
| sivupohjassa oleva Velocimakrolta näyttävä elementti Velocimakro, |
| ei Velocimakrojen #parse():aminen toimi niin kuin |
| olettaisi. Ongelma voidaan välttää helposti käyttämällä |
| <code>velocimacro.library</code> toimintoa jonka avulla Velocity |
| lataa Velocimakrosi käynnistyksen yhteydessä. |
| </p> |
| <strong>Mitä tarkoittaa Velocimakrojen automaattinen |
| uudelleenlataus?</strong> |
| <p> |
| On olemassa asetus joka on tarkoitettu käytettäväksi järjestelmän |
| <i>kehityksen</i> aikana, ei käytössä olevassa järjestelmässä : |
| </p> |
| <p> |
| <code>velocimacro.library.autoreload</code> |
| </p> |
| <p> |
| joka on oletuksena pois käytöstä (false). Kun ominaisuus on |
| asetettu käyttöön (true) <em>yhdessä</em> asetuksen |
| </p> |
| <p> |
| <code><type>.resource.loader.cache = false</code> |
| </p> |
| <p> |
| kanssa (jossa <type> on resurssilataajan nimi jota käytät, |
| kuten 'file'), silloin Velocity lataa automaattisesti |
| Velocitymakroihin tekemäsi muutokset silloin kun teet niitä, joten |
| sinun ei tarvitse käynnistää uudelleen sovellusalustaa (tai |
| ohjelmaa) tai turvautua johonkin muuhun kikkaan saadaksesi |
| muuttuneet Velocitymakrosi käyttöön. |
| </p> |
| <p> |
| Yksinkertainen konfiguraatio saattaisi näyttää seuraavalta: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| file.resource.loader.path = templates |
| file.resource.loader.cache = false |
| velocimacro.library.autoreload = true |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Älä käytä näitä asetuksia tuotantokäytössä. |
| </p> |
| </blockquote> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#828DA6"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Merkkijonojen yhdistäminen"><strong>Merkkijonojen yhdistäminen</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| Yleinen kehittäjien kysymä kysymys on <i>Kuinka yhdistän |
| merkkijonoja? Onko olemassa Javan '+' operaattoria vastaavaa |
| toimintoa?</i>. |
| </p> |
| <p> |
| Viittausten liittämiseksi yhteen VTL:ssa, sinun tarvitsee vain |
| 'laittaa ne yhteen'. Konteksti jossa yhdistät viittaukset |
| vaikuttaa tuloksiin, joten esimerkit ovat paikallaan. |
| </p> |
| <p> |
| Normaalissa tapauksessa (jolloin sekoitat muuttujat sivupohjan |
| muuhun sisältöön) : |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $koko = "Big" ) |
| #set( $nimi = "Ben" ) |
| |
| Kello on $iso$nimi. |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| tulosteena on 'Kello on BigBen'. Hieman mielenkiintoisemmassa |
| tapauksessa, kuten silloin kun haluat liittää merkkijonot |
| siirrettäväksi parametrina metodille, tai asettaaksesi uuden |
| viittauksen, tee seuraavasti: |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $koko = "Big" ) |
| #set( $nimi = "Ben" ) |
| |
| #set($kello = "$koko$nimi" ) |
| |
| Kello on $kello. |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Josta tulee sama tuloste. Viimeisenä esimerkkinä, kun haluat |
| sekoittaa 'staattisia' merkkijonoja viittauksiin, saatat joutua |
| käyttämään 'muodollista viittausten merkintää' : |
| </p> |
| <div align="left"> |
| <table cellspacing="4" cellpadding="0" border="0"> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#ffffff"><pre> |
| #set( $koko = "Big" ) |
| #set( $nimi = "Ben" ) |
| |
| #set($kello = "${koko}Tall$nimi" ) |
| |
| Kello on $kello. |
| </pre></td> |
| <td bgcolor="#023264" width="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| <tr> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| <td bgcolor="#023264" width="1" height="1"><img src="/images/void.gif" width="1" height="1" vspace="0" hspace="0" border="0"/></td> |
| </tr> |
| </table> |
| </div> |
| <p> |
| Nyt tuloste on 'Kello on BigTallBen'. Muodollista viittausten |
| merkintää käytetään, jotta parseri tietäisi että tarkoitat |
| viittauksellasi muuttujaa '$size' eikä '$sizeTall', jota se |
| käyttäisi mikäli et olisi käyttänyt '{}' merkkejä. |
| </p> |
| </blockquote> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| <table border="0" cellspacing="0" cellpadding="2" width="100%"> |
| <tr><td bgcolor="#525D76"> |
| <font color="#ffffff" face="arial,helvetica,sanserif"> |
| <a name="Palaute"><strong>Palaute</strong></a> |
| </font> |
| </td></tr> |
| <tr><td> |
| <blockquote> |
| <p> |
| Mikäli löydät tästä ohjeesta virheitä tai haluat antaa ohjetta |
| koskevaa palautetta, ole hyvä ja lähetä sähköpostia <a href="mailto:velocity-user@jakarta.apache.org">Velocity |
| käyttäjälistalle</a>. Kiitos! |
| </p> |
| </blockquote> |
| </p> |
| </td></tr> |
| <tr><td><br/></td></tr> |
| </table> |
| </td> |
| </tr> |
| |
| <!-- FOOTER --> |
| <tr><td colspan="2"> |
| <hr noshade="" size="1"/> |
| </td></tr> |
| <tr><td colspan="2"> |
| <div align="center"><font color="#525D76" size="-1"><em> |
| Copyright © 1999-2004, The Apache Software Foundation |
| </em></font></div> |
| </td></tr> |
| </table> |
| </body> |
| </html> |
| <!-- end the processing --> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
