ステップ 4:
レイアウトの定義 
前提条件
ｷ あらかじめ HTML テンプレートを登録しておく必要があります。
ｷ BAPI のインタフェース定義について十分に理解している必要があります。
ｷ HTML および HTMLBusiness について、2 つの Web ページの単純なレイアウトを実装できる程度の十分な知識が必要です。
手順
最初のテンプレート ( INITIAL) のレイアウトを登録するには、以下のフォーム定義を <body> タグと </body> タグの間に挿入します。
|
<!-- フォーム定義 --> <form ACTION="`wgateURL()`" METHOD="POST"> <br> <table> <tr> <td> 出発   </td> <td><INPUT TYPE="TEXT" NAME="FromCity" Value=" フランクフルト "></td> <td>   国   <INPUT TYPE="TEXT" NAME="FromCountry" Value="DE"SIZE=2 MAXLENGTH=2> </td> </tr> <tr> <td> 到着   </td> <td><INPUT TYPE="TEXT" NAME="ToCity" Value=" ニューヨーク "></td> <td>   国   <INPUT TYPE="TEXT" NAME="ToCountry" Value="US" SIZE=2 MAXLENGTH=2></td> </tr> <tr> <td colspan=3> <br> <br> <!-- 制御ロジックイベントを発生させるには、ボタンをクリックします --> <INPUT TYPE="SUBMIT" NAME="~Event" VALUE=" フライト "> </td> </tr> </table> </form>
|
2 番目のテンプレート ( RESULTS) のレイアウトを登録するには、以下のフォーム定義を <body> タグと </body> タグの間に挿入します。
|
<!-- エラーの場合の BAPI RETURN メッセージ --> `if ( RETURN-TYPE == "E") ` `RETURN-MESSAGE` `else` <br> `FromCity` (`FromCountry`) から `ToCity` (`ToCountry`) までのフライト :<br> <br> `end` <!-- 出力データの一覧 --> <table border=0 cellspacing=0> <tr> <th> フライト ID</th> <th> フライト </th> <th> フライト日付 </th> <th> 出発時刻 </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>
|
結果
HTML および HTMLBusiness を使用して、2 つのテンプレートに対してインタフェースの簡易表示を ( ダイアログロジックなしで) 定義しました。
次のレッスンでは: