Twitter bootstrap 如何使用SpringRoo获得Twitter引导?

Twitter bootstrap 如何使用SpringRoo获得Twitter引导?,twitter-bootstrap,spring-roo,Twitter Bootstrap,Spring Roo,我正在开发一个web应用程序,使用SpringRoo作为我大学主题的一个项目。我已经创建了所有的实体、控制器、视图和其他一切。但是现在我想基本上忽略所有由Roo创建的tagx、jspx文件,并使用Twitter引导创建我自己的视图。我是网络开发新手,基本上我不知道从哪里开始。要开始使用twitter引导css文件,我必须做什么?下载的文件放在哪里?如何包含它们??我很困惑,非常感谢您的帮助 您可以从Bhagya Silva的RooStrap开始作为模板。我将其创建为一个SpringRoo项目,并

我正在开发一个web应用程序,使用SpringRoo作为我大学主题的一个项目。我已经创建了所有的实体、控制器、视图和其他一切。但是现在我想基本上忽略所有由Roo创建的tagx、jspx文件,并使用Twitter引导创建我自己的视图。我是网络开发新手,基本上我不知道从哪里开始。要开始使用twitter引导css文件,我必须做什么?下载的文件放在哪里?如何包含它们??我很困惑,非常感谢您的帮助

您可以从Bhagya Silva的RooStrap开始作为模板。我将其创建为一个SpringRoo项目,并进行了足够的定制,因此您可以简单地从Twitter引导和SpringRoo开始如果您对基础模板做了任何进一步的增强,请随意进行分叉项目,进行更改并在GitHub上发送请求,我将非常乐意将它们合并到RooStrap的下一个版本中

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


为RooStrap、Spring 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

因为我已经创建了SpringRoo项目,所以不能使用roostrap作为模板。这就是我在我的项目中整合这一令人敬畏的主题所做的:

  • 将目录bhagyas-roostrap-2f4ac0d/src/main/resources/META-INF/web资源复制到您的_项目/src/main/resources/META-INF/

  • 将文件bhagyas-roostrap-2f4ac0d/src/main/webapp/styles/roostrap.css复制到您的_项目/src/main/webapp/styles

  • 将文件bhagyas-roostrap-2f4ac0d/src/main/webapp/WEB-INF/classes/roostrap.properties复制到您的_项目/src/main/webapp/WEB-INF/classes

  • 删除您的_项目目录/src/main/webapp/WEB-INF/tags,并将目录bhagyas-roostrap-2f4ac0d/src/main/webapp/WEB-INF/tags复制到您的_项目/src/main/webapp/WEB-INF

  • 用bhagyas-roostrap-2f4ac0d/src/main/webapp/WEB-INF/views/header.jspx覆盖您的_项目/src/main/webapp/WEB-INF/views/header.jspx文件

  • 用bhagyas-roostrap-2f4ac0d/src/main/webapp/WEB-INF/views/index.jspx覆盖您的_项目/src/main/webapp/WEB-INF/views/index.jspx文件

  • 我不喜欢我的项目中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>
    
  • 将您的_项目/src/main/webapp/WEB-INF/i18n/messages.properties添加到文件中


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

    web mvc引导设置

    在这里,您可以找到一些关于使用引导外观的Spring Roo应用程序的示例:

    如果您对gvNIX项目感兴趣,您可以在以下网址找到更多信息:


    注意:通过使用gvNIX 1.3.1,您的项目将通过引导和蒲公英数据表得到改进

    看看

        <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>
    
    <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"/>
    
    <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">
    
    global_theme_roostrap=roostrap 
    welcome_text_roostrap=bla bla bla
    welcome_quote=bla bla bla
    welcome_quote_author=bla bla bla