primefaces教程_PrimeFaces教程

primefaces教程

Recently we have published a lot of Primefaces tutorial. PrimeFaces is one of the most popular reference implementation of Java ServerFaces specifications.

最近，我们发布了很多Primefaces教程。 PrimeFaces是Java ServerFaces规范中最受欢迎的参考实现之一。

Primefaces教程 (Primefaces Tutorial)

PrimeFaces is very easy to use and comes with a lot of components to create awesome effect on view pages, we have looked through most of the important ones in earlier posts.

PrimeFaces非常易于使用，并带有许多组件，可在视图页面上产生令人赞叹的效果，我们在之前的文章中浏览了大多数重要的组件。

One of the most useful feature of PrimeFaces is the support for creating responsive view pages, that is a must have for current web pages. This post is an index of all the articles we have published on Primefaces tutorial, I would suggest you to go through them in the given order for better learning experience. You might also want to bookmark this post for future reference of primefaces tutorial.

PrimeFaces最有用的功能之一是支持创建响应视图页面，这是当前网页所必需的。 这篇文章是我们在Primefaces教程上发布的所有文章的索引，我建议您按照给定的顺序阅读它们，以获得更好的学习体验。 您可能还希望将此帖子添加为书签，以供将来Primefaces教程参考。

All of these tutorials come with downloadable source code, so that you can quickly start with it and experiment with changes to learn more.

所有这些教程均随附可下载的源代码，因此您可以快速开始使用它并尝试进行更改以了解更多信息。

1. JSF PrimeFaces Tutorial

   JSF is the leading framework in creating view pages, there are a lot of implementations for JSF specs such as Mojarra and Apache MyFaces. PrimeFaces is one of the most widely used implementation for JSF specs. This article explains about the JSF and it’s lifecycle, what is new in JSF 2.0 and how to get started with PrimeFaces. This primefaces tutorial is a good read for anyone who is beginner to JSF and PrimeFaces. The article provide complete details about getting started with PrimeFaces and creating your first Hello World PrimeFaces web application with downloadable source code for your ease.

   JSF PrimeFaces教程

   JSF是创建视图页面的领先框架，有许多针对JSF规范的实现，例如Mojarra和Apache MyFaces。 PrimeFaces是JSF规范中使用最广泛的实现之一。 本文介绍了JSF及其生命周期，JSF 2.0中的新增功能以及如何开始使用PrimeFaces。 对于任何刚接触JSF和PrimeFaces的人来说，此primefaces教程都是不错的阅读。 本文提供了有关PrimeFaces入门以及使用可下载源代码轻松创建第一个Hello World PrimeFaces Web应用程序的完整详细信息。

2. PrimeFaces AccordionPanel Example Tutorial

   PrimeFaces comes with tons of UI components to help us in creating view pages easily, AccordionPanel is a container component that we can use to displays content in a stacked format. This primefaces tutorial explains about AccordionPanel basic information, attributes and how to load dynamic content in an accordion panel container. This article also dives into using Ajax when tab change event is triggered.

   PrimeFaces手风琴面板示例教程

   PrimeFaces带有大量UI组件，可帮助我们轻松创建视图页面，AccordionPanel是一个容器组件，可用于以堆叠格式显示内容。 此主界面教程介绍了有关AccordionPanel的基本信息，属性以及如何在手风琴面板容器中加载动态内容。 触发选项卡更改事件时，本文还将深入介绍如何使用Ajax。

3. PrimeFaces Dashboard Example

   Primefaces Dashboard UI component is used to create widgets like component in the view pages with drag and drop functionality. You can close the Dashboard, make ajax calls for any events such as reordering of dashboards or when adding a new widget.

   PrimeFaces仪表板示例

   Primefaces Dashboard UI组件用于通过拖放功能在视图页面中创建类似于组件的窗口小部件。 您可以关闭仪表板，对任何事件进行ajax调用，例如仪表板的重新排序或添加新的小部件时。

4. PrimeFaces Calendar Component Example

   Calendars are very common in web pages, it helps end users in selecting dates easily and applications to avoid getting wrong input because of formatting issue. PrimeFaces tutorial for calendar component provide extensive support for creating different types of calendars with paging, localization, selecting date range and making ajax calls.

   PrimeFaces日历组件示例

   日历在网页中非常常见，它可以帮助最终用户轻松选择日期，并帮助应用程序避免由于格式问题而输入错误。 PrimeFaces日历组件教程为使用分页，本地化，选择日期范围和进行Ajax调用创建不同类型的日历提供了广泛的支持。

5. PrimeFaces BlockUI Component Example Tutorial

   PrimeFaces BlockUI component is used to blocking other components or set of components, it’s used to make sure a component content is not modified when an event occurs or an ajax call is in process.

   PrimeFaces BlockUI组件示例教程

   PrimeFaces BlockUI组件用于阻止其他组件或一组组件，用于确保在发生事件或进行Ajax调用时不修改组件内容。

6. PrimeFaces Toolbar, ToolbarGroup and Tooltip Component Example Tutorial

   This article explains about the Toolbar component that we can use to create navigation menus, we can group them using ToolbarGroup component and Tooltip component can be used to add tooltip to any HTML element in the web page. We can have a message as well as image in the tooltip component.

   PrimeFaces工具栏，ToolbarGroup和工具提示组件示例教程

   本文介绍了可用于创建导航菜单的工具栏组件，我们可以使用ToolbarGroup组件对它们进行分组，并且可以使用Tooltip组件将工具提示添加到网页中的任何HTML元素。 工具提示组件中可以包含消息和图像。

7. PrimeFaces Tree, TreeNode and TreeTable Components Example Tutorial

   Primefaces Tree and TreeTable component can be used to create hierarchical data and create site navigation menus. Every Tree component is associated with a TreeNode instance called root that can have child nodes. This primefaces tutorial also explains how to create dynamic tree with multiple tree nodes and how to make ajax calls when a node is expanded, collapsed, selected or unselected.

   This article also explains about Selection and SelectionMode, Node Cache and OnNodeClick, drag and drop, Horizontal Tree, Context Menu, TreeTable Ajax Behavior Events, sorting utilities in detail.

   PrimeFaces树，TreeNode和TreeTable组件示例教程

   Primefaces Tree和TreeTable组件可用于创建分层数据和创建站点导航菜单。 每个Tree组件都与一个名为root的TreeNode实例相关联，该实例可以具有子节点。 此Primefaces教程还介绍了如何创建具有多个树节点的动态树，以及在节点展开，折叠，选定或未选定时如何进行Ajax调用。

   本文还详细介绍了Selection和SelectionMode，Node Cache和OnNodeClick，拖放，水平树，上下文菜单，TreeTable Ajax行为事件，排序实用程序。

8. PrimeFaces Menu Example Tutorial

   Most of the web pages have menus that is useful for better user experience. Primefaces provides a bunch of components for different types of menus.

   • Menu: Is a navigation component with submenus and menu items.
   • MenuBar: Is a horizontal navigation component.
   • MenuButton: Is used to display different commands in a popup menu.
   • TieredMenu: Is used to display nested submenus with overlays.
   • SlideMenu: Is used to display nested submenus with sliding animation.
   PrimeFaces菜单示例教程

   大多数网页都有菜单，这些菜单对于改善用户体验很有用。 Primefaces为不同类型的菜单提供了许多组件。

   • 菜单：是带有子菜单和菜单项的导航组件。
   • MenuBar：是一个水平导航组件。
   • MenuButton：用于在弹出菜单中显示不同的命令。
   • TieredMenu：用于显示带有叠加层的嵌套子菜单。
   • SlideMenu：用于显示带有滑动动画的嵌套子菜单。
9. PrimeFaces Tab, TabMenu, TabView, TagCloud Example Tutorial

   This article explains about following components from Primefaces library.

   • Tab: Is generic container component used by other Primefaces components such as tabView and AccordionPanel.
   • TabMenu: Is a navigation component that displays menu items as tabs.
   • TabView: Is a container component to group content in a tabs.
   • TagCloud: Displays a collection of tag with different strengths.
   PrimeFaces Tab，TabMenu，TabView，TagCloud示例教程

   本文介绍有关Primefaces库中以下组件的信息。

   • Tab：其他Primefaces组件（例如tabView和AccordionPanel）使用的通用容器组件。
   • TabMenu：是一个导航组件，将菜单项显示为选项卡。
   • TabView：是一个容器组件，用于将选项卡中的内容分组。
   • TagCloud：显示具有不同强度的标签的集合。
10. PrimeFaces Panel, PanelGrid and PanelMenu Example Tutorial

    Primefaces provides us a vast amount of variant components that would be used for achieving different business scenarios.

    One of the major intrusive things most of developers want to avoid is the process of laying out form’s components. Primefaces had solved this issue dramatically by providing set of relevant components; Panel and PanelGrid are mainly used for this purpose.

    Meanwhile, PanelMenu provides you a way of organizing submenus and menu items in a hierarchical form mixed with accordionPanel behavior.

    PrimeFaces Panel，PanelGrid和PanelMenu示例教程

    Primefaces为我们提供了大量用于实现不同业务场景的变体组件。

    大多数开发人员要避免的主要干扰之一是布局表单组件的过程。 Primefaces通过提供一组相关组件极大地解决了这个问题。 Panel和PanelGrid主要用于此目的。

    同时，PanelMenu为您提供了一种以分层形式组织子菜单和菜单项的方法，并混合了AccordionPanel行为。

11. PrimeFaces CommandButton, CommandLink, Confirm, FileDownload Components

    Primefaces has a huge components library. Different components are provided to serve you solve your problems without any need for writing any line of code. This tutorial will spotlight into the following components:

    • CommandButton: is an extended version of standard commandButton.
    • CommandLink: is an extended version of standard commandLink.
    • Confirm: is a behavior element used to integrate with global confirm dialog.
    • ConfirmDialog: is a replacement to the legacy javascript confirmation box. Skinning, customization and avoiding popup blockers are notable advantages over classic javascript confirmation.
    • FileDownload: is a component used for providing an easier way to present binary data to the client.
    PrimeFaces CommandButton，CommandLink，确认，文件下载组件

    Primefaces具有庞大的组件库。 提供了不同的组件，可帮助您解决问题，而无需编写任何代码。 本教程将重点介绍以下组件：

    • CommandButton ：是标准commandButton的扩展版本。
    • CommandLink ：是标准CommandLink的扩展版本。
    • 确认 ：是用于与全局确认对话框集成的行为元素。
    • ConfirmDialog ：替换旧版JavaScript确认框。 与经典的javascript确认相比，外观，自定义和避免弹出窗口阻止程序是显着的优势。
    • FileDownload ：是用于提供一种将二进制数据呈现给客户端的简便方法的组件。
12. PrimeFaces Selective Components Example Tutorial

    Primefaces library has provided different forms of components that make use selective function. As such, this tutorial will cover all of required information that’s relevant for each type of them.

    • SelectBooleanButton
    • SelectBooleanCheckbox
    • SelectCheckboxMenu
    • SelectManyButton
    • SelectManyCheckbox
    • SelectManyMenu
    • SelectOneButton
    • SelectOneListbox
    • SelectOneMenu
    • SelectOneRadio
    PrimeFaces选择性组件示例教程

    Primefaces库提供了使用选择功能的不同形式的组件。 这样，本教程将涵盖与每种类型有关的所有必需信息。

    • 选择布尔按钮
    • SelectBoolean复选框
    • 选择复选框菜单
    • SelectManyButton
    • SelectMany复选框
    • 全选菜单
    • 选择一个按钮
    • SelectOneListbox
    • 选择一个菜单
    • SelectOneRadio
13. PrimeFaces Message, Messages and Growl Component Example Tutorial

    Messages are normally used for notifying, informing and keep the users aware of the actions that they are achieved. Typically, messages used for displaying information, errors, warnings and so on.

    Primefaces like all of JSF implementations, provides different types of components that are used for doing so. Messages, message and growl are the only components get used for this purpose. This tutorial will help you getting featured these components into your application.

    PrimeFaces消息，消息和低吼组件示例教程

    消息通常用于通知，通知用户并使他们知道所实现的操作。 通常，用于显示信息，错误，警告等的消息。

    像所有JSF实现一样，Primefaces提供了用于执行此操作的不同类型的组件。 消息，消息和咆哮是用于此目的的唯一组件。 本教程将帮助您在应用程序中使用这些组件。

14. PrimeFaces Wizard Component Example Tutorial

    Primefaces Wizard Component provides an ajax enhanced UI to implement a workflow easily in a single page. Wizard consists of several child tab components where each tab represents a step in the process. This article starts with basic wizard component features and move forward with FlowListener and Client side callback examples.

    PrimeFaces向导组件示例教程

    Primefaces向导组件提供了ajax增强的UI，可在单个页面中轻松实现工作流程。 向导由几个子选项卡组件组成，其中每个选项卡代表过程中的一个步骤。 本文首先介绍基本的向导组件功能，然后继续介绍FlowListener和客户端回调示例。

15. PrimeFaces FileUpload Component Example

    Providing a file upload functionality within your application isn’t simple task as a much of developer might think. It may expense a couple of hours for implementing it, and though keeping you aware of a lot of technical details that you may not take advantage of them practically.

    As you’ve experienced, HTML provides you a type file for input tag, that needs a much more of coding for making it applicable for the upload use. Regardless of conforming with the legacy browsers headache, Primefaces has cut-off that burden by providing you a ready-made FileUpload component that help you seamlessly getting files uploaded into your server with minimal amount of cost.

    This tutorial clarifies the all features that bundled with the FileUpload component for getting started using it in your application wisely.

    PrimeFaces FileUpload组件示例

    许多开发人员可能认为，在您的应用程序中提供文件上传功能并不是一件容易的事。 虽然可能会使您花费几个小时来实施它，但是尽管使您了解很多技术细节，但您实际上可能不会利用它们。

    如您所知，HTML为您提供了一个用于输入标签的类型文件，需要更多的代码才能使其适用于上传。 无论面对旧版浏览器的麻烦，Primefaces都通过为您提供现成的FileUpload组件来减轻这种负担，该组件可帮助您以最少的成本无缝地将文件上传到服务器中。

    本教程阐明了FileUpload组件捆绑提供的所有功能，以便在您的应用程序中明智地使用它。

16. PrimeFaces Utilities Examples

    Primefaces is a leading JSF library, it provides vast amount of components and facilitates so many kind of utilities and frameworks. This tutorial will highlight the most beneficial utilities and frameworks as well as explain how can we make use all of them more effective in development process.

    Some of these utilities discussed in this tutorial are RequestContext, EL Functions, Dialog Framework & Search Expression Framework.

    PrimeFaces实用程序示例

    Primefaces是领先的JSF库，它提供了大量组件，并促进了多种实用程序和框架。 本教程将重点介绍最有用的实用程序和框架，并说明如何在开发过程中更有效地利用它们。

    本教程中讨论的一些实用程序包括RequestContext，EL函数，对话框框架和搜索表达式框架。

17. PrimeFaces Mobile Tutorial

    Primefaces provides a mobile version of its library, Primefaces Mobile or (PFM). Primefaces Mobile is a UI kit to create a JSF based application with responsive design for mobile devices.

    PFM is built on top of jQuery Mobile library that is a touch-optimized HTML5 UI framework, providing support for various mobile platforms.

    This tutorial is intended to provide you a full-fledged explanations for how you could leverage Primefaces Mobile library and create responsive applications suitable for mobile devices too.

    PrimeFaces移动教程

    Primefaces提供其库的移动版本，Primefaces Mobile或（PFM）。 Primefaces Mobile是一个UI套件，用于为移动设备创建具有响应设计的基于JSF的应用程序。

    PFM基于jQuery Mobile库构建，该库是针对触摸优化HTML5 UI框架，为各种移动平台提供支持。

    本教程旨在为您提供有关如何利用Primefaces Mobile库并创建适用于移动设备的自适应应用程序的完整说明。

18. PrimeFaces Themes Example

    Primefaces integrated with powerful ThemeRoller CSS framework. Currently there are 30+ pre-designed themes that you can preview and download from Primefaces theme gallery. This tutorial will provide you complete explanation of how you could deal with the theme feature for applying a new theme and creating new one.

    PrimeFaces主题示例

    Primefaces与功能强大的ThemeRoller CSS框架集成。 当前有30多个预先设计的主题，您可以从Primefaces主题库中预览和下载。 本教程将为您提供有关如何处理主题功能以应用新主题并创建新主题的完整说明。

19. Primefaces AjaxBehavior and AjaxExceptionHandler Component Example

    This tutorial aimed to help you gathering the required information that makes the use of ajax component much easier.

    Beside all of those important information that you will get here about ajax component, following also the life-cycle of the ajax request/response phases as it’s supported by the JSF 2 framework.

    Ajax behavior was introduced in the JSF 2 specification, and Primefaces is one of those libraries built on, so you will not find a big difference between standard JSF ajax component f:ajax and Primefaces ajax component p:ajax except the latter used with the Primefaces components.

    Primefaces AjaxBehavior和AjaxExceptionHandler组件示例

    本教程旨在帮助您收集使ajax组件的使用更加容易的必需信息。

    除了您将在这里获得的有关ajax组件的所有重要信息之外，还遵循JSF 2框架支持的ajax请求/响应阶段的生命周期。

    Ajax行为是JSF 2规范中引入的，Primefaces是建立在这些库中的库之一，因此您不会在标准JSF ajax组件f：ajax和Primefaces ajax组件p：ajax之间发现很大的区别，只是后者与Primefaces一起使用组件。

20. Primefaces Spring & Hibernate Integration Example Tutorial

    This is one of the integration example where we have explained how to integrate PrimeFaces with Spring and Hibernate framework. This is a very commonly used combination to get the most out of each of the frameworks.

    Primefaces Spring和Hibernate集成示例教程

    这是集成示例之一，我们在其中解释了如何将PrimeFaces与Spring和Hibernate框架集成。 这是一种非常常用的组合，可以充分利用每个框架。

21. PrimeFaces Spring 4 with JPA (Hibernate 4/EclipseLink) Example Tutorial

    Java Persistence API is a standard specification. It provides a persistence model that’s implemented by different numerous of implementer.

    Hibernate & EclipseLink are two most popular implementations used for persisting given business model against some sort of persistence store like relational database. As such, this primefaces tutorial will provide you a full-fledged example containing all required configuration steps to developer a layered application that uses Primefaces components to develop a compelling User Interface, Hibernate/EclipseLink implementations to develop an Object/Relational Mapping beneath JPA umbrella and Spring framework as a kind of glue that get everything attached each together.

    具有JPA的PrimeFaces Spring 4（Hibernate 4 / EclipseLink）示例教程

    Java Persistence API是一个标准规范。 它提供了一个持久性模型，该模型由众多实施者实施。

    Hibernate和EclipseLink是两个最流行的实现，用于将给定的业务模型持久化到某种持久性存储（如关系数据库）中。 这样，此primefaces教程将为您提供一个完整的示例，其中包含所有必需的配置步骤，以开发使用Primefaces组件开发引人注目的用户界面，Hibernate / EclipseLink实现以开发JPA框架下的对象/关系映射的分层应用程序。 Spring框架是一种胶粘剂，可以将所有东西都粘在一起。

22. PrimeFaces Hibernate SpringRoo Integration Example

    SpringRoo is an open source software tool that uses convention-over-configuration concept to facilitate producing Java-Based enterprise software application in a driven command-line way.

    This primefaces tutorial explains about integration between SpringRoo, PrimeFaces and Hibernate frameworks.

    PrimeFaces Hibernate SpringRoo集成示例

    SpringRoo是一个开源软件工具，它使用基于约定的约定概念来促进以驱动命令行方式生成基于Java的企业软件应用程序。

    这个Primefaces教程解释了SpringRoo，PrimeFaces和Hibernate框架之间的集成。

23. Primefaces Spring EclipseLink NoSQL with MongoDB & Oracle NoSQL DB

    This article provide details about integration between PrimeFaces, Spring and NoSQL databases such as MongoDB and Oracle NoSQL database.

    Primefaces Spring EclipseLink NoSQL与MongoDB和Oracle NoSQL DB

    本文提供有关PrimeFaces，Spring和NoSQL数据库（例如MongoDB和Oracle NoSQL数据库）之间集成的详细信息。

Reference: Primefaces Official Page

参考： Primefaces官方页面

翻译自: https://www.journaldev.com/5516/primefaces-tutorial

primefaces教程