{"id":23870,"date":"2015-06-09T11:00:29","date_gmt":"2015-06-09T08:00:29","guid":{"rendered":"http:\/\/examples.javacodegeeks.com\/?p=23870"},"modified":"2015-08-02T17:26:03","modified_gmt":"2015-08-02T14:26:03","slug":"jsp-tutorial-beginners","status":"publish","type":"post","link":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/","title":{"rendered":"JSP Tutorial For Beginners"},"content":{"rendered":"

JSP is a server side technology which helps to create dynamic, platform-independent java web applications and is mainly used for implementing the presentation layer. In this tutorial, we will look into the essentials of the JSP technology with illustrating some simple code. <\/p>\n

As a prerequisite of this post, we assume you have knowledge what is HTML, web server and Java programming language and how web application work over HTTP. <\/p>\n

1. What is JSP?<\/h2>\n

Java Server Pages (JSP) code is likely HTML with bits of Java code in it. Very basically, in order to create a JSP code, you can take any existing HTML page and change its extension to “.jsp” instead of “.html”. Then you can put Java code in it with some structures called Scriptlet, Directive, Expression<\/b>. In the code below, the JSP file shows the current time:<\/p>\n

\r\n<html>\r\n\t<body>\r\n\t\tThe current time is <%= new java.util.Date() %>\r\n\t<\/body>\r\n<\/html>\r\n<\/pre>\n
In the other code, we make some calculations:<\/p>\n
\r\n<html>\r\n    <%\r\n\t   int a = 5;\r\n\t   int b = 8;\t\r\n\t%> \r\n\t<body>\r\n\t\tThe first number is : <%= a %> <br\/>\r\n\t\tThe second number is : <%= b %> <br\/>\r\n\t\tThe sum is : <%= ( a + b ) %> <br\/>\r\n\t<\/body>\r\n<\/html> \r\n<\/pre>\n
As you see, in a JSP file, HTML and Java code are mixed. You can also access to the entire family of Java APIs, including the JDBC API to access enterprise databases in the JSP file. The main structure is the HTML. But with Java in it, you can access the wide-ranging Java APIs and libraries. With this flexible nature, Web Application Programmers can concentrate on how to process the information in the presentation layer ( HTML, GUI part ).<\/p>\n
JSP is an extension of Servlets<\/b> and every JSP page first gets converted into servlet by JSP container before processing the client\u2019s request. The Servlet is older Java technology than JSP. It consists of pure Java code and holds the capabilities of the servers, HTML protocol. The Servlet code enables to have HTML codes in it. But this process is cumbersome and error prone, when it comes to writing a complex HTML response. JSP helps in this situation and provide us to write normal HTML page and include our java code only where it\u2019s required.<\/p>\n
Now, let’s see the principal JSP elements and try to explain them briefly. <\/p>\n
1.1 JSP Syntactic Elements<\/h3>\n
In a JSP file, the Java code is usually written in a Scriptlet tags<\/b> with a format like below:<\/p>\n
\r\n<% Java code %>\r\n<\/pre>\n
A scriptlet can contain any number of Java statements, variable or method declarations that are accessible from anywhere within the JSP page.<\/p>\n
Variable or method declarations can be also written between the Declaration tags<\/b> ( <%! %><\/code> ):<\/p>\n
\r\n<%!  \r\n   int a, b;\r\n   public int sum( int i1, int i2 ) { return i1 + i2; }\r\n%>\r\n<\/pre>\n
JSP Expression tag<\/b> ( <%= %><\/code> ) contains Java statement that is evaluated, converted to a String and written to the output stream of the response. For example, to write the content of the variable “name” to the screen, we can use <%=name%><\/code>. The scriptlet equivalent of this: <% out.print( name ); %><\/code>. Please note that in the expression tag, you don’t have to put semicolon (;) at the end of the line, but in the scriptlet you do.<\/p>\n
Following is the syntax of JSP comments<\/b>:<\/p>\n
\r\n<%-- JSP comment. Ignored by the JSP engine. --%>\r\n<\/pre>\n
1.2 JSP Implicit Objects <\/h3>\n
JSP Implicit Objects are the useful coding objects that the JSP Container makes available to developers in every JSP page. We can call them directly in scriptlets without any declaration. There are 9 JSP implicit objects. We show them and their counterpart Servlet and Java objects below:<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Object<\/font><\/th>\nType<\/font><\/th>\n<\/tr>\n<\/thead>\n
request<\/td>\njavax.servlet.http.HttpServletRequest<\/td>\n<\/tr>\n
response<\/td>\njavax.servlet.http.HttpServletResponse<\/td>\n<\/tr>\n
pageContext<\/td>\njavax.servlet.jsp.PageContext<\/td>\n<\/tr>\n
session<\/td>\njavax.servlet.http.HttpSession<\/td>\n<\/tr>\n
application<\/td>\njavax.servlet.ServletContext<\/td>\n<\/tr>\n
out<\/td>\njavax.servlet.jsp.JspWriter<\/td>\n<\/tr>\n
config<\/td>\njavax.servlet.ServletConfig<\/td>\n<\/tr>\n
page<\/td>\njava.lang.Object<\/td>\n<\/tr>\n
exception<\/td>\njava.lang.Throwable<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\r\n<% out.print( \"Hello \" + request.getParameter( \"username\" ) ); %>\r\n<\/pre>\n
In this code, two implicit objects ( out, request ) are used. The “username” parameter is fetched from the request<\/b> object and after concatenating the “Hello” word, printed to the client with the out<\/b> implicit object.<\/p>\n
1.3 JSP Directives <\/h3>\n
JSP directives are messages and instructions to the JSP container, telling it how to translate a JSP page into the corresponding Servlet. Directives have this syntax:<\/p>\n
\r\n<% @ directive { attr=\u201dvalue\u201d }* %>\r\n<\/pre>\n
There are three directives. Here is the list:<\/p>\n\n\n\n\n\n\n\n
Directive<\/font><\/th>\nSample Syntax<\/font><\/th>\nDescription<\/font><\/th>\n<\/tr>\n<\/thead>\n
page<\/td>\n<%@ page import=”java.util.*,java.text.*” %><\/font>
( Imports other Java libraries into the JSP page )<\/td>\n		The page directive defines a number of page dependent properties and communicates
\nthese to the JSP container. Page directive attribute list is: language, extends, import, session, buffer, autoFlush, isThreadSafe, info, errorPage, isErrorPage, contentType, pageEncoding, isELIgnored, deferredSyntaxAllowedAsLiteral, trimDirectiveWhitespaces. <\/td>\n<\/tr>\n
include<\/td>\n<%@ include file=”otherPage.jsp” %><\/font>
( Merge the content of the other jsp file )<\/td>\n		The include directive is used to substitute text and\/or code at JSP page translation-time. This directive tells the container to insert the content of other files with the current JSP.<\/td>\n<\/tr>\n
taglib<\/td>\n<%@ taglib uri=”\/WEB-INF\/c.tld” prefix=”c”%><\/font>
( Declares the external taglib. Tablib uri can be an url address or tld tag library file path )<\/td>\n		The taglib directive in a JSP page declares that the page uses a tag library,
\nuniquely identifies the tag library using a URI and associates a tag prefix that will
\ndistinguish usage of the actions in the library<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
1.4 JSP Actions <\/h3>\n
JSP actions are the basically predefined functions based on XML syntax. They get the JSP container to do some behaviours, actions. They may affect the current out stream and use, modify and\/or create objects.<\/p>\n
The syntax for an Action element is:<\/p>\n
\r\n<jsp:action_name attribute=\"value\" \/>\r\n<\/pre>\n
Here is the list of the some JSP Actions:<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Action<\/font><\/th>\nDescription<\/font><\/th>\nSample Code<\/font><\/th>\n<\/tr>\n<\/thead>\n
jsp:useBean<\/td>\nAssociates an instance of a Java programming language object. Try to find an existing java object. If the object is not found it will attempt to create the object using attributes.<\/td>\n<jsp:useBean id=”connection” class=”com.myapp.Connection”\/><\/font><\/td>\n<\/tr>\n
jsp:setProperty<\/td>\nSets the values of properties in a bean. Properties in a Bean can be set from one or more parameters in the request object, from a String constant, or from a computed request-time expression.<\/td>\n<jsp:setProperty name=”user” property=”userobj” param=”username” \/><\/font><\/td>\n<\/tr>\n
jsp:getProperty<\/td>\nPlaces the value of a bean instance property, converted to a String, and print it. This simply means inserting it into the implicit “out” object.<\/td>\n<jsp:getProperty name=\u201duser\u201d property=\u201dname\u201d \/><\/font><\/td>\n<\/tr>\n
jsp:include<\/td>\nProvides for the inclusion of static and dynamic
\nresources in the same context as the current page.<\/td>\n		<jsp:include page=\u201d\/static\/copyright.html\u201d\/><\/font><\/td>\n<\/tr>\n
jsp:forward<\/td>\nAllows the runtime dispatch of the current
\nrequest to a static resource, a JSP page or a Java servlet class in the same context
\nas the current page.<\/td>\n		<jsp:forward page='<%= whereTo %>’ \/><\/font><\/td>\n<\/tr>\n
jsp:param<\/td>\nThis action element is used to provide key\/value information. This element
\nis used in the jsp:include, jsp:forward, and jsp:params elements.<\/td>\n		<jsp:param name=”name” value=”value” \/><\/font><\/td>\n<\/tr>\n
jsp:plugin<\/td>\nThis tag is replaced by either an <object> or <embed> tag, as
\nappropriate for the requesting user agent, and emitted into the output stream of the
\nresponse.<\/td>\n		<jsp:plugin type=”applet” code=”Molecule.class” codebase=”\/html”><jsp:params>…<\/jsp:params><\/jsp:plugin><\/font><\/td>\n<\/tr>\n
jsp:attribute<\/td>\nDefines an attribute value for another JSP action element instead of in
\nthe value of an XML attribute.<\/td>\n		<jsp:attribute name=”even”><\/font><\/td>\n<\/tr>\n
jsp:text<\/td>\nThis action can be used to enclose template data in a JSP page, a JSP document,
\nor a tag file.<\/td>\n		<jsp:text>This is some content<\/jsp:text><\/font><\/td>\n<\/tr>\n
jsp:output<\/td>\nThis action is used to modify some properties of the output of a JSP document
\nor a tag file.<\/td>\n		<jsp:output xmlns:jsp=\u201dhttp:\/\/java.sun.com\/JSP\/Page\u201d omit-xml-declaration=\u201dtrue\u201d\/><\/font><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
1.5 JSP – Standard Tag Library (JSTL) <\/h3>\n
JSP Standard Tag Library (JSTL) is a set of useful tags to simplify the JSP development. It provides tags to control the JSP page behavior, iteration and control statements, internationalization tags, and SQL tags. JSTL is part of the Java EE API and included in most servlet containers. There are five groups of JSTL: core tags, sql tags, xml tags, internationalization tags and functions tags.
 
<\/div> <\/div><\/p>\n
In the code snippet below, there is a simple loop coded with JSTL. Without any tag library or tags, we can write the counterpart code with scriptlets that contain Java code in it. But external tag libraries provide more simple and useful capabilities to us. We can do more with writing less.<\/p>\n
\r\n<%@ taglib uri=\"http:\/\/java.sun.com\/jsp\/jstl\/core\" prefix=\"c\" %>  \r\n<c:forEach var=\"number\" begin=\"5\" end=\"10\">  \r\n   <c:out value=\"${number}\"><\/c:out>  \r\n<\/c:forEach>  \r\n<\/pre>\n
1.6 JSP – Expression Language (EL) <\/h3>\n
JSP Expression Language (EL) simplifies to access application data stored in JavaBeans properties. EL also includes arithmetic, relational and logical operators. There are two constructs to represent EL expressions: ${expr} and #{expr}. EL also has its own operators, keywords and implicit objects.<\/p>\n
The “param” implicit object holds request parameters as strings. In the code below, EL statement ${param.name}<\/code> retrieves the “name” parameter of the request. In the second line, you see the plus operator evaluates the addition calculations. <\/p>\n
\r\n<h1>Welcome ${param.name}<\/h1>\r\n<p>The result is ${a + b}<\/p>\r\n<\/pre>\n
2. Overview<\/h2>\n
In our example, you see a simple issue tracking management web application with a single JSP page that contains the issue list and a form to insert a new issue. When you submit a new issue, this issue is appended to the list below with ‘OPEN’ status and ‘current time’ created date by default. In the list, the status of the each issue item can be changed by the buttons in its row. ‘CLOSE’ status issues are not listed and when you click on the close, the item you close is removed from the list. The background colors of the rows depend on their status. The rows of the ‘OPEN’ status issues are pink, ‘FIX’ status issues are green. <\/p>\n
\"Jsp<\/a>
Jsp Application Appearance<\/figcaption><\/figure><\/p>\n
Our preferred IDE is Eclipse. We use ‘Maven’ for the dependency management. We create a dynamic web application and deploy it into the Tomcat server. Before, I have explained how to create a Maven dynamic web application in the Eclipse, how to define a “Tomcat” server and add the application to it in my other example. You can examine: Logback Mapped Diagnostic Contexts (MDC) Example<\/a><\/p>\n
We add three dependencies to the Maven “pom.xml” file:<\/p>\n
Dependencies in the pom.xml<\/em><\/span><\/p>\n
\r\n\t<dependencies>\r\n\t\t<dependency>\r\n    \t\t<groupId>javax.servlet<\/groupId>\r\n    \t\t<artifactId>javax.servlet-api<\/artifactId>\r\n    \t\t<version>3.1.0<\/version>\r\n    \t\t<scope>provided<\/scope>\r\n\t\t<\/dependency>\t\t\r\n\t\t<dependency>\r\n         <groupId>jstl<\/groupId>\r\n         <artifactId>jstl<\/artifactId>\r\n         <version>1.2<\/version>\r\n    \t<\/dependency>\r\n\t\t<dependency>\r\n    \t\t<groupId>com.h2database<\/groupId>\r\n    \t\t<artifactId>h2<\/artifactId>\r\n    \t\t<version>1.4.187<\/version>\r\n\t\t<\/dependency>\t\t\t\t\t\r\n\t<\/dependencies>\r\n<\/pre>\n
We keep the issue records in a H2<\/b><\/a> memory database. We add “Standard Tag Library (JSTL)” jar file to the classpath. Because we use it in somewhere in the JSP code. We create two Servlet<\/b>s classes, so in order to compile it in our environment, we add servlet-api as provided. Anyway jsp-api and servlet-api jar files are already exist in the Jsp Container ( Tomcat Server ). So after compilation, you do not need to put these files in your project package ( war, ear ). If you put different version of the jsp\/servlet jar files in the project package, probably you will get errors while deploying. For example, I executed this example in Tomcat 8. Apache Tomcat version 8.0 implements the Servlet 3.1 and JavaServer Pages 2.3 specifications from the Java Community Process. So I deliberately add the Servlet “3.1” version to the pom.xml file.  <\/p>\n
3. Implementation<\/h2>\n
In a JSP application, putting all of the Java codes in the JSP pages is not a good practice. You should separate the presentation layer from the business logic. In this way, you can easily adapt the application to a new look without changing the infrastructural codes. <\/p>\n
As I mentioned before, we store the issue records in a H2 memory database. We put the database implementation codes in a new Java class, not in the JSP page. To keep simple dependency list, we choose pure JDBC approach for database access, not an ORM tool like Hibernate, or another helper framework like Spring JDBC. The code of our database access class “DbOperations” is below. We call it in the JSP page to perform the database layer executions. <\/p>\n
DbOperations.java<\/em><\/span><\/p>\n
\r\n\r\npackage com.javacodegeeks.examples.jspexample.db;\r\n\r\nimport java.sql.Connection;\r\nimport java.sql.DriverManager;\r\nimport java.sql.PreparedStatement;\r\nimport java.sql.ResultSet;\r\nimport java.sql.SQLException;\r\nimport java.util.ArrayList;\r\nimport java.util.Date;\r\nimport java.util.List;\r\n\r\nimport com.javacodegeeks.examples.jspexample.db.entity.Issue;\r\n\r\npublic class DbOperations {\r\n\r\n\tprivate static DbOperations\ttheInstance\t= new DbOperations();\r\n\r\n\tprivate Connection\t\t\tconnection;\r\n\r\n\tprivate DbOperations() {\r\n\t\ttry {\r\n\t\t\tClass.forName( \"org.h2.Driver\" );\r\n\t\t\tconnection = DriverManager.getConnection( \"jdbc:h2:mem:testdb\", \"sa\", \"\" );\r\n\r\n\t\t\t\/\/ Create table\r\n\t\t\tfinal PreparedStatement ps = connection\r\n\t\t\t\t.prepareStatement( \"CREATE TABLE ISSUE( ID INT PRIMARY KEY auto_increment, TITLE VARCHAR, OPENEDBY VARCHAR, PRIORITY VARCHAR, STATUS VARCHAR DEFAULT 'OPEN', COMMENT VARCHAR, CREATE_DATE TIMESTAMP DEFAULT NOW() )\" );\r\n\t\t\tps.executeUpdate();\r\n\t\t} catch ( final ClassNotFoundException e ) {\r\n\t\t\te.printStackTrace();\r\n\t\t} catch ( final SQLException e ) {\r\n\t\t\te.printStackTrace();\r\n\t\t}\r\n\t}\r\n\r\n\tpublic static DbOperations getTheInstance() {\r\n\t\treturn theInstance;\r\n\t}\r\n\r\n\tpublic void addNewIssueRecord( final String title, final String openedBy, final String priority,\r\n\t\tfinal String comments ) {\r\n\r\n\t\ttry {\r\n\t\t\tfinal PreparedStatement ps = connection\r\n\t\t\t\t.prepareStatement( \"INSERT INTO ISSUE( TITLE, OPENEDBY, PRIORITY, COMMENT ) VALUES ( ?, ?, ?, ? )\" );\r\n\r\n\t\t\tps.setString( 1, title );\r\n\t\t\tps.setString( 2, openedBy );\r\n\t\t\tps.setString( 3, priority );\r\n\t\t\tps.setString( 4, comments );\r\n\r\n\t\t\tps.executeUpdate();\r\n\t\t} catch ( final SQLException e ) {\r\n\t\t\te.printStackTrace();\r\n\t\t}\r\n\t}\r\n\r\n\tpublic List getAllIssues() {\r\n\r\n\t\tfinal List issueList = new ArrayList();\r\n\r\n\t\ttry {\r\n\t\t\tfinal PreparedStatement ps = connection\r\n\t\t\t\t.prepareStatement( \"SELECT ID, TITLE, OPENEDBY, PRIORITY, STATUS, COMMENT, CREATE_DATE FROM ISSUE\" );\r\n\r\n\t\t\tfinal ResultSet rs = ps.executeQuery();\r\n\r\n\t\t\twhile ( rs.next() ) {\r\n\r\n\t\t\t\tfinal Issue issue = new Issue();\r\n\r\n\t\t\t\tissue.setComments( rs.getString( \"COMMENT\" ) );\r\n\t\t\t\tissue.setCreateDate( new Date() );\r\n\t\t\t\tissue.setId( rs.getInt( \"ID\" ) );\r\n\t\t\t\tissue.setOpenedby( rs.getString( \"OPENEDBY\" ) );\r\n\t\t\t\tissue.setPriority( rs.getString( \"PRIORITY\" ) );\r\n\t\t\t\tissue.setStatus( rs.getString( \"STATUS\" ) );\r\n\t\t\t\tissue.setTitle( rs.getString( \"TITLE\" ) );\r\n\r\n\t\t\t\tissueList.add( issue );\r\n\t\t\t}\r\n\r\n\t\t} catch ( final SQLException e ) {\r\n\t\t\te.printStackTrace();\r\n\t\t}\r\n\r\n\t\treturn issueList;\r\n\t}\r\n\r\n\tpublic void updateIssueRecord( final String id, final String newStatus ) {\r\n\t\ttry {\r\n\t\t\tfinal PreparedStatement ps = connection\r\n\t\t\t\t.prepareStatement( \"UPDATE ISSUE SET STATUS = ? WHERE ID = ?\" );\r\n\r\n\t\t\tps.setString( 1, newStatus );\r\n\t\t\tps.setInt( 2, Integer.parseInt( id ) );\r\n\r\n\t\t\tps.executeUpdate();\r\n\t\t} catch ( final SQLException e ) {\r\n\t\t\te.printStackTrace();\r\n\t\t}\r\n\t}\r\n}\r\n<\/pre>\n
At the top of the JSP page, we place the “taglib” and “page” JSP directives<\/b> to import the backend Java classes and Servlets in the application and JSTL tag libraries.<\/p>\n
\r\n<%@ taglib prefix=\"c\" uri=\"http:\/\/java.sun.com\/jsp\/jstl\/core\" %>\r\n<%@ taglib prefix=\"fmt\" uri=\"http:\/\/java.sun.com\/jsp\/jstl\/fmt\" %>\r\n\r\n<?xml version=\"1.0\" encoding=\"ISO-8859-1\" ?>\r\n<%@ page language=\"java\" contentType=\"text\/html; charset=ISO-8859-1\"\r\n\tpageEncoding=\"ISO-8859-1\"%>\r\n<%@ page import=\"com.javacodegeeks.examples.jspexample.db.DbOperations\"%>\r\n<%@ page import=\"java.util.*\"%>\r\n<%@ page import=\"com.javacodegeeks.examples.jspexample.db.entity.*\"%>\r\n<\/pre>\n
Bootstrap<\/b><\/a> is a popular HTML, CSS, and JS framework. It contains predefined css classes, icons that help the developers to form the gui look easily. We use it to build the jsp page appearance. The html codes that generate the “new issue form” are below:<\/p>\n
\r\n<div style=\"width: 500px; margin-left: 50px; margin-top: 20px;\">\r\n\r\n\t<div class=\"col-md-12 col-sm-6 col-xs-12\">\r\n\r\n\t\t<div class=\"panel panel-default\">\r\n\r\n\t\t\t<div class=\"panel-heading clearfix\">\r\n\t\t\t\t<i class=\"icon-calendar\"><\/i>\r\n\t\t\t\t<h3 class=\"panel-title\">Add New Issue<\/h3>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"panel-body\">\r\n\t\t\t<form id=\"issueForm\" method=\"post\"\r\n\t\t\t\tclass=\"form-horizontal row-border\" action=\"\/jspexample\/addIssue\">\r\n\r\n\t\t\t\t<div class=\"form-group\">\r\n\t\t\t\t\t<label class=\"col-md-3 control-label\">Title<\/label>\r\n\t\t\t\t\t<div class=\"col-md-9\">\r\n\t\t\t\t\t\t<input type=\"text\" name=\"title\" class=\"form-control\" \/>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div class=\"form-group\">\r\n\t\t\t\t\t<label class=\"col-md-3 control-label\">Opened By<\/label>\r\n\t\t\t\t\t<div class=\"col-md-6\">\r\n\t\t\t\t\t\t<select class=\"form-control\" name=\"openedby\">\r\n\t\t\t\t\t\t\t<option value=\"Bob\">Bob<\/option>\r\n\t\t\t\t\t\t\t<option value=\"George\">George<\/option>\r\n\t\t\t\t\t\t\t<option value=\"Ali\">Ali<\/option>\r\n\t\t\t\t\t\t<\/select>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div class=\"form-group\">\r\n\t\t\t\t\t<label class=\"col-md-3 control-label\">Priority<\/label>\r\n\t\t\t\t\t<div class=\"col-md-6\">\r\n\t\t\t\t\t\t<select class=\"form-control\" name=\"priority\">\r\n\t\t\t\t\t\t\t<option value=\"High\">High<\/option>\r\n\t\t\t\t\t\t\t<option value=\"Medium\">Medium<\/option>\r\n\t\t\t\t\t\t\t<option value=\"Low\">Low<\/option>\r\n\t\t\t\t\t\t<\/select>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div class=\"form-group\">\r\n\t\t\t\t\t<label class=\"col-md-3 control-label\">Comments<\/label>\r\n\t\t\t\t\t<div class=\"col-md-9\">\r\n\t\t\t\t\t\t<textarea rows=\"6\" class=\"form-control\" name=\"comments\"><\/textarea>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div class=\"form-group\">\r\n\t\t\t\t\t<label class=\"col-md-3\"><\/label>\r\n\t\t\t\t\t<div class=\"col-md-9\">\r\n\t\t\t\t\t\t<input type=\"submit\" value=\"Submit\" \/>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/form>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>\r\n<\/pre>\n
The Html codes of the issue list are below. Later, we will discuss the fundamental lines and explain them.<\/p>\n
\r\n\t<%\r\n\t\tList< Issue > issueList = DbOperations.getTheInstance().getAllIssues();\t\r\n\t\tpageContext.setAttribute(\"issueList\", issueList);\t\t\r\n\t\t\r\n\t\tMap< String, String > issueColors = new HashMap< String, String >();\r\n\t\tissueColors.put( \"OPEN\", \"#E2C8C8\" );\r\n\t\tissueColors.put( \"FIX\", \"#C1E212\" );\r\n\t\t\r\n\t\tpageContext.setAttribute(\"issueColors\", issueColors );\r\n\t%>\r\n\r\n\t<div style=\"width: 800px; margin-left: 50px; margin-top: 30px;\">\r\n\r\n\t\t<%\r\n\t\t\tif ( issueList.size() > 0 ) {\r\n\t\t%>\r\n\r\n\t\t<div class=\"col-md-11\">\r\n\t\t\t<div class=\"panel panel-default\">\r\n\r\n\t\t\t\t<div class=\"panel-heading\">\r\n\t\t\t\t\t<i class=\"icon-calendar\"><\/i>\r\n\t\t\t\t\t<h3 class=\"panel-title\">Issue List<\/h3>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"panel-body\">\r\n\t\t\t\t\t<table class=\"table table-hover col-md-11\">\r\n\t\t\t\t\t\t<thead>\r\n\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t<th class=\"col-md-2\">Title<\/th>\r\n\t\t\t\t\t\t\t\t<th class=\"col-md-2\">Opened By<\/th>\r\n\t\t\t\t\t\t\t\t<th class=\"col-md-1\">Priority<\/th>\r\n\t\t\t\t\t\t\t\t<th class=\"col-md-2\">Create Time<\/th>\r\n\t\t\t\t\t\t\t\t<th class=\"col-md-1\">Status<\/th>\r\n\t\t\t\t\t\t\t\t<th class=\"col-md-1\">Fix<\/th>\r\n\t\t\t\t\t\t\t\t<th class=\"col-md-1\">Close<\/th>\r\n\t\t\t\t\t\t\t\t<th class=\"col-md-1\">Reopen<\/th>\r\n\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t<\/thead>\r\n\t\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t\t<c:forEach items=\"${issueList}\" var=\"item\">\r\n\t\t\t\t\t\t\t\t<c:if test=\"${item.status ne 'CLOSE'}\">\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<tr style=\"background-color: ${issueColors[item.status]}\">\r\n\t\t\t\t\t\t\t\t\t\t<td><c:out value=\"${item.title}\"\/><\/td>\r\n\t\t\t\t\t\t\t\t\t\t<td><c:out value=\"${item.openedby}\"\/><\/td>\r\n\t\t\t\t\t\t\t\t\t\t<td><c:out value=\"${item.priority}\"\/><\/td>\r\n\t\t\t\t\t\t\t\t\t\t<td><fmt:formatDate value=\"${item.createDate}\" pattern=\"dd-MM-yyyy HH:mm\" \/><\/td>\r\n\t\t\t\t\t\t\t\t\t\t<td><c:out value=\"${item.status}\"\/><\/td>\r\n\t\t\t\t\t\t\t\t\t\t<td><input type=\"button\" <c:if test=\"${item.status == 'FIX'}\"> disabled=\"disabled\" <\/c:if> onclick=\"location.href = '\/jspexample\/updateIssue?id=<c:out value=\"${item.id}\"\/>&newStatus=FIX'\" value=\"Fix\" \/><\/td>\r\n\t\t\t\t\t\t\t\t\t\t<td><input type=\"button\" onclick=\"location.href = '\/jspexample\/updateIssue?id=<c:out value=\"${item.id}\"\/>&newStatus=CLOSE'\" value=\"Close\" \/><\/td>\r\n\t\t\t\t\t\t\t\t\t\t<td><input type=\"button\" <c:if test=\"${item.status == 'OPEN'}\"> disabled=\"disabled\" <\/c:if> onclick=\"location.href = '\/jspexample\/updateIssue?id=<c:out value=\"${item.id}\"\/>&newStatus=OPEN'\" value=\"Reopen\" \/><\/td>\r\n\t\t\t\t\t\t\t\t\t<\/tr>\r\n\t\t\t\t\t\t\t\t<\/c:if>\r\n\t\t\t\t\t\t\t<\/c:forEach>\r\n\t\t\t\t\t\t<\/tbody>\r\n\t\t\t\t\t<\/table>\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t<%\r\n\t\t\t}\r\n\t\t%>\r\n\t<\/div>\t\r\n<\/pre>\n
First of all, the issue records are retrieved from the database through the DbOperations<\/code> instance. In the JSP page, we can access to the other Java classes in the classpath. Please note that we already import the DbOperations<\/code> class with JSP page directive at the top of the page. A compilation error occurs in the JSP page, unless you import an external Java class name.<\/p>\n
\r\n<%@ page import=\"com.javacodegeeks.examples.jspexample.db.DbOperations\"%>\r\n...\r\n\t%\r\n\t\tList< Issue > issueList = DbOperations.getTheInstance().getAllIssues();\t\r\n<\/pre>\n
Notice the “if statement” before the issue list code. We will show the list, if only the issue list has at least one item. The html codes between the false condition statements are not rendered, because they are not added to the Jsp counterpart Servlet class by the compiler.    <\/p>\n
\r\n        <%\r\n\t     if ( issueList.size() > 0 ) {\r\n\t%>\r\n             .... \/\/ Issue list HTML codes.  \r\n        <%\r\n            }\r\n        %>\r\n<\/pre>\n
We use JSTL tag library in the JSP page. <c:forEach<\/code> tag creates the loop and for each item in the “issue list”, a table row is printed. In the loop, the issues with ‘CLOSE’ status are not displayed in the list. We construct the “if statement” with the <c:if<\/code> JSTL tag. As you see, the condition is tested with ${item.status ne 'CLOSE'}<\/code>. This code is an example of JSP expression language<\/b>. ne<\/code><\/b> is represented as ‘not equal’ and it is one of the JSP EL relational operators. The others are == (eq), != (ne),  (gt), = (ge).  <\/p>\n
\r\n<c:forEach items=\"${issueList}\" var=\"item\">\r\n    <c:if test=\"${item.status ne 'CLOSE'}\">\r\n<\/pre>\n
How can we set different background colors to the issue rows depending on their status? We store the color codes in a “Map” of which the keys are their status data:<\/p>\n
\r\n    Map issueColors = new HashMap();\r\n    issueColors.put( \"OPEN\", \"#E2C8C8\" );\r\n    issueColors.put( \"FIX\", \"#C1E212\" );\r\n <\/pre>\n
we access this map with an expression language pattern while determining the background color of the issue row:<\/p>\n
\r\n     <tr style=\"background-color: ${issueColors[item.status]}\">\r\n<\/pre>\n
We use the JSTL fmt (format) tag in order to format the issue “createDate” date variable: <\/p>\n
\r\n    <td><fmt:formatDate value=\"${item.createDate}\" pattern=\"dd-MM-yyyy HH:mm\" \/><\/td>\r\n<\/pre>\n
We do not want the “fix button” being active if the issue status is already ‘FIX’ and in a same manner, the “reopen button” should be active if the issue status is not ‘OPEN’. We provide it inserting JSTL “if statement” in the button HTML code and put disabled=\"disabled\"<\/code> code if the relevant condition is true:<\/p>\n
\r\n<td><input type=\"button\" <c:if test=\"${item.status == 'FIX'}\"> disabled=\"disabled\" <\/c:if> ...\r\n<\/pre>\n
In the example project, there is a simple “Java bean” class like below:<\/p>\n
\r\npackage com.javacodegeeks.examples.jspexample.db.entity;\r\n\r\npublic class Company {\r\n\r\n\tprivate String\tname;\r\n\tprivate String\testablishYear;\r\n\r\n\tpublic String getName() {\r\n\t\treturn name;\r\n\t}\r\n\r\n\tpublic void setName( final String name ) {\r\n\t\tthis.name = name;\r\n\t}\r\n\r\n\tpublic String getEstablishYear() {\r\n\t\treturn establishYear;\r\n\t}\r\n\r\n\tpublic void setEstablishYear( final String establishYear ) {\r\n\t\tthis.establishYear = establishYear;\r\n\t}\r\n}\r\n<\/pre>\n
To give an example of Jsp actions<\/b>, we write a string “A company since 1998” in the page. “A” refers to the “name” variable and “1998” refers to the “establishYear” variable of the “Company” java bean. useBean<\/b> jsp action uses the current java bean instance or creates new one if it does not exist. setProperty<\/b> jsp action enables to set value to the property of the bean. getProperty<\/b> jsp action inserts the property of a JavaBean into the output. In the example code, we print the values of the “Company” bean properties ( name and establishYear ) after setting values ( “A”, “1998” ) to them:<\/p>\n
  \r\n\t<div>\r\n\t\t<jsp:useBean id=\"companyBean\" class=\"com.javacodegeeks.examples.jspexample.db.entity.Company\" \/>\r\n\t\t\r\n\t\t<jsp:setProperty property=\"name\" name=\"companyBean\" value=\"A\"\/>\r\n\t\t<jsp:setProperty property=\"establishYear\" name=\"companyBean\" value=\"1998\"\/>\r\n\t\t\r\n\t\t<b><jsp:getProperty property=\"name\" name=\"companyBean\"\/><\/b> company since \r\n\t\t<b><jsp:getProperty property=\"establishYear\" name=\"companyBean\"\/><\/b>\r\n\t<\/div>\r\n<\/pre>\n
Now I would like to mention the Servlets in the example. When we click on the “submit” button in the form, the “doPost” method of the “AddIssueServlet” servlet evaluates this action. The parameter values are transported via the request object. In this “doPost” method, these parameter values are taken and used to insert a new issue record in the database. Then the servlet invokes the jsp page to render again with the Servlet sendRedirect<\/code> method. The name of the our JSP page is “index.jsp”. Please note that “index.jsp” page is the default welcome page, so you do not have to write it explicitly. Thus we only set “\/jspexample\/” ( context root name of the application ) as the parameter of the “sendRedirect” method call:<\/p>\n
\r\npackage com.javacodegeeks.examples.jspexample.servlet;\r\n\r\nimport java.io.IOException;\r\n\r\nimport javax.servlet.ServletException;\r\nimport javax.servlet.annotation.WebServlet;\r\nimport javax.servlet.http.HttpServlet;\r\nimport javax.servlet.http.HttpServletRequest;\r\nimport javax.servlet.http.HttpServletResponse;\r\n\r\nimport com.javacodegeeks.examples.jspexample.db.DbOperations;\r\n\r\n@WebServlet( value = \"\/addIssue\" )\r\npublic class AddIssueServlet extends HttpServlet {\r\n\r\n\tprivate static final long\tserialVersionUID\t= -1L;\r\n\r\n\t@Override\r\n\tprotected void doPost( final HttpServletRequest request, final HttpServletResponse response )\r\n\t\tthrows ServletException, IOException {\r\n\r\n\t\tfinal String title = request.getParameter( \"title\" );\r\n\t\tfinal String openedBy = request.getParameter( \"openedby\" );\r\n\t\tfinal String priority = request.getParameter( \"priority\" );\r\n\t\tfinal String comments = request.getParameter( \"comments\" );\r\n\r\n\t\tDbOperations.getTheInstance().addNewIssueRecord( title, openedBy, priority, comments );\r\n\r\n\t\tresponse.sendRedirect( \"\/jspexample\/\" );\r\n\t}\r\n}\r\n<\/pre>\n
Clicking the “fix”, “close” and “reopen” buttons in the issue list rows fires another Servlet event in order to update the status of the current issue:<\/p>\n
\r\npackage com.javacodegeeks.examples.jspexample.servlet;\r\n\r\nimport java.io.IOException;\r\n\r\nimport javax.servlet.ServletException;\r\nimport javax.servlet.annotation.WebServlet;\r\nimport javax.servlet.http.HttpServlet;\r\nimport javax.servlet.http.HttpServletRequest;\r\nimport javax.servlet.http.HttpServletResponse;\r\n\r\nimport com.javacodegeeks.examples.jspexample.db.DbOperations;\r\n\r\n@WebServlet( value = \"\/updateIssue\" )\r\npublic class UpdateIssueServlet extends HttpServlet {\r\n\r\n\tprivate static final long\tserialVersionUID\t= -1L;\r\n\r\n\t@Override\r\n\tprotected void doGet( final HttpServletRequest request, final HttpServletResponse response )\r\n\t\tthrows ServletException, IOException {\r\n\r\n\t\tfinal String newStatus = request.getParameter( \"newStatus\" );\r\n\t\tfinal String id = request.getParameter( \"id\" );\r\n\r\n\t\tDbOperations.getTheInstance().updateIssueRecord( id, newStatus );\r\n\r\n\t\tresponse.sendRedirect( \"\/jspexample\/\" );\r\n\t}\r\n}\r\n<\/pre>\n
4. Download the Eclipse Project<\/h2>\n
This code demonstrates JSP basics in a simple example. Download link is below.<\/p>\n
\nDownload<\/strong>
You can download the full source code of this example here : jspexample<\/strong><\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
JSP is a server side technology which helps to create dynamic, platform-independent java web applications and is mainly used for implementing the presentation layer. In this tutorial, we will look into the essentials of the JSP technology with illustrating some simple code. As a prerequisite of this post, we assume you have knowledge what is …<\/p>\n","protected":false},"author":48,"featured_media":1240,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[],"class_list":["post-23870","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-jsp"],"yoast_head":"\nJSP Tutorial For Beginners - Java Code Geeks<\/title>\n<meta name=\"description\" content=\"JSP is a server side technology which helps to create dynamic, platform-independent java web applications and is mainly used for implementing the\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JSP Tutorial For Beginners - Java Code Geeks\" \/>\n<meta property=\"og:description\" content=\"JSP is a server side technology which helps to create dynamic, platform-independent java web applications and is mainly used for implementing the\" \/>\n<meta property=\"og:url\" content=\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/\" \/>\n<meta property=\"og:site_name\" content=\"Examples Java Code Geeks\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/javacodegeeks\" \/>\n<meta property=\"article:author\" content=\"http:\/\/www.facebook.com\/ilker.konar.7\" \/>\n<meta property=\"article:published_time\" content=\"2015-06-09T08:00:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-08-02T14:26:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/enterprise-java-logo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"150\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ilker Konar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@javacodegeeks\" \/>\n<meta name=\"twitter:site\" content=\"@javacodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ilker Konar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"22 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/\"},\"author\":{\"name\":\"Ilker Konar\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/6e006fb417fee303fa4ad4b29644a116\"},\"headline\":\"JSP Tutorial For Beginners\",\"datePublished\":\"2015-06-09T08:00:29+00:00\",\"dateModified\":\"2015-08-02T14:26:03+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/\"},\"wordCount\":2621,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/enterprise-java-logo.jpg\",\"articleSection\":[\"jsp\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/\",\"url\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/\",\"name\":\"JSP Tutorial For Beginners - Java Code Geeks\",\"isPartOf\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/enterprise-java-logo.jpg\",\"datePublished\":\"2015-06-09T08:00:29+00:00\",\"dateModified\":\"2015-08-02T14:26:03+00:00\",\"description\":\"JSP is a server side technology which helps to create dynamic, platform-independent java web applications and is mainly used for implementing the\",\"breadcrumb\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/#primaryimage\",\"url\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/enterprise-java-logo.jpg\",\"contentUrl\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/enterprise-java-logo.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/examples.javacodegeeks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Java Development\",\"item\":\"https:\/\/examples.javacodegeeks.com\/category\/java-development\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Enterprise Java\",\"item\":\"https:\/\/examples.javacodegeeks.com\/category\/java-development\/enterprise-java\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"jsp\",\"item\":\"https:\/\/examples.javacodegeeks.com\/category\/java-development\/enterprise-java\/jsp\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"JSP Tutorial For Beginners\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#website\",\"url\":\"https:\/\/examples.javacodegeeks.com\/\",\"name\":\"Java Code Geeks\",\"description\":\"Java Examples and Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/#organization\"},\"alternateName\":\"JCG\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/examples.javacodegeeks.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#organization\",\"name\":\"Exelixis Media P.C.\",\"url\":\"https:\/\/examples.javacodegeeks.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"contentUrl\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"width\":864,\"height\":246,\"caption\":\"Exelixis Media P.C.\"},\"image\":{\"@id\":\"https:\/\/examples.javacodegeeks.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/javacodegeeks\",\"https:\/\/x.com\/javacodegeeks\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/6e006fb417fee303fa4ad4b29644a116\",\"name\":\"Ilker Konar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2015\/03\/Ilker-Konar-96x96.jpg\",\"contentUrl\":\"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2015\/03\/Ilker-Konar-96x96.jpg\",\"caption\":\"Ilker Konar\"},\"description\":\"I am a senior software developer with experience mostly in java-related technologies with appliance in the telecommunication industry. I have been programming for more than fifteen years. I am passionate about programming. I like learning new frameworks, languages and design patterns.\",\"sameAs\":[\"http:\/\/examples.javacodegeeks.com\/author\/ilker-konar\/\",\"http:\/\/www.facebook.com\/ilker.konar.7\",\"https:\/\/www.linkedin.com\/in\/ilkerkonar\"],\"url\":\"https:\/\/examples.javacodegeeks.com\/author\/ilker-konar\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JSP Tutorial For Beginners - Java Code Geeks","description":"JSP is a server side technology which helps to create dynamic, platform-independent java web applications and is mainly used for implementing the","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/","og_locale":"en_US","og_type":"article","og_title":"JSP Tutorial For Beginners - Java Code Geeks","og_description":"JSP is a server side technology which helps to create dynamic, platform-independent java web applications and is mainly used for implementing the","og_url":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/","og_site_name":"Examples Java Code Geeks","article_publisher":"https:\/\/www.facebook.com\/javacodegeeks","article_author":"http:\/\/www.facebook.com\/ilker.konar.7","article_published_time":"2015-06-09T08:00:29+00:00","article_modified_time":"2015-08-02T14:26:03+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/enterprise-java-logo.jpg","type":"image\/jpeg"}],"author":"Ilker Konar","twitter_card":"summary_large_image","twitter_creator":"@javacodegeeks","twitter_site":"@javacodegeeks","twitter_misc":{"Written by":"Ilker Konar","Est. reading time":"22 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/#article","isPartOf":{"@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/"},"author":{"name":"Ilker Konar","@id":"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/6e006fb417fee303fa4ad4b29644a116"},"headline":"JSP Tutorial For Beginners","datePublished":"2015-06-09T08:00:29+00:00","dateModified":"2015-08-02T14:26:03+00:00","mainEntityOfPage":{"@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/"},"wordCount":2621,"commentCount":0,"publisher":{"@id":"https:\/\/examples.javacodegeeks.com\/#organization"},"image":{"@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/#primaryimage"},"thumbnailUrl":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/enterprise-java-logo.jpg","articleSection":["jsp"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/","url":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/","name":"JSP Tutorial For Beginners - Java Code Geeks","isPartOf":{"@id":"https:\/\/examples.javacodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/#primaryimage"},"image":{"@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/#primaryimage"},"thumbnailUrl":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/enterprise-java-logo.jpg","datePublished":"2015-06-09T08:00:29+00:00","dateModified":"2015-08-02T14:26:03+00:00","description":"JSP is a server side technology which helps to create dynamic, platform-independent java web applications and is mainly used for implementing the","breadcrumb":{"@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/#primaryimage","url":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/enterprise-java-logo.jpg","contentUrl":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2012\/12\/enterprise-java-logo.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/examples.javacodegeeks.com\/java-development\/enterprise-java\/jsp\/jsp-tutorial-beginners\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/examples.javacodegeeks.com\/"},{"@type":"ListItem","position":2,"name":"Java Development","item":"https:\/\/examples.javacodegeeks.com\/category\/java-development\/"},{"@type":"ListItem","position":3,"name":"Enterprise Java","item":"https:\/\/examples.javacodegeeks.com\/category\/java-development\/enterprise-java\/"},{"@type":"ListItem","position":4,"name":"jsp","item":"https:\/\/examples.javacodegeeks.com\/category\/java-development\/enterprise-java\/jsp\/"},{"@type":"ListItem","position":5,"name":"JSP Tutorial For Beginners"}]},{"@type":"WebSite","@id":"https:\/\/examples.javacodegeeks.com\/#website","url":"https:\/\/examples.javacodegeeks.com\/","name":"Java Code Geeks","description":"Java Examples and Code Snippets","publisher":{"@id":"https:\/\/examples.javacodegeeks.com\/#organization"},"alternateName":"JCG","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/examples.javacodegeeks.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/examples.javacodegeeks.com\/#organization","name":"Exelixis Media P.C.","url":"https:\/\/examples.javacodegeeks.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/examples.javacodegeeks.com\/#\/schema\/logo\/image\/","url":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","contentUrl":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","width":864,"height":246,"caption":"Exelixis Media P.C."},"image":{"@id":"https:\/\/examples.javacodegeeks.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/javacodegeeks","https:\/\/x.com\/javacodegeeks"]},{"@type":"Person","@id":"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/6e006fb417fee303fa4ad4b29644a116","name":"Ilker Konar","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/examples.javacodegeeks.com\/#\/schema\/person\/image\/","url":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2015\/03\/Ilker-Konar-96x96.jpg","contentUrl":"https:\/\/examples.javacodegeeks.com\/wp-content\/uploads\/2015\/03\/Ilker-Konar-96x96.jpg","caption":"Ilker Konar"},"description":"I am a senior software developer with experience mostly in java-related technologies with appliance in the telecommunication industry. I have been programming for more than fifteen years. I am passionate about programming. I like learning new frameworks, languages and design patterns.","sameAs":["http:\/\/examples.javacodegeeks.com\/author\/ilker-konar\/","http:\/\/www.facebook.com\/ilker.konar.7","https:\/\/www.linkedin.com\/in\/ilkerkonar"],"url":"https:\/\/examples.javacodegeeks.com\/author\/ilker-konar\/"}]}},"_links":{"self":[{"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/posts\/23870","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/users\/48"}],"replies":[{"embeddable":true,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/comments?post=23870"}],"version-history":[{"count":0,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/posts\/23870\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/media\/1240"}],"wp:attachment":[{"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/media?parent=23870"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/categories?post=23870"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/examples.javacodegeeks.com\/wp-json\/wp\/v2\/tags?post=23870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}