Schritt 4: Layout definieren
Voraussetzungen
Vorgehensweise
Für das erste Template (
INITIAL ) fügen Sie zwischen den Tags <body> </body> die folgende Formulardefinition ein:<!-- Form definition --> <form ACTION=" `wgateURL()` " METHOD="POST"><br> <table> <tr> <td>Von   </td> <td><INPUT TYPE="TEXT" NAME="FromCity" Value="FRANKFURT"></td> <td>   Land   <INPUT TYPE="TEXT" NAME="FromCountry" Value="DE"SIZE=2 MAXLENGTH=2> </td> </tr> <tr> <td>Nach   </td> <td><INPUT TYPE="TEXT" NAME="ToCity" Value="NEW YORK"></td> <td>   Land   <INPUT TYPE="TEXT" NAME="ToCountry" Value="US" SIZE=2 MAXLENGTH=2></td> </tr> <tr> <td colspan=3> <br> <br> <!-- To raise a Flow Logic event clicking on the button --> <INPUT TYPE="SUBMIT" NAME="~Event" VALUE="Flugverbindungen"> </td> </tr> </table> </form> |
Für das zweite Template (
RESULTS ) fügen Sie zwischen den Tags <body> </body> den folgenden Quelltext ein:<!-- BAPI RETURN message in case of error --> `if ( RETURN-TYPE == "E" )` `RETURN-MESSAGE` `else` <br> Flüge von `FromCity` ( `FromCountry` ) nach `ToCity` ( `ToCountry` ):<br> <br>`end` <!-- Listing output data --> <table border=1 cellspacing=0> <tr> <th>Flug ID</th> <th>Flugverbindung</th> <th>Flugdatum</th> <th>Abflugzeit</th> </tr> `repeat with I from 1 to FLIGHTLIST-CARRID.dim` <tr> <td width=40 align=center> `FLIGHTLIST-CARRID[i]` </td><td width=60 align=center> `FLIGHTLIST-CONNID[i]` </td><td width=80 align=center> `FLIGHTLIST-FLDATE[i]` </td><td width=80 align=center> `FLIGHTLIST-DEPTIME[i]` </td></tr> `end` </table> |
Ergebnis
Sie haben eine einfache Darstellung der Oberfläche der beiden Templates (ohne Dialoglogik) mittels HTML und HTMLBusiness definiert.
Fortsetzung
Schritt 5: Flow-Logik implementieren