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 G

class _myservlet implements javax.servlet.Servlet, javax.servlet.jsp.HttpJspPage {

// Inserted as a

// result of <%! int serverInstanceVariable = 1;%>

int serverInstanceVariable = 1;

G

public void _jspService( javax.servlet.http.HttpServletRequest request,

javax.servlet.http.HttpServletResponse response )

throws javax.servlet.ServletException,

java.io.IOException

{

javax.servlet.ServletConfig config = G; // Get the servlet config

Object page = this;

PageContext pageContext = G; // Get the page context for this request

javax.servlet.jsp.JspWriter out = pageContext.getOut();

HttpSession session = request.getSession( true );

try {

out.print( "<html>\r\n" );

out.print( "<head>\r\n" );

G

// From <% int localStackBasedVariable = 1; %>

int localStackBasedVariable = 1;

G

out.print( "<table>\r\n" );

out.print( " <tr><td>" );

// From <%= toStringOrBlank( "expanded inline data " + 1 ) %>

out.print( toStringOrBlank( "expanded inline data " + 1 ) );

out.print( " </td></tr>\r\n" );

G

} catch ( Exception _exception ) {

// Clean up and redirect to error page in <%@ page errorPage="myerror.jsp" %>

}

}

}

JSP is compiled to Servletduring runtime state

JSP Syntaxes

Syntax

ElementsStandard 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 Architecture

JSP

JSP Life Cycle

JSP in Deployment File Structure

Java Server Page in MVC

Servlet(Controller)

JSP(View)

EJB(Model)

1. Request

5. Response

2. Access

3. Access4. 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 ApplicationG” 2. Select “Java EE Web Application”, Click “OK”


RequestDispatcher

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


RequestDispatcherCreating Servlet to accept JSP Form, Creating HTTP Session, and RequestDispatcher

4. Select “New” from “ViewController” project 5. Select “HTTP Servlet”, Click “OK”



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



8. Finish. We will re-visit later.

Hands-on Lab: Creating JSP, Servlet HTTP Session and RequestDispatcherCreating Servlet to accept JSP Form, Creating 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”

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

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 ApplicationG” 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 “NewG” 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 Format42. 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

Software

Transcript of JEE Programming - 05 JSP