私は単一ページのWebアプリケーションを行う予定です。サーバー側のSpringMVCフレームワークとThymeleafテンプレートエンジンのみで実現することは可能ですか?また、AngularやjQueryのようなクライアントサイドのものも必要になりますか?目標は、何かが変わるたびにウェブページ全体をリロードして、デスクトップアプリケーションと同様の体験をユーザーに提供することを防止することです。単一のWebページアプリケーションに必要な角度/ jQuery?
答えて
TL; DR:あなただけSpringMVC
とThymeleaf
とSPAを構築することはできません。残念ながら
Thymeleaf
は、それはそれは、SPAのとは異なり、リダイレクトやリロードに中継することを意味し、サーバー内のページを構築するために使用されるサーバー側のテンプレートエンジンです
あなたはSPAアプリケーションを構築するのいずれかのようなものを使用したい場合Angular
またはThymeleaf
とAngular
のようなものを組み合わせて、両方の利点を楽しむことができます。
あなたは、単一ページのアプリケーションを構築するための選択肢の広い配列を持っています。あなたの質問に答えるために
:
はそれだけで、サーバー側SpringMVCフレームワーク とThymeleafのテンプレートエンジンとそれを達成することは可能ですか?
はい。そして、
SpringMVCを使用して最初の単一ページビュー(index.html)を返し、その後、基本的なJavascriptを使用して、SpringMVCを使用して公開されたJSON RESTサービスに対してXMLHttpRequestsを作成できます。デザインごとに必要なすべての要素をレンダリングするには、JavaScriptでDOM操作を処理する必要があります。
オプションで、あなたは、サービスの応答のレンダリングに使用するテンプレートを指定するテンプレートパラメータを、受け入れる離れであなたのサービスを書き込むことができます。したがって、Thymeleafを使用してサーバー側で応答のレンダリングが行われ、サーバーはAJAX要求からのHTMLデータで応答します。応答から必要なDOMとしてHTMLを添付することができます。
しかし、上記の方法ではバグが発生しやすく、このようなすべての要素が現代のJavascriptフレームワークで容易に利用できるようになると、ホイール(例:履歴、フォーム提出、URLルーティング、ユニットテストなど) Angular、EmberまたはReact。
だから、あなたが良いフレームワークで始まる優れているが、これらのフレームワークのそれぞれの学習曲線はかなり急です。あなたがjQueryに慣れていれば、アプリが複雑なものではない場合でも、初めから利用することができます。あなたがあなたの目標を述べたように
は、Webページ全体を毎回何かの変更をリロードし、ユーザーにデスクトップ・アプリケーションと同様の体験を提供することで防ぐことです。
要求がサーバーに行くと、サーバのロードに多少時間がかかる適切なページに戻って応答するサーバ側のアプリケーションのようにこれは、サーバー側のアプリケーションを使用することによって達成することができません。経験のようなデスクトップを持っているユーザーの場合
、それは優れたユーザーコミュニティと市場の傾向にあるように、あなたは(私が提案する)角度を使用してSPAを構築する必要があります。
ソリューションの私のテイクは、春にはRESTfulなWebサービスと角度フロントエンド
私はあなたがこのページ
をご覧下さい角度のいくつかの概念を学びたい基づきます- 1. 単一ページアプリケーションとWebアプリケーションの違い
- 2. 単一ページアプリケーションjq
- 3. 簡単な角度関数の説明が必要
- 4. 単一ページアプリケーションと組み合わせたWebフレーム
- 5. Angular Route(単一ページアプリケーション)に関連する
- 6. 本当に、単一ページアプリケーションのためにRailsでBackbone.jsやEmber.jsのようなMVCフレームワークが必要ですか?
- 7. Nginx複数の "単一ページアプリケーション"ルーティング
- 8. 単一ページアプリケーションのAppEngine app.yaml設定
- 9. Visual Studioの単一ページアプリケーション統合
- 10. node.js単一ページアプリケーション用のJSON/RESTフレームワーク
- 11. MVC4単一ページアプリケーション - 複数の画面
- 12. 2角度 - トグルクラスのみ単一の要素に
- 13. 別の選択に応じてJSONオブジェクトを使用する角型単一ページアプリケーション
- 14. JSF 2.2会話スコープ+ SPA(単一ページアプリケーション)
- 15. Lambda @ Edgeを使用した単一ページアプリケーション
- 16. 巨大な単一ページアプリケーション、フレームワーク選択などの構築
- 17. 角度2 AOTビルド - 必要な問題
- 18. 角度検証必要なフィールドCSS
- 19. 角度表示jsonの単一のレコード
- 20. MVC6は単一ページアプリケーションへのルーティングを失うことなく404
- 21. バックエンドをシミュレートしながら単一ページアプリケーションをテストする
- 22. Twitter Bootstrap:単一ページアプリケーションでアフィンが発生しない
- 23. Tomcat:単一のTomcat、別々のメモリが必要な複数のWebアプリケーション
- 24. 角度2の単一のフォームを複数のコンポーネントに分割する必要があります
- 25. Angular JSとLaravel(URLでのローカライゼーションによる単一ページアプリケーション)
- 26. アドレスバーを使用して単一のページアプリケーションにユーザをルーティングする
- 27. 既存の非単一ページアプリケーションにVue.jsを追加
- 28. 角度ルーティングエラー:一度このファイルを含める必要があります
- 29. 単一ページアプリケーションでNavbarのアクティブカラーを変更する方法[ブートストラップ]
- 30. 簡単な角度指令