How To Make Login Page In Jsp In Liferay

How To Articles

Welcome to my article on how to create a login page in JSP in Liferay! In this tutorial, I will guide you through the step-by-step process of creating a login page using JSP (JavaServer Pages) in the Liferay framework. Liferay is an open-source portal development platform that allows you to build and manage web applications easily.

Before we dive into the code, let’s have a brief overview of JSP and Liferay. JSP is a technology that enables the creation of dynamic web pages. It allows Java code to be embedded into HTML pages, making it easier to produce dynamic content. On the other hand, Liferay is a Java-based web application platform that provides a robust set of features for building enterprise portals and websites.

Now, let’s get started with creating a login page in JSP in Liferay. Here is a step-by-step guide:

Step 1: Create a new JSP file

The first step is to create a new JSP file that will serve as our login page. You can create a new JSP file by right-clicking on the desired directory in your Liferay project and selecting “New” and then “JSP File”. Give the file a meaningful name, such as “login.jsp”.

Step 2: Design the login page

Next, let’s design the login page. You can use HTML and CSS to create a visually appealing and user-friendly login form. Here’s a sample code for a basic login form:

<form action="login-action" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required><br>

<label for="password">Password:</label>
<input type="password" id="password" name="password" required><br>

<input type="submit" value="Login">

In the above code snippet, we have created a simple login form with fields for username and password. The form action is set to “login-action”, which is the URL that the form will be submitted to.

Step 3: Handle the login action

Now, it’s time to handle the login action. You need to create a servlet or a portlet class that will receive the form data and authenticate the user. In Liferay, you can use the built-in LoginUtil class to handle the login action. Here’s an example code for the login-action:

import com.liferay.portal.kernel.util.ParamUtil;
import com.liferay.portal.util.PortalUtil;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class LoginAction extends MVCActionCommand {

protected void doProcessAction(
ActionRequest actionRequest, ActionResponse actionResponse)
throws Exception {
HttpServletRequest request = PortalUtil.getHttpServletRequest(actionRequest);
HttpServletResponse response = PortalUtil.getHttpServletResponse(actionResponse);

String username = ParamUtil.getString(request, "username");
String password = ParamUtil.getString(request, "password");

// Authenticate user
if (username.equals("admin") && password.equals("admin")) {
// Redirect to home page upon successful login
} else {
// Display error message if login fails

In the above code snippet, we have created a LoginAction class that extends the MVCActionCommand class provided by Liferay. The doProcessAction method receives the form data using the ParamUtil class and performs the authentication logic. If the username and password match the expected values (in this case, “admin” and “admin”), the user is redirected to the home page. Otherwise, an error message is displayed and the user is redirected back to the login page.


Congratulations! You have successfully created a login page in JSP in Liferay. By following the steps outlined in this article, you have learned how to design a login form and handle the login action using JSP and Liferay’s built-in features. Feel free to customize the login page and add more functionality to suit your specific requirements.

For more information and detailed documentation on JSP, Liferay, and other web development topics, be sure to check out the official websites and online communities dedicated to these technologies.

Thank you for reading!