Login form in zk using MVVM

answered 2015-11-24 10:09:55 +0800

Darksu
1991 ● 1 ● 4

Hello smileinheavenn,

Please find below a part of a log in form using mvvm:

• Zul:

Create a window, attach a controller and then you should define a textbox for a user name and password as shown below:

<textbox tabindex="1" value="@bind(vm.user.userName)" height="50px" placeholder="USERNAME"/>

<textbox tabindex="2" value="@bind(vm.user.userPswd)" type="password" height="50px" placeholder="PASSWORD"/>

• Java Controller:

In the java controller you should define a command that will be associated with the log in button and would have the following code:

@Command("logIn")
public void logIn() {

        if (user.getUserName().length() > 0 && user.getUserPswd().length() > 0) {

            //If user exists then save session and redirect
            UserDaoImpl userDaoImpl = new UserDaoImpl();

            User sessionUser = userDaoImpl.userExists(user.getUserName(), user.getUserPswd());

            if (null != sessionUser) {
                Sessions.getCurrent().setAttribute("s_user", sessionUser);
                //Redirect Here
            } else {
                Clients.showNotification("User does not exist","error",null,"bottom_right",3000, true);
            }
        } else {
            Clients.showNotification("Please set credentials","error",null,"bottom_right",3000, true);
        }


    }

• There are some key parts that you should pay attention such as the domain model, the persistence layer, and the way you use the session in order to store the logged in user.

If you need more info there are some great tutorials and references in the zk site.

Best Regards,

Darksu