用于 Twitter Bootstrap 等前端技术的后端技术 [已关闭]

2022-09-02 21:48:41

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

我已经构建了一些Java EE Web应用程序,使用GWT作为表示层,Java在服务器端;但是正如我之前所指出的,我仍然没有抓住如何将Bootstrap与Java集成。

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


答案 1

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

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

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


答案 2

如果你是Java思维者,你可能会喜欢烟草,我就是为此而制作的:http://tobacco.noroutine.me/

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

周围有一些类似的东西。最接近您需求的可能是 resthub,尤其是他们的 Backbone 堆栈可能会引起您的兴趣。


推荐