Plants by WebSphere の詳細

このサンプルは、本製品での Web 2.0 フィーチャーをデモンストレーションします。Plants by WebSphere サンプル・アプリケーションで、Dojo ウィジェットを使用した Ajax 形式のアーキテクチャーをデモンストレーションします。

PlantsByWebSphere アプリケーションは、モデル、プレゼンテーション、 および制御層を含む Web アプリケーションの代表的なものです。PlantsByWebSphere アプリケーションは、 植物とガーデニング関連品を販売する架空の Web サイトです。 オンライン・カタログの表示、項目の選択、およびカートへの追加が可能です。カートに項目が入っている場合は、 ログインに進んでクレジット・カード情報を提供し、チェックアウトできます。

JavaScript の Dojo Toolkit によって、Ajax 形式のアーキテクチャーが追加されています。 ショッピング・カートには、さまざまな Dojo ウィジェットおよびドラッグ・アンド・ドロップ機能が追加されています。

ドラッグ・アンド・ドロップをサポートするために、いくつかの Dojo ウィジェット・コントロールが作成されました。 ウィジェットには、グリッドでのインベントリーの表示、項目に関する詳細情報の表示、 およびショッピング・カートへの項目のドラッグのためのサポートが含まれます。チェックアウトをクリックすると、 ショッピング・カート・ウィジェットの内容がサーバーに送信されて、処理されます。 カタログの内容を表示するグリッド・ウィジェットは、 dojo.xhr(Get,Put) を使用してサーバーに要求を出すことによって情報を取得します。 サーバーからの応答は XML 形式で戻され、 この中には、詳細情報およびイメージが置かれている URL (Universal Resource Locator) の参照が含まれます。

サーバー・サイド

PlantsByWebSphere アプリケーションには、 RPCAdapter を使用した追加アダプター層も含まれます。RPCAdapter は、 エンタープライズ Java Bean (EJB)、Web サービス、POJO などの従来の J2EE 構成を、 JSON (JavaScript Object Notation) または XML データなどの単純な構成にマッピングするために使用します。 JavaScript ベース・クライアントで Dojo を使用することによって、 データの取り込みおよびレンダリングがより簡単にできます。RPCAdapter を使用して、 クライアント・サイドの GET 要求を従来の EJB またはサーブレット・セッション・データにマッピングします。 データは XML として戻され、 ブラウザー内で Dojo ウィジェットを構成するための入力として使用されます。


フィードバック