Twitter Bootstrap是一个前端工具包,所以它基本上是css和HTML。这意味着它不依赖于任何特定的后端技术。
从宣布它的博客文章中:
Bootstrap的核心只是CSS,但它是用Less构建的,Less是一个灵活的预处理器,比常规CSS提供更多的功能和灵活性。借助 Less,我们获得了一系列功能,例如嵌套声明、变量、mixin、运算和颜色函数。此外,由于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),或者介于两者之间,如服务器端生成的“base”,通过JavaScript / ajax提供一些动态内容/行为。另一种选择可能是将servlet容器放在一起,并使用像Play这样的东西!框架。
编辑:
我不认为Bootstrap为你创建了HTML元素,它使用Less创建了css。您必须自己在服务器上编写标记,并使用文档中描述的样式和习语:twitter.github.com/bootstrap/components.html 您可以通过JSP等技术或模板引擎(如Velocity,Freemarker,StringTemplate等)从java中添加动态值。从用户读取值是通过处理 HTTP GET/POST 操作并读取属性来完成的。通常,您通过以下方式处理 GET
- 读取参数
- 通过网址选择模板/JSP
- 插值由 java 计算的动态值。
例如,如果用户在您选择订单时执行 GET.html模板,请从 中插入值。查看 Freemarker 示例,了解模板引擎的工作原理。您基本上传入了 a,并且 ${key} 关联的值在发送到浏览器之前呈现在页面中。./order.html?orderId=1
orderService.getOrder(1)
Map<String, Object>