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

Question

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

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

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

Answer 1

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

从宣布它的博客文章:

Bootstrap的核心是CSS,但它采用Less构建,这是一种灵活的预处理器,比普通的CSS提供更强大的功能和灵活性.使用Less,我们获得了一系列功能,如嵌套声明,变量,mixins,操作和颜色函数.此外,由于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之类的东西!框架.

编辑:

我不认为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).查看Freemarker示例,了解模板引擎的工作原理.您基本上传入了a Map<String, Object>,$ {key}关联的值在页面呈现给浏览器之前呈现在页面中.