Problems navigating in a JSF Single Page Application

Question

I'm learning JSF 2.2 and trying to make a Single Page Application (SPA). Using version 2.2.8. I have made a simple SPA that only displays text and pictures. I made it by using f:ajax, ui:include and ui:composition.

It all starts in the index.xhtml file:




Project S - SPA



Project S - Single Page Application

From here I load pages like login.xhtml:


    Login page
    
    Please log in.

    
        User name: 
        Password:

and create-user.xhtml:


    Create user page

    
        
            User name:
            
            
            

            Password:
            
            
            

            Hint:

I use the NavController.java Managed bean to navigate them:

package controllers;

import java.io.Serializable;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;

@ManagedBean
@ViewScoped
public class NavController implements Serializable {
    private static final long serialVersionUID = 1L;
    private String page = "login";

    public String getPage() {
        return page;
    }

    public void setToPage(String page) {
        this.page = page;
    }
}

The pages work fine for showing up and switching to them. The first page that will load, in this case login, will work with no problem. But the other pages do not. And by do not I mean that no matter what I input when I click the h:commandButton, neither the validation is activated, nor is the user created. I just get sent back to the index.jsf page. Here is the controller class for create-user:

package controllers;

import javax.faces.bean.ManagedBean;

import database.UsersDataBaseSimulator;
import models.User;

@ManagedBean
public class RegisterController {

    private String userName, password, hint;

    public String getUserName() {
        return userName;
    }

    public void setUserName(String userName) {
        this.userName = userName;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public String getHint() {
        return hint;
    }

    public void setHint(String hint) {
        this.hint = hint;
    }

    public String register() {
        if(UsersDataBaseSimulator.USERS.containsKey(userName)) {
            return "user-exists";
        }
        User user = new User(userName, password, hint);
        UsersDataBaseSimulator.USERS.put(userName, user);
        return "user-created-successfully";
    }
}

And the controller class for the login:

package controllers;

import java.io.Serializable;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;

import database.UsersDataBaseSimulator;

@ManagedBean(name="loginController")
@SessionScoped
public class LoginController implements Serializable{

    private static final long serialVersionUID = 1L;
    private String name, password;

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public String login() {
        if(UsersDataBaseSimulator.USERS.get(name) != null) {
            if(UsersDataBaseSimulator.USERS.get(name).getPassword().equals(password)) {
                return "main-page?faces-redirect=true";
            }
        }
        return "error";
    }
}

I have created this page as a non SPA and it works fine. I've tried to switch the initial page from login to create-user and in that case only the create-user page works. At this point I don't know if this is even possible and if I am going about it the right way. I'm learning from this course http://www.coreservlets.com/JSF-Tutorial/jsf2/. So far I've finished it up to Composite Components part 1. I'll provide any additional information that you might need in order to get to the bottom of this problem. Thank you in advance to anybody that takes the time to tackle this problem.

Problems navigating in a JSF Single Page Application

Answers (1)

Non-SPA (Non-Ajax even)

Ajax-Form-Navigation-Multiple-Forms bug

AJAX in subpages

Related Questions