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

2024-05-04

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

我使用 GWT 作为表示层并在服务器端使用 Java 构建了一些 Java EE Web 应用程序;但正如我之前指出的,我仍然不明白如何将 Bootstrap 与 Java 集成。

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


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

来自博客文章 https://dev.twitter.com/blog/bootstrap-twitter宣布:

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

首先,Bootstrap 仍然非常容易实现;只需将其放入您的 编码并开始。编译 Less 可以通过 Javascript 来完成, 非官方 Mac 应用程序,或通过 Node.js(了解更多信息,请访问http://lesscss.org http://lesscss.org).

其次,一旦符合要求,Bootstrap 只包含 CSS,这意味着 没有多余的图像、Flash 或 Javascript。所有这些 仍然是简单而强大的 CSS,可以满足您的 Web 开发需求。

这意味着您可以以任何您想要的方式使用它。您可以在服务器端生成标记并将其提供给客户端(例如 JSP),您可以从服务器提供静态文件并通过 ajax 添加动态内容(后端可以是 servlet 或一些更高的抽象,如 Spring MVC 或 Jersey ),或者介于两者之间的东西,比如服务器端通过 JavaScript/ajax 生成的带有一些动态内容/行为的“基础”。另一种选择可能是将 servlet 容器全部删除并使用类似的东西玩!框架 http://www.playframework.org/.

Edit:

我不认为 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计算的动态值。

例如,如果用户执行 GET./order.html?orderId=1您选择 order.html 模板,从中插入值orderService.getOrder(1)。看看免费标记示例 http://freemarker.sourceforge.net/docs/xgui_imperative_learn.html了解模板引擎的工作原理。你基本上传递了一个Map<String, Object>与 ${key} 关联的值在发送到浏览器之前在页面中呈现。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Twitter Bootstrap 等前端技术的后端技术 [关闭] 的相关文章

随机推荐