You are previewing PrimeFaces Blueprints.
O'Reilly logo
PrimeFaces Blueprints

Book Description

Create your very own portfolio of customized web applications with PrimeFaces

In Detail

Through this book, you will gain practical experience in building web applications for a variety of business models. Starting with a basic application that will help you get acquainted with UI application development using PrimeFaces, you will learn about the significance of Ajax components. You will then be introduced to code compilation and generation in PrimeFaces. Following our first application, you will learn how to develop an employee registration application utilizing the form components of PrimeFaces. You will then learn how to use the layout and grouping components demonstrated through a POS application.

Finally, you will discover how to build rich and interactive applications such as an online shopping cart, a movie portal, an e-commerce application, a news portal, an online chat messenger, and also a healthcare products application, each illustrating the intuitive components offered by PrimeFaces.

What You Will Learn

  • Create feature-rich UI applications
  • Utilize the various input elements provided by PrimeFaces
  • Develop impressive UI for 10 successful real-time business models
  • Build an enterprise application
  • Enable fast and responsive navigation systems for each application
  • Explore custom application development
  • Downloading the example code for this book. You can download the example code files for all Packt books you have purchased from your account at http://www.PacktPub.com. If you purchased this book elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you.

    Table of Contents

    1. PrimeFaces Blueprints
      1. Table of Contents
      2. PrimeFaces Blueprints
      3. Credits
      4. About the Authors
      5. About the Reviewers
      6. www.PacktPub.com
        1. Support files, eBooks, discount offers, and more
          1. Why subscribe?
          2. Free access for Packt account holders
      7. Preface
        1. What this book covers
        2. What you need for this book
        3. Who this book is for
        4. Conventions
        5. Reader feedback
        6. Customer support
          1. Downloading the example code
          2. Errata
          3. Piracy
          4. Questions
      8. 1. Creating a "Hello World" Application
        1. An introduction to JavaServer Faces and PrimeFaces
        2. Setting up and configuring PrimeFaces
          1. Setting up and configuring using Maven
          2. Setting up and configuring for non-Maven (or Ant) users
          3. Application-level configuration
          4. Checking the JSF runtime compatibility
        3. Developing your first PrimeFaces application
        4. Change the old trend of development with Ajaxified components
          1. Learning Partial Processing
          2. Partial Page Rendering
          3. Partial submit
          4. PrimeFaces polling
        5. PrimeFaces code completion, NetBeans bundles PrimeFaces, and the code generation tool
          1. Eclipse code completion
          2. NetBeans code completion
          3. NetBeans bundles PrimeFaces
          4. The code generation tool
            1. Generating a CRUD application
            2. Adding entities and generating PrimeFaces pages
              1. Display page layout, dataTable list, and menu features
              2. The dataTable create operation using the dialog component
              3. The dataTable update operation using the dialog component
              4. The dataTable read or view operation using the dialog component
        6. Summary
      9. 2. Creating an Employee Registration Application
        1. Introduction to the employee registration project
          1. The employee registration application
          2. Application use cases
            1. The UML use case diagram
          3. The architectural design
        2. Creating a project and implementing the application screens
          1. The project structure
          2. Understanding the application template design
          3. Implementing the application screens using the form components
            1. Creating the login screen using the input components
            2. Exploring the employee registration form
            3. The Client Side Validation framework in form validations
            4. Exploring the change password functionality
            5. Tracking the list of job posts
            6. Managing the application through an admin role
          4. Working with the employee registration project code
        3. Summary
      10. 3. Creating a Simple Restaurant Point of Sale Application
        1. A quick start
        2. Application use cases
        3. The architectural design
          1. The application architecture diagram
          2. The entity diagram
        4. Implementing the application
          1. Template tags
            1. The UI composition tag
            2. The layout component
              1. Forms in a full-page layout
              2. Implementation
              3. A possible error
              4. Events and methods in the layout component
              5. Ajax's behavior events
            3. The grouping components
              1. The panelGrid component
          2. Supporting tags in the login screen
            1. The dataGrid component
              1. The dataGrid component's attributes
            2. The dataTable component and its usage
            3. The accordion component and its usage
          3. Integrating the restaurant's menu card model
            1. Updating the component on a click
              1. A problem encountered during implementation
              2. Controllers in use
              3. CSS and styling
          4. Working with sample code
        5. Summary
      11. 4. Global Mutual Funds Tracking
        1. An introduction to the global mutual funds tracking project
          1. The global mutual funds tracking application
          2. Application use cases
            1. Sketching the UML use case diagram
          3. The architectural design
        2. Creating a project and implementing the application screens
          1. The project structure
          2. Understanding the application template design
          3. Database configurations
          4. Implementing the application screens using data iteration components
            1. Implementing the login screen
            2. Login credentials
            3. Exploring the mutual funds screens
              1. Implementing the service center information screen
              2. Implementing the dealer information screen
              3. Implementing the advisor information screen
              4. Implementing the account summary information screen
        3. Working with the project code of the global mutual funds tracking application
        4. Summary
      12. 5. Investor Information Analysis and Reporting
        1. Understanding the investor information analysis and reporting project
          1. About the application
          2. Application use cases
            1. The UML use case diagram
          3. The architectural design
        2. Creating the project and implementing the application screens
          1. The project structure
          2. The application template design
          3. Database configurations
          4. Implementing application screens using analysis and reporting components
            1. Implementing the login screen
            2. The login credentials
            3. Exploring the summary tables
              1. Implementing the account summary table
              2. The investment summary table implementation
              3. The transaction summary table implementation
            4. Implementing the export functionality in summary screens
              1. Exporting the account summary data
              2. Exporting the investment summary data
              3. Exporting the transaction summary data
              4. Export tips and tricks
            5. Implementing the charts functionality in summary screens
              1. The account summary data analysis using pie and bar charts
              2. The investment summary data analysis using line charts
              3. The transaction summary data analysis using donut charts
        3. Working with investor information analysis and reporting the application project code
        4. Summary
      13. 6. Creating a Simple Online Shopping Cart Application
        1. Understanding the application
          1. The application use case
            1. Functional requirements
            2. The architecture
          2. The ER diagram
        2. The implementation
          1. The persistence layer
            1. The administration / back office module
              1. The presentation layer
          2. The menubar component
            1. Store management
              1. Adding new products
            2. The category page
            3. The flow diagram
          3. The storefront
            1. Implementing the cart mechanism
              1. The drag-and-drop component
              2. The checkout cart
            2. Code walk-through
          4. Working with the sample code
        3. Summary
      14. 7. Creating an Online Video Portal Application
        1. A quick overview
        2. Understanding our requirements
        3. The system architecture
        4. Implementations
          1. The ER diagram
          2. Working on the application persistence layer
            1. Possible errors in hibernate DML
          3. Working on the presentation layer
            1. The home page
              1. Code walk-through – the home page
            2. Enabling registration and login
              1. Code walk-through – the user registration page
            3. The user dashboard page
          4. Scheduling the application components
              1. Code walk-through – the schedule page
            1. Implementing the location page
            2. Integration
              1. MapModel
              2. Markers
              3. LatLng
        5. Working with the sample code
        6. Summary
      15. 8. Creating an Online Printing Station Application
        1. Understanding the need of this application
        2. Requirement analysis
          1. Functional requirements
        3. The architecture
        4. Fulfilling our application requirements using PrimeFaces
          1. The ER diagram
          2. Implementing our landing page
            1. The TagCloud component
              1. Code walk-through
            2. The scrollPanel component
              1. Code walk-through
            3. The chart component
              1. Code walk-through
            4. The contentFlow component
              1. Code walk-through
            5. Supporting components
          3. The login page
          4. The registration page
              1. Code walk-through
            1. The user dashboard page
              1. The dashboard component and its implementation
                1. Code walk-through
          5. Placing the print job order
            1. The slider component
            2. Code walk-through
            3. The fileUpload component
              1. Implementation
            4. The file download component
          6. Working with the sample code
        5. Summary
      16. 9. Creating an Online Chat Application
        1. The application use case
        2. Requirement analysis
          1. A flow diagram
        3. The architecture
        4. Implementing the requirements
          1. The ER diagram
          2. Implementing, deploying, and running the application
            1. The editor component
            2. The selectOneButton component
            3. The password component
            4. Code walk-through – the landing page before login
              1. The focus tag
              2. The defaultCommand component
            5. The landing page after login
              1. The dataScroller component
              2. Code walk-through
              3. The dataScroller component and the LazyData loading
            6. Supporting components
            7. The User Profile page
          3. The Push technology
            1. Implementing the chat module using PrimePush
              1. Code walk-through
              2. How does this work?
              3. The private chat option
          4. Working with the sample code
        5. Summary
      17. 10. Creating a Healthcare Products Application
        1. Introducing our healthcare products application
          1. Application use cases
            1. The UML use case diagram
          2. The architectural design
        2. Creating a project and implementing the application screens
          1. Laying out our application structure
          2. Designing the application template
          3. Database configurations
          4. Implementing application screens using data hierarchy, data display, and utility components
            1. Implementing the login screen
            2. Login credentials
            3. Implementing the HealthKart screen
            4. Implementing the admin screen
            5. Implementing the view-expired message using idleMonitor
        3. Applying themes in your PrimeFaces applications
          1. Applying existing themes
          2. Creating a new theme from scratch
            1. Font settings
            2. Corners
            3. Header/Toolbar
            4. Content
            5. Clickable states – default, hover, and active state
            6. Cues – highlight and error
            7. Overlays and shadows
          3. Theme Converters
            1. PrimeFaces Theme Converter
            2. ThemeRoller to PrimeFaces Themes Converter
          4. Changing themes on the fly using ThemeSwitcher
        4. Working with the project code of the healthcare products application
        5. Summary
      18. Index