5

我正在使用 Spring Roo 作为我的 uni 主题的项目开发一个 Web 应用程序。我已经创建了所有实体、控制器、视图和其他所有内容。但现在我想基本上忽略所有由 Roo 创建的 tagx、jspx 文件，并使用 Twitter Bootstrap 创建我自己的视图。我是网络开发的新手，基本上我什至不知道从哪里开始。我需要做什么才能开始使用 twitter bootstrap css 文件，我将下载的文件放在哪里，如何包含它们？我很困惑，非常感谢您的帮助！

4

5 回答 5

4

You can start with RooStrap by Bhagya Silva as your template.1 I created it as a Spring Roo project with enough customizations done so you can simply start with Twitter Bootstrap and Spring Roo. =) If you do any further enhancements to the base templates, feel free to fork the project, do the changes and send up a pull request on GitHub and I'll be more than happy to incorporate them in the next revisions of RooStrap.

You can find RooStrap from the following location on GitHub.

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

Cheers and all the best with RooStrap, Spring Roo and Twitter Bootstrap.

于 2012-10-25T05:27:21.890 回答
2

请注意，通过使用 gvNIX 1.3.1，您的项目将使用Bootstrap和Dandelion Datatables得到改进。

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

于 2014-07-29T05:33:43.433 回答
1

如果您有兴趣在您的ROO项目中使用Bootstrap，您可以尝试使用新的gvNIX-1.3.1-RELEASE版本并使用以下简单命令：

网络 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. 用bhagyas-roostrap-2f4ac0d/src/main/webapp/WEB-INF/views/header.jspx覆盖文件YOUR_PROJECT/src/main/webapp/WEB-INF/views/ header.jspx

  6. 用bhagyas-roostrap-2f4ac0d/src/main/webapp/WEB-INF/views/index.jspx覆盖文件YOUR_PROJECT/src/main/webapp /WEB-INF/views/index.jspx

  7. 我不喜欢在我的项目中生成 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. 用bhagyas-roostrap-2f4ac0d/src/main/webapp/WEB-INF/layouts/default.jspx覆盖文件YOUR_PROJECT/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"/>

    并将默认主题从标准更改为 roostrap：

    <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.jspx并添加class="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 回答