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

Question

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

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

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

Answer 1

Twitter Bootstrap是一个前端工具包，所以它基本上是CSS和HTML。这意味着它与任何特定的后端技术无关。

从blog post宣布：

  

其核心，Bootstrap只是CSS，但它是用Less构建的，a   灵活的预处理器，提供更强大的功能和灵活性   比普通的CSS。使用Less，我们可以获得嵌套等一系列功能   声明，变量，混合，操作和颜色函数。   另外，由于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! Framework的内容。

修改

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

处理GET

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

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

Answer 2

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

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

这有类似的事情。最符合您需求的一个可能是resthub，尤其是他们的Backbone堆栈可能很有用。

Answer 3

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

它基本上将处理MVC模式及其实现/技术（EJB，Spring MVC）。

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

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

Answer 4

这是an example 它显示了一个简单的网页，其中引导程序前端与java后端服务集成在一起 或者在另一个post中，它提到了将bootstrap与spring集成在一起。