用于Twitter Bootstrap等前端技术的后端技术

这是一个类似菜鸟的问题,但我们走了。 我读过Twitter Bootstrap(以及其他演示框架),它为设计人员/程序员提供了轻松构建webapp前端的工具。 我不知道的是如何将它与例如Java EE后端集成。 我的意思是,那些演示框架是否允许将它们与任何后端技术(如Java,PHP,Python等)集成? 或者它们是否与特定技术相关联?

我使用GWT为服务器端的表示层和Java构建了一些Java EE Web应用程序; 但正如我之前指出的那样,我仍然没有意识到如何将Bootstrap与Java集成。

我知道这是一个非常普遍的问题,但我会感激任何帮助。

Twitter Bootstrap是一个前端工具包,所以它基本上是CSS和HTML。 这意味着它不依赖于任何特定的后端技术。

从宣布它的博客文章 :

Bootstrap的核心是CSS,但它采用Less构建,这是一种灵活的预处理器,比普通的CSS提供更强大的function和灵活性。 使用Less,我们获得了一系列function,如嵌套声明,变量,mixins,操作和颜色函数。 此外,由于Bootstrap在通过Less编译时纯粹是CSS,因此我们获得了两个重要的好处:

首先,Bootstrap仍然很容易实现; 把它放在你的代码中去吧。 编译Less可以通过Javascript,一个非官方的Mac应用程序,或通过Node.js完成(在http://lesscss.org上阅读更多相关信息)。

其次,一旦编译,Bootstrap只包含CSS,这意味着没有多余的图像,Flash或Javascript。 剩下的就是简单而强大的CSS,可满足您的Web开发需求。

这意味着您可以以任何您想要的方式使用它。 您可以生成标记服务器端并将其提供给客户端(例如JSP),您可以从服务器提供静态fil并通过ajax添加动态内容(后端可以是servlet或一些更高的抽象,如Spring MVC或Jersey ),或者像服务器端生成的“基础”之间的某些东西,通过JavaScript / ajax生成一些动态内容/行为。 另一种选择可能是将servlet容器全部放在一起并使用Play之类的东西! 框架 。

编辑:

我不认为Bootstrap为您创建HTML元素,它使用Less创建css。 您必须自己在服务器上编写标记,并使用文档中描述的样式和习语:twitter.github.com/bootstrap/components.html您可以通过JSP或模板引擎(如Velocity,Freemarker)等技术从Java添加动态值,StringTemplate等。通过处理HTTP GET / POST操作和读取属性来完成从用户读取值。 通常你会处理一个GET

  1. 阅读参数
  2. 通过URL选择模板/ JSP
  3. 插值由java计算的动态值。

例如,如果用户在./order.html?orderId=1上执行了GET, ./order.html?orderId=1选择order.html模板,插入orderService.getOrder(1)值。 查看Freemarker示例 ,了解模板引擎的工作原理。 您基本上传入了一个Map并且$ {key}关联的值在它被发送到浏览器之前在页面中呈现。

如果你是有头脑的,你可能会喜欢我为此做的烟草: http : //tobacco.noroutine.me/ 。

基本上它是maven项目模板,包含最新的js libs和最新的Twitter Bootstrap。

这有类似的事情。 最接近您需求的可能是resthub,尤其是他们的Backbone堆栈可能是有意义的。

正如ebaxt所说,Bootstrap只是一种模块化的前端技术。 您的问题是关于基于Java EE的应用程序的可视部分。

它基本上将处理MVC模式及其实现/技术(EJB,Spring MVC)。

然后你将最终处理表示技术:在.jsp页面中编写,使用JSF或Struts或GWT技术或(当然)BootStrap(与任何其他js和css代码一样)来获得可视结果和可访问性。 通过这样做,您将获得一个完整的结构良好的应用程序。

对不起英语错误,如果我做了一些,我是法国人。

这是一个例子 。
它显示了一个简单的网页,其中引导程序前端与java-backend服务集成在一起。
或者在另一篇文章中提到将bootstrap与spring集成在一起。