JEE Programming - 05 JSP

Module 05 - Java Server Pages in
MVC
Danairat T.
Line ID: Danairat
FB: Danairat Thanabodithammachari
+668-1559-1446

JEE and Web Application Development
The Course Outline
Module 01 - Introduction to JEE
Module 02 - The JEE Containers
Module 03 - The Model-View-Controller Design Pattern
Module 04 - Java Servlets
Module 05 - Java Server Pages in MVC
Module 06 - JEE Web Application Deployment
Module 07 - Enterprise Java Bean
Module 08 - JEE Enterprise Application Deployment

Java Server Pages
JSP allows Java code and certain
pre-defined actions with web
markup content, with the resulting
page being compiled and executed
on the server to deliver an HTML or
XML document.
<%@ page errorPage="myerror.jsp" %>
<%@ page import="com.foo.bar" %>
<html>
<head>
<%! int serverInstanceVariable = 1;%>
<% int localStackBasedVariable = 1; %>
<table>
<tr><td><%= toStringOrBlank( "expanded inline data " + 1 ) %></td></tr>
import java.util.*;
import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.jsp.*;
import javax.servlet.jsp.tagext.*;
import com.foo.bar; // Imported as a result of <%@ page import="com.foo.bar" %>
import
class _myservlet implements javax.servlet.Servlet, javax.servlet.jsp.HttpJspPage {
// Inserted as a
// result of <%! int serverInstanceVariable = 1;%>
int serverInstanceVariable = 1;
public void _jspService( javax.servlet.http.HttpServletRequest request,
javax.servlet.http.HttpServletResponse response )
throws javax.servlet.ServletException,
java.io.IOException
{
javax.servlet.ServletConfig config = ; // Get the servletconfig
Object page = this;
PageContext pageContext = ; // Get the page context for this request
javax.servlet.jsp.JspWriter out = pageContext.getOut();
HttpSession session = request.getSession( true );
try {
out.print( "<html>rn" );
out.print( "<head>rn" );
// From <% int localStackBasedVariable = 1; %>
int localStackBasedVariable = 1;
out.print( "<table>rn" );
out.print( " <tr><td>" );
// From <%= toStringOrBlank( "expanded inline data " + 1 ) %>
out.print( toStringOrBlank( "expanded inline data " + 1 ) );
out.print( " </td></tr>rn" );
} catch ( Exception _exception ) {
// Clean up and redirect to error page in <%@ page errorPage="myerror.jsp" %>
}
}
}
JSP is compiled to Servlet
during runtime state

JSP Syntaxes
Syntax
Elements
Standard Syntax XML Syntax
Comments <%--.. --%> 
Declarations <%! ..%>
<jsp:declaration> ..
</jsp:declaration>
Directives
<%@ include .. %> <jsp:directive.include .. />
<%@ page .. %> <jsp:directive.page .. />
<%@ taglib .. %> xmlns:prefix="tag library URL"
Expressions <%= ..%>
<jsp:expression> ..
</jsp:expression>
Scriptlets <% ..%> <jsp:scriptlet> .. </jsp:scriptlet>

JSP in Deployment File Structure

Java Server Page in MVC
Servlet
(Controller)
JSP
(View)
EJB
(Model)
1. Request
5. Response
2. Access
3. Access
4. Forward
Web Container EJB Container
JEE Server

Hands-on Lab: Creating JSP, Servlet
HTTP Session and
RequestDispatcher

Hands-on Lab: Creating JSP, Servlet HTTP Session and
RequestDispatcher
1. Click “New Application ” 2. Select “Java EE Web Application”, Click “OK”

RequestDispatcher
3. Enter Application Name, and follow the standard projects creation steps

RequestDispatcher
Creating Servlet to accept JSP Form, Creating HTTP Session, and RequestDispatcher
4. Select “New” from “ViewController” project 5. Select “HTTP Servlet”, Click “OK”

RequestDispatcher
6. Enter Servlet Name, Select “doget()”, “doPost()” 7. Click “Next”

RequestDispatcher
8. Finish. We will re-visit later.

Hands-on Lab: Creating JSP, Servlet HTTP Session and RequestDispatcher
9. Make change on the code to accept JSP Form Input and creating HTTP Session, with RequestDispatcher

RequestDispatcher
Creating JSP Form
10. Click “New” on “ViewController”

RequestDispatcher
Creating JSP Form
11. Select “JSP”, Click “OK” 12. Enter “index.jsp” for JSP File Name, Select “Page” for
Document Type, Click “OK”

Creating JSP Form
13. Choose “HTML” from “Component Palette” then select “Text Field”

Creating JSP Form
14. Drag the “Text Field” and drop to the JSP Page

Creating JSP Form
15. Enter “first_name” for Name with Size and Max Length 16. Click “Yes” to creating form control

Creating JSP Form
17. Click “OK” 18. Select Servlet for Action, Method=“post”
Name=“form_01”, click “OK”

Creating JSP Form
19. Drag “Submit Button” and drop into the HTML Form control

Creating JSP Form
20. Enter value for Submit Button 21. Enter Text Label “Welcome to Application”

Creating JSP Result
22. Click “New” from “ViewController” project 23. Select “JSP”, click “OK”

Creating JSP Result
24. Enter “result.jsp” for File Name 25. Add JSP Expression to display HTTP Session

Run Testing
26. Click “Run” from “index.jsp” 27. Enter some value into the JSP Form and click “submit”

Run Testing
28. The result screen from Servlet RequestDispatcher with HTTP Session

Hands-on Lab: Creating JSP, Servlets,
Data Source, Data Object, HTTP
Session and RequestDispatcher

Hands-on Lab: Creating JSP, Servlets, Data Source, Data Object,
HTTP Session and RequestDispatcher
Creating New Application
1. Click “New Application ” 2. Select “Java EE Web Application”, click “OK”

3. Enter project name, click “Next” 4. Click “Finish”

5. Done creating new application

Configure “ViewController” project to access “Model” project
6. Click “Project Properties” from “View Controller”

7. Click “Edit” from “Dependencies”
8. Click “Build Output”

9. Click “OK”

Creating Data Object
10. Click “New..” from “Model” project 11.Select “Java Class”, click “OK”

12. Enter information for new Java Class

13. Enter instance variable members into the code and click “Generate Accessors”

14. Click select all for set and get methods.

15. Click “OK”

Creating Servlet
16. Click “New” from “ViewController” project 17. Select “HTTP Servlet”

Creating Servlet
18. Enter Name with check “doGet()” and “doPost” 19. Click “Next”

Creating Servlet
20. Click “Finish” 21. Done creating new Servlet

Creating Servlet
22. Creating instance method in the servlet to connect the DB

Creating Servlet
23. Create instance method in the servlet to get data from DB

Creating Servlet
24. Accept JSP form parameters, create HTTP Session, RequestDispatcher

Creating JSP Form
25. Click “New ” from “ViewController” 26. Select “JSP”, click “OK”

Creating JSP Form
27. Enter “index.jsp” for JSP Name 28. Choose “HTML” in “Component Palette”

Creating JSP Form
29. Drag “Text Field” and drop into JSP 30. Enter Text Field parameters

Creating JSP Form
31. Click “Yes” to creating JSP HTML Form 32. Select “HTML – Form”

Creating JSP Form
33. Enter JSP Form parameters 34. Drag “Submit” button into JSP

Creating JSP Form
35. Enter Submit button variable
36. Finish

Creating JSP result screen
37. Click “New” for JSP Result Page 38. Select “JSP”, click “OK”

39. Enter JSP File Name 40. Drag Table and drop into the JSP

41. Enter Table Format
42. Make change JSP Code, getting result from HTTP Session

Run Testing
43. Click “Run” from the “index.jsp” 44. Enter “J” or other into the form and click “OK”

Run Testing
45. Finish, the result table from Data Object, HTTP Session and Request Dispatcher

Danairat T.
Line ID: Danairat
FB: Danairat Thanabodithammachari
+668-1559-1446
Thank you

JEE Programming - 05 JSP

More Related Content

What's hot (20)

Viewers also liked (15)

Similar to JEE Programming - 05 JSP (20)

More from Danairat Thanabodithammachari (15)

Recently uploaded (20)

JEE Programming - 05 JSP