Question

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

Answer 1

你可以从Bhagya Silva的 RooStrap 开始作为你的模板。1我创建了一个Spring Roo项目，完成了足够的自定义，所以你可以简单地从Twitter Bootstrap和Spring Roo开始。 =）如果您对基本模板进行任何进一步的增强，请随意分叉项目，进行更改并在GitHub上发送拉取请求，我将非常乐意将它们合并到RooStrap的下一个版本中。< / p>

您可以在GitHub上的以下位置找到RooStrap。

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

与RooStrap，Spring Roo和Twitter Bootstrap一起欢呼，并且一切顺利。

Answer 2

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

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

Answer 3

http://github.com/killersite/roo-twitter-bootstrap还有一个合适的插件。 Yuo ca用这种方式：

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

Answer 4

由于我已经创建了SpringRoo项目，因此无法使用roostrap作为模板。这就是我在我的项目中整合这个令人敬畏的主题所做的：

将目录 bhagyas-roostrap-2f4ac0d / src / main / resources / META-INF / web-resources 复制到 YOUR_PROJECT / src / main / resources / META-INF /
将文件 bhagyas-roostrap-2f4ac0d / src / main / webapp / styles / roostrap.css 复制到 YOUR_PROJECT / src / main / webapp / styles < / p>
将文件bhagyas-roostrap-2f4ac0d / src / main / webapp / WEB-INF / classes / roostrap.properties 复制到 YOUR_PROJECT / src / main / webapp / WEB- INF /类
删除目录 YOUR_PROJECT / src / main / webapp / WEB-INF / tags 并复制目录 bhagyas-roostrap-2f4ac0d / src / main / webapp / WEB-INF /标签到 YOUR_PROJECT / src / main / webapp / WEB-INF
使用 bhagyas-roostrap-2f4ac0d / src / main / webapp / WEB-覆盖文件 YOUR_PROJECT / src / main / webapp / WEB-INF / views / header.jspx INF /视图/ header.jspx
使用 bhagyas-roostrap-2f4ac0d / src / main / webapp / WEB-覆盖文件 YOUR_PROJECT / src / main / webapp / WEB-INF / views / index.jspx INF /视图/ index.jspx

我不喜欢在我的项目中生成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>

使用 bhagyas-roostrap-2f4ac0d / src / main / webapp / WEB-覆盖文件 YOUR_PROJECT / src / main / webapp / WEB-INF / layouts / default.jspx INF /布局/ 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>

修改文件 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"/>

修改文件 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">

添加到文件 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

Answer 5

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

web mvc bootstrap setup

在这里，您可以找到一些使用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

如何使用Spring Roo获取Twitter Bootstrap？

5 个答案: