Sap-web-dynpro-creating-application
SAP Web Dynpro-アプリケーションの作成
Web Dynproアプリケーションを作成するには、1つのビューで構成されるWeb Dynproコンポーネントを作成します。 ビューコンテキストの作成→ビューレイアウト上のテーブル要素にリンクされ、テーブルのデータが含まれます。
実行時にテーブルがブラウザに表示されます。 ブラウザで実行できるこの単純なWeb Dynproコンポーネント用のWeb Dynproアプリケーションが作成されます。
- ステップ1 *-T-Code-SE80に移動し、リストからWeb Dynproコンポーネント/intfを選択します。
- ステップ2 *-次のように新しいコンポーネントを作成します。
- ステップ3 *-新しいコンポーネントの名前を入力し、ディスプレイをクリックします。
- ステップ4 *-次のウィンドウで、次の詳細を入力します-
- このコンポーネントの説明を入力できます。
- タイプで、Web Dynproコンポーネントを選択します。
- デフォルトウィンドウの名前を維持することもできます。
- ステップ5 *-このコンポーネントをPackage$ TMPに割り当て、[保存]ボタンをクリックします。
[保存]をクリックすると、オブジェクトツリーの下にこの新しいコンポーネントが表示されます。
- コンポーネントコントローラー
- コンポーネントインターフェース
- View
- Windows
コンポーネントインターフェイスを展開すると、インターフェイスコントローラーとインターフェイスビューが表示されます。
ビューを作成してウィンドウに割り当てる方法
- ステップ1 *-Web Dynproコンポーネントをクリックして、コンテキストメニュー(右クリック)→作成→表示に移動します。
- ステップ2 *-次のようにビューMAINVIEWを作成し、チェックマークをクリックします。
これにより、ABAPワークベンチでビューエディタが開きます-MAINVIEW
- ステップ3 *-レイアウトタブとビューデザイナを開く場合は、アプリケーションサーバーのユーザー名とパスワードを入力する必要があります。
- ステップ4 *-上部の保存アイコンをクリックします。
保存すると、オブジェクトツリーの下に表示され、[表示]タブを展開して確認できます。
- ステップ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コンポーネントを選択→右クリックして、新しいアプリケーションを作成します。
- ステップ2 *-アプリケーション名を入力し、[続行]をクリックします。
- ステップ3 *-変更を保存します。 ローカルオブジェクトとして保存します。
次に、Web Dynproコンポーネントのオブジェクトをアクティブにします-
- ステップ4 *-コンポーネントZZ_00_TESTをダブルクリックして、アクティブ化をクリックします。
- ステップ5 *-すべてのオブジェクトを選択して、[続行]をクリックします。
- ステップ6 *-アプリケーションを実行するには、Web Dynproアプリケーション→右クリックしてテストを選択します。
ブラウザが起動し、Web Dyproアプリケーションが実行されます。
Web Dynproアプリケーションの呼び出し
Web Dynproアプリケーションでは、コンポーネントウィンドウに受信プラグがあります。 このインバウンドプラグにはパラメーターがあり、URLパラメーターとして指定する必要があります。
URLパラメーターによって上書きされるデフォルト値は、これらのパラメーターのアプリケーションで設定できます。 デフォルト値もURLパラメーターも指定されていない場合、ランタイムエラーがトリガーされます。
新しいインバウンドプラグを作成するには、プラグインをスタートアップとして指定し、データタイプを文字列にする必要があります。 コンポーネントをアクティブにします。
次に、呼び出されるコンポーネント、パラメーター、ウィンドウ、および起動プラグを指定します。
アプリケーションを呼び出すと、URLパラメーターがアプリケーションパラメーターを上書きします。