前端技术的后端技术,如Twitter Bootstrap



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

我已经构建了一些JavaEEWeb应用程序,其中GWT用于表示层,Java用于服务器端;但正如我之前所指出的,我仍然不明白如何将Bootstrap与Java集成在一起。

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

Twitter Bootstrap是一个前端工具包,所以它基本上是css和HTML。这意味着它与任何特定的后端技术都没有关联。

来自宣布它的博客文章:

Bootstrap的核心只是CSS,但它是用一个灵活的预处理器,提供更大的功率和灵活性而不是常规CSS。使用Less,我们获得了一系列功能,如嵌套声明、变量、mixin、操作和颜色函数。此外,由于Bootstrap在通过Less编译时纯粹是CSS,因此我们获得两个重要的好处:

首先,Bootstrap仍然很容易实现;把它放在你的编码并执行。编译Less可以通过Javascript实现非官方的Mac应用程序,或通过Node.js(请访问http://lesscss.org)。

其次,一旦遵守,Bootstrap只包含CSS,这意味着没有多余的图像、Flash或Javascript。所有这些remains是一个简单而强大的CSS,可满足您的web开发需求。

这意味着你可以随心所欲地使用它。您可以在服务器端生成标记并将其提供给客户端(例如JSP),也可以从服务器端提供静态文件并通过ajax添加动态内容(后端可以是servlet或一些更高级的抽象,如Spring MVC或Jersey),或者介于两者之间的东西,如服务器端生成的"基础",通过JavaScript/ajax提供一些动态内容/行为。另一种选择是将servlet容器放在一起,然后使用类似Play!框架

编辑:

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

  1. 读取参数
  2. 通过url选择模板/JSP
  3. 对java计算的动态值进行插值

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

如果你有Java头脑,你可能会喜欢Tobacco,我就是为此制作的:http://tobacco.noroutine.me/.

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

类似的事情也有。最符合您需求的可能是resthub,尤其是他们的主干堆栈可能会引起您的兴趣。

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

它将主要处理MVC模式及其实现/技术(EJB、SpringMVC)。

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

对不起,我犯了一些英语错误,我是个法国人。

这里有一个例子
它展示了一个简单的网页,引导前端与java后端服务集成
或者在另一篇文章中,它提到了将bootstrap与spring集成。

最新更新