Sap-web-dynpro-creating-application

提供:Dev Guides
移動先:案内検索

SAP Web Dynpro-アプリケーションの作成

Web Dynproアプリケーションを作成するには、1つのビューで構成されるWeb Dynproコンポーネントを作成します。 ビューコンテキストの作成→ビューレイアウト上のテーブル要素にリンクされ、テーブルのデータが含まれます。

実行時にテーブルがブラウザに表示されます。 ブラウザで実行できるこの単純なWeb Dynproコンポーネント用のWeb Dynproアプリケーションが作成されます。

  • ステップ1 *-T-Code-SE80に移動し、リストからWeb Dynproコンポーネント/intfを選択します。

SAPメニュー

  • ステップ2 *-次のように新しいコンポーネントを作成します。

新しいコンポーネント

  • ステップ3 *-新しいコンポーネントの名前を入力し、ディスプレイをクリックします。

新しいコンポーネント表示

  • ステップ4 *-次のウィンドウで、次の詳細を入力します-
  • このコンポーネントの説明を入力できます。
  • タイプで、Web Dynproコンポーネントを選択します。
  • デフォルトウィンドウの名前を維持することもできます。

コンポーネントの説明

  • ステップ5 *-このコンポーネントをPackage$ TMPに割り当て、[保存]ボタンをクリックします。

パッケージの割り当て

[保存]をクリックすると、オブジェクトツリーの下にこの新しいコンポーネントが表示されます。

  • コンポーネントコントローラー
  • コンポーネントインターフェース
  • View
  • Windows

オブジェクトツリー

コンポーネントインターフェイスを展開すると、インターフェイスコントローラーとインターフェイスビューが表示されます。

コンポーネントインターフェースの拡張

ビューを作成してウィンドウに割り当てる方法

  • ステップ1 *-Web Dynproコンポーネントをクリックして、コンテキストメニュー(右クリック)→作成→表示に移動します。

コンテキストメニュービュー

  • ステップ2 *-次のようにビューMAINVIEWを作成し、チェックマークをクリックします。

メインビュー

これにより、ABAPワークベンチでビューエディタが開きます-MAINVIEW

ビューエディター

  • ステップ3 *-レイアウトタブとビューデザイナを開く場合は、アプリケーションサーバーのユーザー名とパスワードを入力する必要があります。
  • ステップ4 *-上部の保存アイコンをクリックします。

ビューの作成

保存されたMainView

保存すると、オブジェクトツリーの下に表示され、[表示]タブを展開して確認できます。

ビュータブの展開

  • ステップ5 *-このビューにウィンドウを割り当てるには、ウィンドウタブの下のウィンドウZZ_00_TESTを選択し、画面上部の[変更モード]をクリックします。

モードの変更

  • ステップ6 *-右クリック→[表示]→[同じウィンドウ内]を選択できます。

同じウィンドウに表示

表示ウィンドウ

  • ステップ7 *-次に、ビュー構造を開き、右側のウィンドウ構造内のビューMAINVIEWをドラッグアンドドロップで移動します。

ウィンドウ構造

  • ステップ8 *-右側のウィンドウ構造を開くと、埋め込まれたMAINVIEWが表示されます。

埋め込みメインビュー

  • ステップ9 *-画面上部の[保存]アイコンをクリックして保存します。

MAINVIEWのビューコンテキストを作成する方法

  • ステップ1 *-ビューエディターを開いてMAINVIEWを表示し、タブコンテキストに切り替えます。 対応するコンテキストメニューを開いて、View Controllerにコンテキストノードを作成します。
  • ステップ2 *-オブジェクトツリーでビューを選択し、[表示]をクリックします。

ビューコンテキストメインビュー

コンテキストタブ

  • ステップ3 *-次のウィンドウでプロパティを維持します。 カーディナリティと辞書構造(テーブル)を選択します。 [構造から属性を追加]を選択し、構造のコンポーネントを選択します。

辞書構造

  • ステップ4 *-すべてのコンポーネントを選択するには、上部の[すべて選択]オプションをクリックし、画面下部のチェックマークをクリックします。

すべてのコンポーネントを選択

テストノード

コンテキストノードTEST_NODEが作成されました。これは、テーブルのデータ構造を参照し、実行時に0→nエントリを含むことができます。 他のビューとのデータ交換は計画されていないため、コンポーネントコンテキストの使用は不要なので、ビューコンテキストにコンテキストノードが作成されました。

  • ステップ5 *-[保存]アイコンをクリックして、MAINVIEWへの変更を保存します。

コントローラーの使用法

  • ステップ6 *-MAINVIEWの[レイアウト]タブに移動します。 ROOTUIELEMENT CONTAINERの下にタイプテーブルの新しいUI要素を挿入し、指定されたテーブルのプロパティを割り当てます。

レイアウト

  • ステップ7 *-要素の名前とタイプを入力します。

テストテーブル

  • ステップ8 *-TEST_TABLEとコンテキストノードTEST_NODEのバインディングを作成します。 標準セルエディタとしてテキストビューを選択し、すべてのセルのバインディングをアクティブにします。

スタンダードセルエディター

  • ステップ9 *-コンテキストボタンをクリックします。 リストからTEST_NODEとしてコンテキストノードを選択します。

コンテキストボタン

  • ステップ10 *-すべての属性を選択して表示できます。

コンテキスト要素の選択

属性の表示

  • ステップ11 *-すべてのコンテキスト属性の[バインド]の下にあるすべてのチェックボックスを選択してアクティブにします。 Enterキーを押してエントリを確認します。

チェックボックスの有効化

結果は次のようになります-

結果

  • ステップ12 *-変更を保存します。
  • ステップ13 *-データをTESTテーブルに提供するには、[メソッド]タブに移動し、メソッドWDDOINITをダブルクリックします。 次のコードを入力してください-
method WDDOINIT .
* data declaration
data:
Node_TEST type REF TO IF_WD_CONTEXT_NODE,
Itab_TEST type standard table of TEST.
 *get data from table TEST
select* from TEST into table Itab_TEST.
* navigate from <CONTEXT> to <TEST> via lead selection
Node_TEST = wd_Context->get_Child_Node( Name = `TEST_NODE` ).
* bind internal table to context node <TEST>
Node_TEST->Bind_Table( Itab_TEST ).
endmethod.

Web Dynproアプリケーションでは、Web Dynproメソッドからデータベーステーブルに直接アクセスしないでください。ただし、データアクセスにはサプライ機能またはBAPIコールを使用する必要があります。

供給機能

  • ステップ14 *-画面上部の保存アイコンをクリックして、変更を保存します。

Web Dynproアプリケーションを作成する方法は?

  • ステップ1 *-オブジェクトツリーでZZ_00_TESTコンポーネントを選択→右クリックして、新しいアプリケーションを作成します。

Web Dynpro新規アプリケーション

  • ステップ2 *-アプリケーション名を入力し、[続行]をクリックします。

名前が続く

  • ステップ3 *-変更を保存します。 ローカルオブジェクトとして保存します。

ローカルオブジェクト

保存済みテスト

次に、Web Dynproコンポーネントのオブジェクトをアクティブにします-

  • ステップ4 *-コンポーネントZZ_00_TESTをダブルクリックして、アクティブ化をクリックします。

コンポーネントの変更

  • ステップ5 *-すべてのオブジェクトを選択して、[続行]をクリックします。

すべてのオブジェクト

  • ステップ6 *-アプリケーションを実行するには、Web Dynproアプリケーション→右クリックしてテストを選択します。

アプリケーションの実行

ブラウザが起動し、Web Dyproアプリケーションが実行されます。

ブラウザの起動と実行

Web Dynproアプリケーションの呼び出し

Web Dynproアプリケーションでは、コンポーネントウィンドウに受信プラグがあります。 このインバウンドプラグにはパラメーターがあり、URLパラメーターとして指定する必要があります。

URLパラメーターによって上書きされるデフォルト値は、これらのパラメーターのアプリケーションで設定できます。 デフォルト値もURLパラメーターも指定されていない場合、ランタイムエラーがトリガーされます。

新しいインバウンドプラグを作成するには、プラグインをスタートアップとして指定し、データタイプを文字列にする必要があります。 コンポーネントをアクティブにします。

次に、呼び出されるコンポーネント、パラメーター、ウィンドウ、および起動プラグを指定します。

アプリケーションを呼び出すと、URLパラメーターがアプリケーションパラメーターを上書きします。