Spring MVC – Basic Example using JSTL
Last Updated :
22 May, 2022
JSP Standard Tag Library (JSTL) is a set of tags that can be used for implementing some common operations such as looping, conditional formatting, and others. JSTL aims to provide an easy way to maintain SP pages The use of tags defined in JSTL has Simplified the task of the designers to create Web pages. They can now simply use a tag related to the task that they need to implement on a JSP page.
To read more in-depth about JSTL refer to this article: JSP Standard Tag Library
So in this article, we are going to discuss a basic spring MVC project where we are going to see the issue without using the JSTL and how JSTL solves the issue.
Example Project
Basically, we are going to develop a simple form like the below image and we are going to display the data that are entered by the user on the next page.
Here we have used Spring MVC – Form Text Field and Spring MVC – Form Checkbox. So we are going to store the values of Skills inside a String array and we are going to display the data with and without JSTL. Please create the project on your own machine to understand the example in more detail.
Setup the Project
We are going to use Spring Tool Suite 4 IDE for this project. Please refer to this article to install STS on your local machine How to Download and Install Spring Tool Suite (Spring Tools 4 for Eclipse) IDE? Go to your STS IDE then create a new maven project, File > New > Maven Project, and choose the following archetype as shown in the below image as follows:
Add the following maven dependencies and plugin to your pom.xml file.
<!-- https://mvnrepository.com/artifact/org.springframework/spring-webmvc -->
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>5.3.18</version>
</dependency>
<!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>4.0.1</version>
<scope>provided</scope>
</dependency>
<!-- plugin -->
<build>
<plugins>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-war-plugin</artifactId>
<version>2.6</version>
<configuration>
<failOnMissingWebXml>false</failOnMissingWebXml>
</configuration>
</plugin>
</plugins>
</build>
Below is the complete code for the pom.xml file after adding these dependencies.
File: pom.xml
XML
<modelVersion>4.0.0</modelVersion>
<groupId>com.geeksforgeeks</groupId>
<artifactId>simple-calculator</artifactId>
<packaging>war</packaging>
<version>0.0.1-SNAPSHOT</version>
<name>simple-calculator Maven Webapp</name>
<dependencies>
<dependency>
<groupId>junit</groupId>
<artifactId>junit</artifactId>
<version>3.8.1</version>
<scope>test</scope>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>5.3.18</version>
</dependency>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>4.0.1</version>
<scope>provided</scope>
</dependency>
</dependencies>
<build>
<finalName>simple-calculator</finalName>
<plugins>
<plugin>
<groupId>org.apache.maven.plugins</groupId>
<artifactId>maven-war-plugin</artifactId>
<version>2.6</version>
<configuration>
<failOnMissingWebXml>false</failOnMissingWebXml>
</configuration>
</plugin>
</plugins>
</build>
</project>
|
Configuring Dispatcher Servlet
Before moving into the coding part let’s have a look at the file structure in the below image.
Note: Please refer to the green color box files. Other files are not present in this project.
So at first create an src/main/java folder and inside this folder create a class named CalculatorAppIntilizer and put it inside the com.geeksforgeeks.calculator.config package and extends the AbstractAnnotationConfigDispatcherServletInitializer class. Refer to the below image.
And whenever you are extending this class, it has some pre abstract methods that we need to provide the implementation. Now inside this class, we have to just write two lines of code to Configure the Dispatcher Servlet. Before that, we have to create another class for the Spring configuration file. So, go to the src/main/java folder and inside this folder create a class named CalculatorAppConfig and put it inside the com.geeksforgeeks.calculator.config package. Below is the code for the CalculatorAppConfig.java file.
File: CalculatorAppConfig.java
Java
package com.geeksforgeeks.calculator.config;
import org.springframework.context.annotation.ComponentScan;
import org.springframework.context.annotation.Configuration;
@Configuration
@ComponentScan(basePackages = "com.geeksforgeeks.calculator.controllers")
public class CalculatorAppConfig {
}
|
And below is the complete code for the CalculatorAppIntilizer.java file. Comments are added inside the code to understand the code in more detail.
File: CalculatorAppIntilizer.java
Java
package com.geeksforgeeks.calculator.config;
import org.springframework.web.servlet.support.AbstractAnnotationConfigDispatcherServletInitializer;
public class CalculatorAppIntilizer extends AbstractAnnotationConfigDispatcherServletInitializer {
@Override
protected Class<?>[] getRootConfigClasses() {
return null;
}
@Override
protected Class<?>[] getServletConfigClasses() {
Class aClass[] = { CalculatorAppConfig.class };
return aClass;
}
@Override
protected String[] getServletMappings() {
String arr[] = { "/geeksforgeeks.org/*" };
return arr;
}
}
|
Setup ViewResolver
Spring MVC is a Web MVC Framework for building web applications. In generic all MVC frameworks provide a way of working with views. Spring does that via the ViewResolvers, which enables you to render models in the browser without tying the implementation to specific view technology. Read more here: ViewResolver in Spring MVC. So for setting up ViewResolver go to the CalculatorAppConfig.java file and write down the code as follows
@Bean
public InternalResourceViewResolver viewResolver() {
InternalResourceViewResolver viewResolver = new InternalResourceViewResolver();
viewResolver.setPrefix("/WEB-INF/view/");
viewResolver.setSuffix(".jsp");
return viewResolver;
}
And below is the updated code for the CalculatorAppConfig.java file after writing the code for setting up the ViewResolver.
File: Updated CalculatorAppConfig.java
Java
package com.geeksforgeeks.calculator.config;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.ComponentScan;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.ViewResolver;
import org.springframework.web.servlet.config.annotation.EnableWebMvc;
import org.springframework.web.servlet.view.InternalResourceViewResolver;
@EnableWebMvc
@Configuration
@ComponentScan(basePackages = "com.geeksforgeeks.calculator.controllers")
public class CalculatorAppConfig {
@Bean
public InternalResourceViewResolver viewResolver() {
InternalResourceViewResolver viewResolver = new InternalResourceViewResolver();
viewResolver.setPrefix("/WEB-INF/view/");
viewResolver.setSuffix(".jsp");
return viewResolver;
}
}
|
Create DTO
At first, we have to create a DTO class. So go to the src/main/java folder and inside this folder create a class named JSTLDemoDto and put it inside the com.geeksforgeeks.calculator.dto package. Below is the code for the JSTLDemoDto.java file.
File: JSTLDemoDto.java
Java
package com.geeksforgeeks.calculator.dto;
public class JSTLDemoDto {
private String name;
private String[] skills;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String[] getSkills() {
return skills;
}
public void setSkills(String[] skills) {
this.skills = skills;
}
}
|
Create Controller
Go to the src/main/java folder and inside this folder create a class named JSTLController and put it inside the com.geeksforgeeks.calculator.controllers package. Below is the code for the JSTLController.java file.
File: JSTLController.java file
Java
package com.geeksforgeeks.calculator.controllers;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.ModelAttribute;
import org.springframework.web.bind.annotation.RequestMapping;
import com.geeksforgeeks.calculator.dto.JSTLDemoDto;
@Controller
public class JSTLController {
@RequestMapping("/jstl")
public String showRegistrationPage(@ModelAttribute("jstldemo") JSTLDemoDto jstlDemoDto) {
return "jstl-demo";
}
@RequestMapping("/display-data")
public String displayData(@ModelAttribute("jstldemo") JSTLDemoDto jstlDemoDto) {
return "display-data";
}
}
|
Reference article: Spring MVC @ModelAttribute Annotation with Example
Create View
Now we have to create a view named “jstl-demo” inside the WEB-INF/view folder with the .jsp extension. So go to the src > main > webapp > WEB-INF and create a folder view and inside that folder create a jsp file named jstl-demo. So below is the code for the jstl-demo.jsp file.
File: jstl-demo.jsp
HTML
<html>
<head>
</head>
<body>
<h1 align="center">JSTL Basic Example</h1>
<form:form action="display-data" method="get" modelAttribute="jstldemo">
<div align="center">
<label>Name : </label>
<form:input path="name" />
<br />
<label>Skills : </label>
Java : <form:checkbox path="skills" value="java"/>
Python : <form:checkbox path="skills" value="python"/>
C++ : <form:checkbox path="skills" value="cpp"/>
DSA : <form:checkbox path="skills" value="dsa"/>
Spring : <form:checkbox path="skills" value="spring"/>
<br />
<input type="submit" value="Display Data">
</div>
</form:form>
</body>
</html>
|
Similarly, create another view named “display-data” to display the data. So below is the code for the display-data.jsp file.
File: display-data.jsp
HTML
<html>
<head>
</head>
<body>
<h1 align="center">JSTL Basic Example</h1>
<h2>The details entered by the user are :</h2>
Name: ${jstldemo.name} <br/>
Skills: ${jstldemo.skills}
</body>
</html>
|
Now let’s run and test our application.
Run Your Application
To run our Spring MVC Application right-click on your project > Run As > Run on Server. And run your application as shown in the below image as depicted below as follows:
After that use the following URL to run your controller
http://localhost:8080/simple-calculator/geeksforgeeks.org/jstl
Output:
And now click on the Display Data button to display the data that are entered by the user.
But in the Skills what type of data we are getting!!
Entry of JSTL
So here in the skills, we are getting the reference of the String Array. So whenever we are trying to get the skills it’s giving us the reference instead of the content. For example, in this project, we have selected Java, DSA, and Spring and they are getting stored inside the “String[] skills” array (go to the JSTLDemoDto.java file). Right now we have the array object and in that object, there are 3 values (Java, DSA, and Spring) and we have to iterate the array and get those values. And here JSTL comes into the picture. So we can do it by making the following changes to our project.
Step 1:
Add the below dependency to your pom.xml file.
XML
<dependency>
<groupId>jstl</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
|
Step 2:
Add the JSTL tags in the JSP files (Here display-data.jsp file).
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
Step 3:
Write down the following for loop to iterate the Array.
<c:forEach var="skill" items="${jstldemo.skills}">
${skill}
</c:forEach>
Below is the complete code for the display-data.jsp file.
File: Updated display-data.jsp
HTML
<html>
<head>
</head>
<body>
<h1 align="center">JSTL Basic Example</h1>
<h2>The details entered by the user are :</h2>
Name: ${jstldemo.name} <br/>
Skills:
<c:forEach var="skill" items="${jstldemo.skills}">
${skill}
</c:forEach>
</body>
</html>
|
Yes, we are done!! Now let’s re-run our application again and see what we got on the display page.
Yes, this time we got the content. So this one is the basic real-world use case of JSTL in the Spring MVC application.
Similar Reads
Spring MVC Project - Retrieving Population, Area and Region Details using Rest API
REST API is more popular nowadays as we can able to get a variety of information like Population, Area, region, sub-region, etc., One such REST API that we are going to see here is https://restcountries.com/v3.1/capital/<any capital of a country> Example: https://restcountries.com/v3.1/capital
4 min read
Spring MVC - Last 24 Hour Cryptocurrency Data using REST API
Cryptocurrencies are a hot topic now and in the future; they may also be a payment source. Hence a lot of research is getting done. Many REST APIs are available to provide data in JSON format. We are going to see one such REST API as https://api.wazirx.com/sapi/v1/ticker/24hr?symbol=<Need to prov
5 min read
Spring MVC - Sample Project For Finding Doctors Online with MySQL
Spring MVC Framework follows the Model-View-Controller design pattern. It is used to develop web applications. It works around DispatcherServlet. DispatcherServlet handles all the HTTP requests and responses. With MySQL as the backend, we can store all doctor details and by using Spring MVC function
5 min read
Spring MVC JSTL Configuration
JavaServer Pages Tag Library (JSTL) is a set of tags that can be used for implementing some common operations such as looping, conditional formatting, and others. Here we will be discussing how to use the Maven build tool to add JSTL support to a Spring MVC application. also, you'll learn how to act
1 min read
Spring MVC with MySQL - Sample Project For Calculating Electricity Bill
Let us see a sample electricity bill calculation project by using Spring MVC + MySQL connectivity + JDBCTemplate. Additionally, let us test the same by using MockMvc + JUnit. MySQL Queries: DROP DATABASE IF EXISTS test; CREATE DATABASE test; USE test; DROP TABLE test.personsdetails; CREATE TABLE per
7 min read
Spring MVC - Comparison of Cryptocurrencies using REST API
REST APIS is available in plenty nowadays. As cryptocurrencies are a hot topic nowadays, there is always a need to compare the different cryptocurrencies and get the corresponding value in different currencies. As a sample, let us take a REST API call as https://min-api.cryptocompare.com/data/price?
6 min read
Spring MVC - Get Probability of a Gender by Providing a Name using REST API
A lot of funful REST API calls are available as open source. Suppose if we like to keep a name to our nears and dears, we can just check that by means of a REST API call and get the gender, what is the probability of being that gender and how many times does it come with it? Relevant REST API call h
7 min read
Get Time Zone by Providing Latitude and Longitude using Spring MVC and REST API
Spring MVC Framework follows the Model-View-Controller design pattern. It is used to develop web applications. It works around DispatcherServlet. DispatcherServlet handles all the HTTP requests and responses. In this article, we are going to see about a REST API call to find the coordinates for the
6 min read
Spring MVC with MySQL and Junit - Finding Employees Based on Location
In real-world scenarios, organizations are existing in different localities. Employees are available in many locations. Sometimes they work in different 2 locations i.e. for a few days, they work on location 1 and for a few other days, they work on location 2. Let's simulate this scenario via MySQL
8 min read
Spring MVC - Get University/College Details via REST API
REpresentational State Transfer (REST) is an architectural style that defines a set of constraints to be used for creating web services. REST API is a way of accessing web services in a simple and flexible way without having any processing. Spring MVC is a Web MVC Framework for building web applicat
6 min read