- PrimeFaces Beginner's Guide
- K. Siva Prasad Reddy
- 326字
- 2021-07-21 17:59:03
Looking at TechBuzz screenshots
In this section, we will see the sample screenshots of the TechBuzz application which we are going to build incrementally throughout the book.
User authentication
New users can register with the TechBuzz application and then log in to the system. To implement registration and login screens, we can use various PrimeFaces input components, Calendar, and Message components. Also we will learn how to perform form validations as well using the techniques described in the Performing form validations section of Chapter 1, Introduction to PrimeFaces, and Chapter 4, Introducing the PrimeFaces Client Side Validation Framework.
TechBuzz home page
When the user successfully logs in to TechBuzz, the Home page will be displayed with the list of posts posted by all the users, in reverse chronological order in a paginated manner. To implement this, we will use the DataList component along with pagination.
User account screen
Users can view his/her own and other user's account details such as their name, e-mail, and the posts he/she posted, and so on. For this, we will be using the TabView component.
Creating a post screen
The user can create a new post with a title and message, and associate relevant tags to the post. To implement this, we will use PrimeFaces input components and the AutoComplete component while choosing Tags.
User roles management
The TechBuzz application will have role-based authentication and authorization security, which enables only authorized users to perform actions. For this, we will be creating privileges and roles, and associate privileges to roles. Administrators can add or remove roles to/from users. To implement this, we will use the PickList component.
Posts in tree view
Sometimes, the user would like to see the posts based on year, month, and date. For this, we will use the Tree component to show posts in the tree format as follows:
Posts frequency charts
Administrators can view the frequency of posts per day/month/year in a graphical representation using Chart components.
