5

私は、大学の科目のプロジェクトとして Spring Roo を使用して Web アプリケーションを開発しています。すべてのエンティティ、コントローラー、ビュー、その他すべてを作成しました。しかし今は、基本的に Roo によって作成されたすべての tagx、jspx ファイルを無視し、Twitter Bootstrap を使用して独自のビューを作成したいと考えています。私は Web 開発が初めてで、基本的にどこから始めればよいかさえわかりません。twitter ブートストラップ css ファイルの使用を開始するには、何をしなければなりませんか。ダウンロードしたファイルはどこに置き、どのように含めるのですか?? 私はとても混乱しています、助けていただければ幸いです!!

4

5 に答える 5

4

テンプレートとして Bhagya Silva による RooStrapから始めることができます。1 Twitter Bootstrap と Spring Roo で簡単に開始できるように、十分なカスタマイズが行われた Spring Roo プロジェクトとして作成しました。=) ベース テンプレートをさらに強化する場合は、プロジェクトをフォークして変更を加え、GitHub でプル リクエストを送信してください。RooStrap の次のリビジョンにそれらを組み込むことができれば幸いです。

RooStrap は、GitHub の次の場所から見つけることができます。

http://bhagyas.github.com/roostrap/

RooStrap、Spring Roo、Twitter Bootstrap で乾杯しましょう。

于 2012-10-25T05:27:21.890 に答える
1

ROOプロジェクトでBootstrapを使用することに興味がある場合は、新しいgvNIX-1.3.1-RELEASEバージョンを使用して、次の簡単なコマンドを使用してみてください。

Web MVC ブートストラップのセットアップ

ここでは、Bootstrap の外観を使用した Spring Roo アプリケーションに関するいくつかの例を見つけることができます。

https://github.com/DISID/gvnix-samples/tree/master/quickstart-app#result

gvNIX プロジェクトに興味がある場合は、次のサイトで詳細を確認できます。

https://code.google.com/p/gvnix/

https://github.com/DISID/gvnix

于 2014-07-28T15:27:24.843 に答える
1

SpringRoo プロジェクトが既に作成されているため、roostrap をテンプレートとして使用することはできません。それが、この素晴らしいテーマを私のプロジェクトに統合するために私がしたことです:

  1. ディレクトリbhagyas-roostrap-2f4ac0d/src/main/resources/META-INF/web-resourcesをYOUR_PROJECT/src/main/resources/META-INF/にコピーします

  2. ファイルbhagyas-roostrap-2f4ac0d/src/main/webapp/styles/roostrap.cssをYOUR_PROJECT/src/main/webapp/stylesにコピーします

  3. ファイルbhagyas -roostrap-2f4ac0d/src/main/webapp/WEB-INF/classes/roostrap.propertiesをYOUR_PROJECT/src/main/webapp/WEB-INF/classesにコピーします

  4. ディレクトリYOUR_PROJECT/src/main/webapp/WEB-INF/tagsを削除し、ディレクトリbhagyas-roostrap-2f4ac0d/src/main/webapp/WEB-INF/tagsをYOUR_PROJECT/src/main/webapp/WEB-INFにコピーします。

  5. ファイルYOUR_PROJECT/src/main/webapp/WEB-INF/views/header.jspxをbhagyas-roostrap-2f4ac0d/src/main/webapp/WEB-INF/views/header.jspx で上書きします

  6. ファイルYOUR_PROJECT/src/main/webapp/WEB-INF/views/index.jspxをbhagyas-roostrap-2f4ac0d/src/main/webapp/WEB-INF/views/index.jspxで上書きします

  7. 自分のプロジェクトで generate の SpringRoo メニューが気に入らないので、YOUR_PROJECT/src/main/webapp/WEB-INF/layouts/layouts.xmlは次のようになります。

    <definition name="default" template="/WEB-INF/layouts/default.jspx">
    <put-attribute name="header" value="/WEB-INF/views/header.jspx" />
    <!-- 
    <put-attribute name="menu" value="/WEB-INF/views/menu.jspx" />
    -->
    <put-attribute name="footer" value="/WEB-INF/views/footer.jspx" />
</definition>

  8. ファイルYOUR_PROJECT/src/main/webapp/WEB-INF/layouts/default.jspxをbhagyas-roostrap-2f4ac0d/src/main/webapp/WEB-INF/layouts/ default.jspx で上書きします。ステップ 7 を実行した場合は、default.jspxに移動して を探し<div class="container">ます。次のようになります。

        <div class="container">

        <div class="row">
            <!--  
            <div class="col-md-3">
                <div class="sidebar-nav">
                    <tiles:insertAttribute name="menu" ignore="true" />
                </div>

            </div>
             -->


            <div class="col-md-12 panel panel-default">
                <div id="main" class="panel-body">
                    <tiles:insertAttribute name="body"/> 
                </div>
            </div>

        </div>

    </div>

  9. ファイルYOUR_PROJECT/src/main/webapp/WEB-INF/spring/webmvc-config.xmlを変更し、次を探します。

    <bean class="org.springframework.web.servlet.theme.CookieThemeResolver" id="themeResolver" p:cookieName="theme" p:defaultThemeName="standard"/>

    デフォルトのテーマを標準からルーストラップに変更します。

    <bean class="org.springframework.web.servlet.theme.CookieThemeResolver" id="themeResolver" p:cookieName="theme" p:defaultThemeName="roostrap"/>

  10. ファイルYOUR_PROJECT/src/main/webapp/WEB-INF/views/footer.jspxclass="container"を変更し、メイン div に追加します。このような：

    <div class="container" xmlns:c="http://java.sun.com/jsp/jstl/core" xmlns:fn="http://java.sun.com/jsp/jstl/functions" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:spring="http://www.springframework.org/tags" xmlns:util="urn:jsptagdir:/WEB-INF/tags/util" id="footer" version="2.0">

  11. ファイルYOUR_PROJECT/src/main/webapp/WEB-INF/i18n/messages.propertiesに追加します

    global_theme_roostrap=roostrap 
welcome_text_roostrap=bla bla bla
welcome_quote=bla bla bla
welcome_quote_author=bla bla bla
于 2014-07-16T13:26:25.910 に答える
1

http://github.com/killersite/roo-twitter-bootstrapにも適切なプラグインがあります。次のように使用できます。

project --topLevelPackage com.lrkwz.roostrap --projectName roostrap --java 6 --packaging JAR
persistence setup --database HYPERSONIC_PERSISTENT --provider HIBERNATE 
entity jpa --class com.lrkwz.roostrap.domain.Person 
field string --fieldName personName --sizeMin 2
entity jpa --class ~.domain.Country
field string --fieldName countryName --notNull
osgi start --url file:///home/lrkwz/roo-twitter-bootstrap/target/com.ct.roo.addon.tbootstrap-0.1.0.BUILD-SNAPSHOT.jar
web mvc setup
web mvc install bootstrap
web mvc all --package com.lrkwz.roostrap.web
于 2012-11-06T17:44:54.837 に答える