ステップ5: 注文編集用のフォームの作成

Previous topic
前へ
Next topic
次へ

もう一度Data Pageウィザードを使用して、注文の編集に使用できる別のJSPOrdersView1_Edit.jspを作成できます。

注文編集用のフォームを作成するには、次のようにします。
  1. ナビゲータで、プロジェクト「JSP.jpr」を選択します。このプロジェクトで、参照および編集用の最後のJavaServerPageを作成します。
  2. 「ファイル」->「新規」を選択し、「新規」ギャラリを開きます。
  3. 「カテゴリ」ツリーで「Web Tier」を開き、「JSP for Business Components」を選択します。
  4. 「項目」リストで「Browse & Edit Form」をダブルクリックし、ウィザードを起動します。
  5. DataPageウィザードが表示されます。「初期画面」ページが表示されたら、「次へ」をクリックします。
  6. 「ビュー・オブジェクトの選択」「JsptagsModule」データ・モデルを開き、「OrdersView1」オブジェクトを選択します。次に、「次へ」をクリックします。

    Data Page wizard, step 1

  7. 「終了」をクリックし、OrdersView1_Edit.jspおよびOrdersView1_BrowseEdit.jspを作成します。これらのファイルが、ナビゲータに表示されます。
  8. 既存のファイルを上書きするかどうかを確認されたら、「はい」をクリックします。確認画面が何回か表示されます。

    overwrite prompt

  9. 「ファイル」->「すべて保存」を選択して、ここまでのすべての作業を保存します。
  10. アプリケーションをビルドし、テストします。「プロジェクト」->「再ビルド JSP.jpr」を選択し、プロジェクト・ファイルをコンパイルします。
  11. ナビゲータで「OrdersView1_BrowseEdit.jsp」を選択し、「実行」->「OrdersView1_BrowseEdit.jspの実行」を選択して、フォームをブラウザで開きます。

    Browse form

    各行の隣にある「New」リンクおよび「Edit」リンクをクリックすると、OrdersView1編集フォームを開くことができます。

    Edit form

    編集フォームから情報を変更できます。たとえば、カレンダ・ボタン(Calendar button)をクリックし、カレンダから日付を選択して「Update」をクリックすると、日付を変更できます。「Update」をクリックすると、OrdersView1参照フォームに戻ります。このページの右上には、「Commit」または「Rollback」に使用するオプションもあります。

    Commit and Rollback buttons

    次にOrder参照フォームを開き、リンクを使用してOrder編集フォームを開きます。

  12. 次のステップに進む前に、ブラウザ・ウィンドウを閉じます。
  13. ナビゲータで「Orders.jsp」を選択し、「実行」->「Orders.jspの実行」を選択して、フォームをブラウザで開きます。
  14. 各行の隣にある「New」リンクおよび「Edit」リンクをクリックすると、OrdersView1編集フォームを開くことができます。

これで、手動およびウィザードの両方により3つの作業用JSPページを構築しました。これらには、BC4J接続タグ以外にJDeveloperコンポーネント・タグも組み込まれています。

次の「データ・タグを使用してJSPページを作成するチュートリアルのまとめ」では、JavaServer Pagesテクノロジ、デプロイメントおよびプロジェクトに付属するbc4j.cssスタイルシートについての追加情報の調べ方を説明します。