angularjs - AngularJS Java EE Web アプリの基本的な例とベスト プラクティス

Question

Java EE Web アプリで AngularJS を使用したことがある場合は、そのポインター/例を提供していただければ幸いです。

ベスト プラクティスとは何か、理想的な構造、設計とは何かなど。ウェブリンクも役立ちます。

Answer 1

これは非常に一般的な質問なので、そのように答えます。jFall 2012 で講演があり、Java EE 6 と AngularJS を使用した非常に基本的なアプリケーションのデモが行われました。

私は、AngularJS をフロントエンドとして使用する学校のプロジェクトに取り組んできました。JAX-RS を安らかなインターフェイスとして使用し、Bean の基本的なバックエンド ロジックと休止状態でデータベースを永続化します。まだ進行中の作業であるため、現時点ではこのプロジェクトをオープンソースにすることはできません。

私の経験とあなたへのメッセージは、安らかなインターフェースを念頭に置いておけば、AngularJS フロントエンドで Java EE バックエンドを構築するのは非常に簡単だということです。

Answer 2

最近では Web 開発を行う方法が非常に多くあるため、これを有効な質問と呼んでいます (そして、この同じ文は、1 年前と同じように有効でした)。ただし、代わりにいくつかの根本的な質問に答えてみたいと思います。

Java 6と7の両方に適用される Oracle の公式 Java EE チュートリアルによると、定義上、「Web アプリケーション」は次の 2 つの一般的なタイプのいずれかです。

プレゼンテーション指向: プレゼンテーション指向の Web アプリケーションは、要求に応じて、さまざまな種類のマークアップ言語 (HTML、XHTML、XML など) と動的コンテンツを含むインタラクティブな Web ページを生成します。

サービス指向: サービス指向の Web アプリケーションは、Web サービスのエンドポイントを実装します。プレゼンテーション指向のアプリケーションは、多くの場合、サービス指向の Web アプリケーションのクライアントです。

AngularJS は、フロントエンドのユーザー インターフェイス フレームワークです。上記の定義により、これは Angular が独自のサーバー側処理なしで、プレゼンテーション指向のカテゴリに分類されることを意味します。

質問にあるように、これを「Java EEアプリで」使用することについては..簡単に言えば、そうではありません。試してみると、1 つのjspページが のエントリ ポイントを生成するか、他のページがブラウザに読み込まれるng-appたびng-appに が常にリロードされることになります。jspどちらもテクノロジーを最大限に活用していません。

最善の策は、RESTful API を使用してサービス指向の Java EE アプリケーションをセットアップすることです。プレゼンテーション指向の AngularJS アプリケーションは、これを消費してエンド ユーザーに提示します。

価値のあることとして、このビデオ チュートリアルでは、このような動作の概要がわかりやすく説明されています。