在JSF中使用Primefaces和Bootstrap

Tux*_*Tux 18 jsf primefaces jsf-2 twitter-bootstrap

即使是现在我在我的项目中使用了JSF + Primefaces,这给了我许多新的组件(从primefaces)到工作.

但我的新客户需要一个良好的管理员面板布局(响应+清洁+美丽).在http://themeforest.net/中搜索我发现了很多很棒的布局,但几乎所有东西都是用于引导程序.

所以,我的疑问是:我可以继续使用primefaces(利用强大的组件)并使用布局进行引导程序吗?有一些限制吗?

Ste*_*auh 11

我建议使用BootsFaces以及PrimeFaces的Bootstrap主题(请参阅http://showcase.bootsfaces.net/integration/PrimeFaces.jsf).BootsFaces减少了编写Bootstrap页面所需的样板代码.此外,它提供了几个小部件,这些小部件比PrimeFaces对应的更适合Bootstrap页面.我们将BootsFaces设计为PrimeFaces的插件,因此您可以安全地将两者结合使用.


rmp*_*ano 9

我已经启动了一个名为AdminFaces的项目.它将Primefaces和Bootstrap集成到一个名为admin的新主题中.这个主题将一些bootstrap样式集成到primefaces组件中,如面板,按钮,消息,数据表,选项卡视图等.它还带来了一个基于着名的Admin LTE bootstrap管理模板的模板.

您可以在这里查看展示:http://admin-showcase-admin.1d35.starter-us-east-1.openshiftapps.com/showcase/

该项目处于早期开发阶段(例如:仅提供快照),因此任何反馈或贡献都非常受欢迎.


小智 8

Primefaces和Bootstrap很难一起工作.Bootstrap定义了一堆在html中使用的css类(如navbar).但是,primefaces通过使用自己的css类(如ui-menubar)来渲染组件.

虽然Primefaces提供了一个bootstrap主题,但主题只是使得primefaces组件看起来像bootstrap看起来像一种感觉.但是这些组件仍然通过使用primefaces css类而不是bootstrap css类来呈现.


gia*_*a86 2

Primefaces 已经有一个引导主题,如Primefaces 主题页面中所述

要配置它,您可以关注此StackOverflow 讨论

很高兴能为您提供帮助。

  • 它基于一个非常旧版本的 bootstrap,集成很好,如果你想匹配 bootstrap 类,你可以扩展 primefaces 的渲染器并将从 jQuery UI 获取输出的类更改为 bootstrap 模板。 (2认同)