web-dev-qa-db-ja.com

TwitterのようなフロントエンドテクノロジーのバックエンドテクノロジーBootstrap

これは初心者に似た質問ですが、ここに行きます。 Twitter Bootstrap（他のプレゼンテーションフレームワークの中でも）について読んだことがあります。これは、デザイナー/プログラマーにWebアプリのフロントエンドを簡単に構築するためのツールを提供します。私が知らないのは、その方法です。これを、たとえばJava EEバックエンドと統合します。つまり、これらのプレゼンテーションフレームワークでは、バックエンドテクノロジ（Java、PHP、Pythonなど）と統合できますか？彼らは特定の技術にリンクしましたか？

プレゼンテーション層にGWTを使用し、サーバー側でJavaを使用して、いくつかのJava EE Webアプリケーションを構築しました。しかし、前に指摘したように、私はそれでも、Bootstrap with Javaなどと統合する方法を理解できません。

私はそれが非常に一般的な質問であることを知っていますが、助けていただければ幸いです。

javatwitter-bootstrapbackend
18
user1243856

Twitter Bootstrapはフロントエンドツールキットであるため、基本的にcssとHTMLです。つまり、特定のバックエンドテクノロジに関連付けられていません。

ブログ投稿 それを発表することから：

基本的に、Bootstrapは単なるCSSですが、通常のCSSよりもはるかに強力で柔軟性のある柔軟なプリプロセッサであるLessで構築されています。Lessを使用すると、次のようなさまざまな機能が得られます。ネストされた宣言、変数、ミックスイン、操作、およびカラー関数。さらに、BootstrapはLessを介してコンパイルされた場合、純粋にCSSであるため、2つの重要な利点があります。

まず、Bootstrapは実装が非常に簡単です。コードにドロップして実行するだけです。Lessのコンパイルは、Javascript、非公式のMacアプリケーション、またはNode.jsを介して実行できます（これについて詳しくはこちらをご覧ください）。 http://lesscss.org ）で。

次に、準拠すると、BootstrapにはCSSしか含まれません。つまり、余分な画像、Flash、またはJavascriptはありません。残っているのは、Web開発のニーズに対応するシンプルで強力なCSSだけです。

つまり、好きなように使用できるということです。マークアップをサーバー側で生成してクライアント（JSPなど）に提供したり、サーバーから静的filを提供したり、ajaxを介して動的コンテンツを追加したりできます（バックエンドはサーブレット、またはSpringMVCやJerseyなどのより高度な抽象化である可能性があります） ）、またはJavaScript/ajaxを介した動的なコンテンツ/動作を備えたサーバー側で生成された「ベース」のようなもの。もう1つの選択肢は、サーブレットコンテナをまとめて削除し、 Play！Framework のようなものを使用することです。

編集：

BootstrapはHTML要素を作成し、Lessを使用してcssを作成するとは思いません。サーバー上で自分でマークアップを記述し、ドキュメントで説明されているスタイルとイディオムを使用する必要があります。 ：Twitter.github.com/bootstrap/components.html JavaからJSPなどのテクノロジーまたはVelocity、Freemarker、StringTemplateなどのテンプレートエンジンを介して動的な値を追加します。ユーザーからの値の読み取りは、処理によって行われます。 HTTP GET/POSTアクションと属性の読み取り。通常、GETを処理するのは

  1. パラメータの読み取り
  2. URLでテンプレート/ JSPを選択します
  3. Javaによって計算された動的な値を補間します。

たとえば、ユーザーが_./order.html?orderId=1_でGETを実行する場合、order.htmlテンプレートを選択し、orderService.getOrder(1)から値を補間します。 Freemarkerの例 を見て、テンプレートエンジンがどのように機能するかを理解してください。基本的に_Map<String, Object>_を渡すと、$ {key}に関連付けられた値が、ブラウザに送信される前にページにレンダリングされます。

16
ebaxt

あなたがJava志向の人なら、私がそのために作ったタバコが好きかもしれません： http://tobacco.noroutine.me/ 。

基本的には、最新のjsライブラリと最新のTwitterBootstrapを備えたMavenプロジェクトテンプレートです。

このようなものがいくつかあります。あなたのニーズに最も近いものは resthub かもしれません、特に彼らのバックボーンスタックは興味深いかもしれません。

4
Oleksiy Khilkevich

これが 例 です。
これは、Javaバックエンドサービスと統合されたbootstrapフロントエンドを備えた単純なWebページを示しています。
または別の 投稿 では、Springとの統合bootstrap）について言及しています。

0
Chen Sheng-Lun

ebaxtが言ったように、Bootstrapはモジュラーフロントエンドテクノロジーにすぎません。あなたの質問は、Java EEベースのアプリケーションの視覚的な部分についてです。

基本的に、MVCパターンとその実装/テクノロジー（EJB、Spring MVC）を扱います。

そして最後に、プレゼンテーションテクノロジを扱います。JSF、Struts、またはGWTテクノロジを使用して、.jspページに書き込むか、（もちろん）BootStrap（他のjsおよびcssコードと同様）を使用して視覚的に表示します。結果とアクセシビリティ。これを行うことで、適切に構造化されたアプリ全体を取得できます。

英語の間違いでごめんなさい、私はフランス人です。

0
user3077341