JSP – Java Server Pages

Java Server Pages to technologia pozwalająca tworzyć dynamiczne treści. Podobnie jak serwlety działa po stronie serwera. Jednakże w odróżnieniu od nich bardziej nadają się do wyświetlania odpowiedzi, gdyż w tym przypadku zaszywamy Javę w statycznej treści html, a nie na odwrót. Dość szybko widać jak niewygodne jest tworzenie odpowiedzi w wygodnej i ładnej formie w całości w obiekcie out. Przed przystąpieniem do tej lekcji warto zapoznać się z artykułem poświęconym na temat serwletów.

Różnice między JSP a serwletami

Podstawową różnicą jest zmiana podejścia. W JSP główną częścią pliku powinien być kod odpowiedzialny za warstwę prezentacji. Kod Javy umieszczamy pod specjalnymi znacznikami.

Drugą różnicą jest cykl życia aplikacji gdyż strony JSP są konwertowane do postaci serwletu.

Kiedy zatem korzystać z JSP? Wtedy, gdy odpowiedź od serwera powinna być wyświetlona w przystępnej dla użytkownika formie stosując np. css. Natomiast w przypadku, gdy ważniejsza jest sama logika aplikacji wygodniej jest używać serwletów.

Znaczniki

Różne znaczniki pełnią specjalne role w dokumentach JSP. Mogą pełnić rolę informacyjną dla kontenera, wskazywać miejsce na kod Javy lub po prostu pełnić funkcję komentarza.

Dyrektywy

<%@ page dyrektywa %> – dostarczają informacji do kontenera JSP na temat strony, w jaki sposób przetwarzać informacje. Poniżej przykład dyrektywy.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

1 2	<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

language – informuje kontener jaki język użyliśmy w dokumencie JSP.
contentType – wskazuje zestaw znaków użyty przy kodowaniu zawartości strony oraz sposób np. html, XML.
pageEncoding – kodowanie znaków użyte przy odpowiedzi do klienta.
session – informuje czy strona JSP jest częścią sesji http. Jeśli tak, to możemy używać obiektu session oraz zmiennych sesyjnych.
buffer – określa rozmiar buforu strumienia wyjściowego.
autoFlush – informuje czy bufor powinien być automatycznie czyszczony.
errorPage – wskazuje stronę, która wyświetli się w przypadku wystąpienia wyjątku.
isErrorPage – informuje kontener, że dana strona jest przeznaczona do obsługi wyjątku.
extends – wskazuje, którą klasę rozszerza nasza strona JSP po konwersji na serwlet.
import – określa, które pakiety należy zaimportować.
info – informacje o stronie.
isThreadSafe – informuje kontener JSP czy strona obsługuje wielowątkowość przy dostępie do niej.

<%@ include … %> – Umożliwia załączenie pliku do dokumentu JSP. Przykładem może być podział wynikowej strony na wiele fragmentów np. nagłówek, stopka i część główna. Zazwyczaj tylko ta ostatnia jest zmienna, w związku z tym, żeby nie powielać tego samego kodu możemy go umieścić w osobnym pliku. Następnie załączamy go tym tagiem w odpowiednim miejscu.

<%@ taglib … %> – Pozwala wczytać dodatkowe tagi.

Skryptlety

<% kod Javy %> – umieszczamy dowolny kod napisany w języku Java. W większości przypadków wynik nie jest widoczny dla użytkownika końcowego. Wyjątkiem jest wywołanie metod print obiektu out.

<%! deklaracja zmiennych %> – w takim znaczniku można umieścić deklarowane zmienne, które można użyć później w dowolnym miejscu w pliku JSP. Jeśli chcemy wykorzystać je na innej stronie JSP musimy wykorzystać np. Sesję lub zmienną request.

<%! int a;
    String b;
%>

<%! int a;

String b;

<%= wyrażenie %> – element, który po uruchomieniu jest konwertowany do postaci łańcucha znakowego, a następnie wyświetlany.

<%= 
request.getParameter("parametr")
%>

<%=

request.getParameter("parametr")

<%– Komentarz w JSP –%> – komentarze podobnie jak w normalnej Javie nie są widoczne, ani nie powodują wykonywania żadnych czynności. Są całkowicie pomijane przez środowisko JSP.

Obiekty predefiniowane JSP

W przypadku stron JSP możemy od razu korzystać z niektórych zdefiniowanych wcześniej obiektów, które w serwletach trzeba samemu utworzyć. Poniżej znajduje się ich lista.

request – obiekt klasy HttpServletRequest – zawiera dane żądania od klienta np. dostęp do przesłanych danych z formularza.
response – obiekt klasy HttpServletResponse – zawiera informacje odpowiedzi dla klienta od serwera.
session – obiekt klasy HttpSession – informacje na temat sesji.
out – obiekt klasy JspWriter – treść wyświetlana po stronie klienta.
exception – obiekt potrzebny do obsługi wyjątków.

Przykład aplikacji JSP

Podobnie jak w serwletach potrzebny nam będzie Dynamic Web Project. Tworzymy go w Eclipse, a następnie w katalogu Web Content tworzymy np. Index.jsp (zamiast html). Poniżej znajduje się przykładowa treść takiego dokumentu.

<%@ page language=”Java” contentType=”text/html” pageEncoding=”UTF-8” info="Programista Java JSP" %>

<html>
<head>
   <title>JSP</title>
</head>
<body>
   <% out.print ("Pierwszy dokument JSP"); %>
</body>
</html>

<%@ page language=”Java” contentType=”text/html” pageEncoding=”UTF-8” info="Programista Java JSP" %>

<html>

<head>

</head>

<body>

<% out.print ("Pierwszy dokument JSP"); %>

</body>

</html>

JSP jako warstwa prezentacji

Wróćmy na chwilę do przykładu aplikacji, która obliczała wyznacznik macierzy kwadratowej 3×3. Pamiętamy, że w przypadku serwletu problemem jest wyświetlenie odpowiedzi, gdyż każdą linię należy napisać przy pomocy metody out.print(). Lepszym rozwiązaniem jest rozdzielenie warstwy prezentacji, która będzie się znajdowała w pliku JSP, natomiast serwlet będzie obsługiwał logikę aplikacji.

Aplikacja będzie wyglądać tak samo, natomiast ze względu na rozdzielenie warstw prezentacji od logiki będziemy potrzebować dodatkowego pliku demo.jsp, który serwer odeśle jako odpowiedź.

Nowością będzie przekazanie przekazanie metodą setAttribute() wartości, które są dostępne w serwlecie. Następnie pozostaje wyświetlić te dane na stronie JSP. Poniżej znajdują się kody źródłowe opisanego projektu. Pliki *.html i *.jsp należy umieścić w katalogu WebContent, a plik serwletu w JavaResources\src.

 <!DOCTYPE html>
 <html>
	 <HEAD>
	 </HEAD>
	 <style>
	 	body {
	 		background: #f2f2f2;
	 	}
	 	
		textarea {
	 		resize: none;
	 		width: 150px;
		  	height: 120px;
		  	font-size: 1.5rem;
		}
		
		p {
			font-size: 1.2rem;
		}
	 </style>
	 <body> 
	 <H1>Przekazywanie parametrów metodą post</H1>
	 
	 <form action="/MojServlet/Post" method="post">
	 	<p>Wypisz macierz 3x3 do obliczenia jej wyznacznika:</p></br>
	 	<textarea name="macierz" rows="3" cols="10"></textarea>
	 	<input TYPE="submit" VALUE="Oblicz">
	 </form>
	 
	 </body>
 </html>

<!DOCTYPE html>

<html>

<HEAD>

</HEAD>

<style>

body {

background: #f2f2f2;

}

textarea {

resize: none;

width: 150px;

height: 120px;

font-size: 1.5rem;

}

p {

font-size: 1.2rem;

}

</style>

<body>

<H1>Przekazywanie parametrów metodą post</H1>

<p>Wypisz macierz 3x3 do obliczenia jej wyznacznika:</p></br>

</form>

</body>

</html>

Plik index.html pozostał bez zmian.

package pl.programistajava;

import java.io.IOException;
import java.util.Arrays;
import java.util.Scanner;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/Post")
public class Macierz extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    public Macierz() {
        super();
    }

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub	
		
		int[][] matrix = new int[3][3]; 
		String req = request.getParameter("macierz").trim();
		
		Scanner sc = new Scanner(req);
		sc.useDelimiter("\\D+");
		
		while(sc.hasNextInt()){
		    for(int i=0; i<3; i++) {
		    	for(int j=0; j<3; j++) {
		    		matrix[i][j] = sc.nextInt();
		    	}
		    }
		}
		sc.close();
		
		request.setAttribute("mat", Arrays.deepToString(matrix));
		request.setAttribute("det", det(matrix));
		RequestDispatcher rd = request.getRequestDispatcher("demo.jsp");
		rd.forward(request, response);
		
	}
	
	private int det(int[][] mat) {
		int det = mat[0][0]*mat[1][1]*mat[2][2] + mat[0][1]*mat[1][2]*mat[2][0] + mat[0][2]*mat[1][0]*mat[2][1] -
				  mat[0][2]*mat[1][1]*mat[2][0] - mat[0][0]*mat[1][2]*mat[2][1] - mat[0][1]*mat[1][0]*mat[2][2];
		
		return det;
	}

}

package pl.programistajava;

import java.io.IOException;

import java.util.Arrays;

import java.util.Scanner;

import javax.servlet.RequestDispatcher;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

@WebServlet("/Post")

public class Macierz extends HttpServlet {

private static final long serialVersionUID = 1L;

public Macierz() {

super();

}

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

// TODO Auto-generated method stub

int[][] matrix = new int[3][3];

String req = request.getParameter("macierz").trim();

Scanner sc = new Scanner(req);

sc.useDelimiter("\\D+");

while(sc.hasNextInt()){

for(int i=0; i<3; i++) {

for(int j=0; j<3; j++) {

matrix[i][j] = sc.nextInt();

}

sc.close();

request.setAttribute("mat", Arrays.deepToString(matrix));

request.setAttribute("det", det(matrix));

RequestDispatcher rd = request.getRequestDispatcher("demo.jsp");

rd.forward(request, response);

}

private int det(int[][] mat) {

int det = mat[0][0]*mat[1][1]*mat[2][2] + mat[0][1]*mat[1][2]*mat[2][0] + mat[0][2]*mat[1][0]*mat[2][1] -

mat[0][2]*mat[1][1]*mat[2][0] - mat[0][0]*mat[1][2]*mat[2][1] - mat[0][1]*mat[1][0]*mat[2][2];

return det;

}

Różnicą w tym dokumencie jest końcówka metody doPost(). Poprzednio przesyłaliśmy odpowiedź od razu do klienta. Tym razem przekazujemy wyniki obliczeń do dokumentu JSP. W tym celu wykorzystujemy obiekt klasy RequestDispatcher oraz metodę forward(). Zwróćmy uwagę, że w metodzie getRequestDispatcher() znajduje się nazwa strony i musi ona istnieć w folderze WebContent.

<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%> 
  
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Obliczanie wyznacznika macierzy</title>
<style>
 body {
 	background: #f2f2f2;
 	} 
</style>
</head>

<body>
<h1>Odpowiedź od serwera</h1>
<p>Wyznacznikiem macierzy <%= request.getAttribute("mat") %> jest <%= request.getAttribute("det") %></p>

</body>
</html>

<?xml version="1.0" encoding="UTF-8" ?>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<title>Obliczanie wyznacznika macierzy</title>

<style>

body {

background: #f2f2f2;

}

</style>

</head>

<body>

<h1>Odpowiedź od serwera</h1>

<p>Wyznacznikiem macierzy <%= request.getAttribute("mat") %> jest <%= request.getAttribute("det") %></p>

</body>

</html>

Takie rozwiązanie jest znacznie wygodniejsze i bardziej czytelne. W tym pliku nie znajdują się żadne obliczenia, jedynie przekazywane są wartości z serwletu. Wyświetlamy je przy pomocy tagu wyrażeń <%= %>.

Przechwytywanie wyjątków

Najprostszą możliwością jest obsługa błędów w bloku try-catch. Nie jest to jednak dobry styl i lepiej wykorzystać specjalny obiekt exception dostarczony nam domyślnie przez JSP. Dzięki zastosowaniu tej metody mamy obsługa wszystkich wyjątków znajduje się w jednym miejscu. Należy wykonać następujące czynności.

W pliku JSP, w którym może wystąpić wyjątek dopisujemy następującą deklarację

<%@ page errorPage="errorpage.jsp"%>

1	<%@ page errorPage="errorpage.jsp"%>

A w pliku errorpage.jsp dopisujemy.

<%@ page isErrorPage="true"%>

1	<%@ page isErrorPage="true"%>

W wyniku powyższych czynności możemy użyć obiektu exception i wywołać np. metodę getMessage().

JSTL – JSP Standard Tag Library

W poprzednim rozdziale pokazaliśmy jak łatwo jest używać Javy pisząc jej kod w skryptletach. Jednakże nie jest to dobra praktyka, gdyż w przypadku większej aplikacji nieładnie wygląda przeplatanie Javy i kodu html. Znacznie lepiej jest rozdzielić warstwę prezentacji danych od ich przetwarzania. Przydatne w tym jest zrozumienie wzorca projektowego MVC (ang. model view controller).

Wspomniany JSTL jest biblioteką zawierającą wiele tagów pomagających używanie typowych struktur. W ich skład wchodzą instrukcje warunkowe, pętle, SQL oraz XML.

Instalacja pakietu JSTL

Pierwszym krokiem powinno być pobranie z sieci dostępnej biblioteki. Następnie należy umieścić ją w w projekcie w folderze WebContent\webinf\lib. Ostatnim krokiem jest dodanie dyrektywy.

Tag core

<%@ taglib prefix = "c" uri = "http://java.sun.com/jsp/jstl/core" %>

1	<%@ taglib prefix = "c" uri = "http://java.sun.com/jsp/jstl/core" %>

W tej grupie znajdują się najczęściej wykorzystywane tagi. Wśród nich znajdziemy obsługę pętli, instrukcji warunkowych, przekierowań oraz wyświetlanie danych oraz ich zapis. Poniżej pokażemy kilka przykładów.

Zapisywanie i wyświetlanie zmiennych.

<c:set var = "a" scope = "session" value = "10"/>
<c:out value = "${a}"/>

1 2	<c:set var = "a" scope = "session" value = "10"/> <c:out value = "${a}"/>

Instrukcja warunkowa if.

<c:if test = "instrukcja warunkowa">
   Zrób coś
</c:if>

<c:if test = "instrukcja warunkowa">

Zrób coś

</c:if>

Instrukcja warunkowa choose jest odpowiednikiem if-else.

<c:choose>
 
 <c:when test = "${instrukcja warunkowa}">
	Zrób coś
 </c:when>
 
 <c:when test = "${instrukcja warunkowa}">
	Zrób coś innego
 </c:when>
 
 <c:otherwise>
	W przeciwnym wypadku
 </c:otherwise>
 
</c:choose>

<c:choose>

<c:when test = "${instrukcja warunkowa}">

Zrób coś

</c:when>

<c:when test = "${instrukcja warunkowa}">

Zrób coś innego

</c:when>

<c:otherwise>

W przeciwnym wypadku

</c:otherwise>

</c:choose>

Poniżej pokażemy przykładowy projekt składający się z trzech plików. Startowym będzie serwlet symulujący pobranie danych z bazy, Drugim dokument JSP wyświetlający dane (warstwa prezentacji), a trzeci będzię zwykłą klasą reprezentującą model.

Zwróćmy uwagę na klasę Gory, która reprezentuje nasz model. Utworzyliśmy ją zgodnie z dobrą praktyką czyli pole jest prywatne. W związku z tym niezbędne jest dodanie metod – getNazwa() i setNazwa() trzymając się konwencji nazewniczej. W przeciwnym przypadku kontener zwróci błąd, gdyż nie będzie mógł dostać się do prywatnego pola.

package pl.programistajava;

import java.io.IOException;
import java.util.Arrays;
import java.util.List;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

@WebServlet("/Demo")
public class Demo extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    public Demo() {
        super();
        // TODO Auto-generated constructor stub
    }

	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		List<Gory> gory = Arrays.asList(new Gory("Tatry"), new Gory("Bieszczady"), new Gory("Pieniny"));
		request.setAttribute("listaGor", gory);
		RequestDispatcher rd = request.getRequestDispatcher("demo.jsp");
		rd.forward(request, response);
	}

}

package pl.programistajava;

import java.io.IOException;

import java.util.Arrays;

import java.util.List;

import javax.servlet.RequestDispatcher;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

@WebServlet("/Demo")

public class Demo extends HttpServlet {

private static final long serialVersionUID = 1L;

public Demo() {

super();

// TODO Auto-generated constructor stub

}

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

List<Gory> gory = Arrays.asList(new Gory("Tatry"), new Gory("Bieszczady"), new Gory("Pieniny"));

request.setAttribute("listaGor", gory);

RequestDispatcher rd = request.getRequestDispatcher("demo.jsp");

rd.forward(request, response);

}

<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%> 
    
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Lista Gór</title>
<style>
 body {
 	background: #f2f2f2;
 	} 
</style>
</head>

<body>
<h1>Lista Gór</h1>

<c:set var = "s" scope = "page" value = "${listaGor.size()}"/>
    <c:if test="${s > 0}">
        Przesłano <c:out value="${s}"></c:out> elementy<br><br>
        <c:forEach var="g" items="${listaGor}">
			<c:out value="${g.nazwa}"></c:out><br>
		</c:forEach>
    </c:if>

</body>
</html>

<?xml version="1.0" encoding="UTF-8" ?>

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE html>

<html>

<head>

<title>Lista Gór</title>

<style>

body {

background: #f2f2f2;

}

</style>

</head>

<body>

<h1>Lista Gór</h1>

<c:set var = "s" scope = "page" value = "${listaGor.size()}"/>

<c:if test="${s > 0}">

Przesłano <c:out value="${s}"></c:out> elementy<br><br>

<c:forEach var="g" items="${listaGor}">

<c:out value="${g.nazwa}"></c:out><br>

</c:forEach>

</c:if>

</body>

</html>

package pl.programistajava;

public class Gory {
	private String nazwa;

	public String getNazwa() {
		return nazwa;
	}

	public void setNazwa(String nazwa) {
		this.nazwa = nazwa;
	}

	public Gory(String nazwa) {
		super();
		this.nazwa = nazwa;
	}

}

package pl.programistajava;

public class Gory {

private String nazwa;

public String getNazwa() {

return nazwa;

}

public void setNazwa(String nazwa) {

this.nazwa = nazwa;

}

public Gory(String nazwa) {

super();

this.nazwa = nazwa;

}

Wynik uruchomienia powyższego kodu jest następujący.

Wynik uruchomienia projektu korzystając z JSTL

Tag SQL

<%@ taglib prefix = "c" uri = "http://java.sun.com/jsp/jstl/sql" %>

1	<%@ taglib prefix = "c" uri = "http://java.sun.com/jsp/jstl/sql" %>

JSTL pozwala na połączenie z bazą danych bez potrzeby używania kodu Javy. Wystarczy użyć specjalnych tagów. Po dokładniejsze informacje na temat baz danych opisaliśmy już w jednym z poprzednich w wpisów.

Pierwszym krokiem jest wskazanie źródła danych i służy do tego tag <sql:setDataSource/>.

<sql:setDataSource  var="db" driver="com.mysql.cj.jdbc.Driver" url="jdbc:mysql://localhost/database" user="sql"  password="sql"/>

1	<sql:setDataSource var="db" driver="com.mysql.cj.jdbc.Driver" url="jdbc:mysql://localhost/database" user="sql" password="sql"/>

var – nazwa po której będziemy odwoływać się do bazy danych,
driver – sterownik JDBC,
url – adres bazy danych,
user – nazwa użytkownika bazy danych,
password – hasło, które uwierzytelnia podanego wcześniej użytkownika.

Po połączeniu się z bazą danych możemy wysłać do niej zapytanie. Tym razem wykorzystamy tag <sql:query/>

<sql:query var="rs" dataSource="${db}">
SELECT * FROM Gory
</sql:query>

<sql:query var="rs" dataSource="${db}">

SELECT * FROM Gory

</sql:query>

Wewnątrz tagów znajduje się zapytanie napisane w języku SQL. Dodatkowo wskazujemy dwa atrybuty.

var – nazwa zmiennej typu ResultSet
dataSource – zmienna, która wskazuje bazę danych.

Ostatnim krokiem jest wyświetlenie otrzymanych danych. W tym celu wykorzystamy znane już tagi core.

<c:forEach var="gora" items="${rs.rows}">
	<c:out value="${gora.Nazwa}"></c:out>
</c:forEach>

<c:forEach var="gora" items="${rs.rows}">

<c:out value="${gora.Nazwa}"></c:out>

</c:forEach>

var – zmienna, która wskazuje na pojedynczy rekord pobrany z bazy danych,
items – źródło danych.

Pobieramy dane do wyświetlenia ze zmiennej gora. Następnie wybieramy do wyświetlenia kolumnę Nazwa.

JSP – Java Server Pages

JSP – Java Server Pages

Różnice między JSP a serwletami

Znaczniki

Dyrektywy

Skryptlety

Obiekty predefiniowane JSP

JSP jako warstwa prezentacji

Przechwytywanie wyjątków

JSTL – JSP Standard Tag Library

Instalacja pakietu JSTL

Tag core

Tag SQL

About the author

Red editor