Università di Bergamo Facoltà di Ingegneria. Applicazioni Internet B. Paolo Salvaneschi B6_1 V1.7. JSP parte A

Transcript

1 Università di Bergamo Facoltà di Ingegneria Applicazioni Internet B Paolo Salvaneschi B6_1 V1.7 JSP parte A Il contenuto del documento è liberamente utilizzabile dagli studenti, per studio personale e per supporto a lezioni universitarie. Ogni altro uso è riservato, e deve essere preventivamente autorizzato dall autore. Sono graditi commenti o suggerimenti per il miglioramento del materiale B6 JSP Paolo Salvaneschi 1

2 INDICE Java Server Pages Installazione di Tomcat Struttura directory Tomcat Creazione e installazione di una applicazione JSP JSP Overview Sintassi degli elementi JSP B6 JSP Paolo Salvaneschi 2 B6 JSP Paolo Salvaneschi 2

3 Java Server Pages Server Server Application Server Client Data base Sistema Informativo JSP H T T P D HTTP HTML CSS JavaScript Tomcat Microsoft Internet Explorer Netscape Navigator B6 JSP Paolo Salvaneschi 3 B6 JSP Paolo Salvaneschi 3

4 Java Server Pages Java Server Pages (JSP) Pagina di testo HTML che include codice java Pagina dinamica che è eseguita lato server e restituisce HTML al client B6 JSP Paolo Salvaneschi 4 B6 JSP Paolo Salvaneschi 4

5 Installazione di Tomcat INSTALLAZIONE TOMCAT Versioni: Java j2sdk1.4.1_01 (con compilatore, non versione re solo runtime) Tomcat JSTL 1.0 (jakarta-taglibs-standard zip) B6 JSP Paolo Salvaneschi 5 B6 JSP Paolo Salvaneschi 5

6 Installazione di Tomcat INSTALLAZIONE TOMCAT Installazione di java sdk nella cartella C:\j2sdk1.4.1_01 Download dal sito di jakarta-tomcat exe Definizione delle variabili di ambiente JAVA_HOME CATALINA_HOME B6 JSP Paolo Salvaneschi 6 B6 JSP Paolo Salvaneschi 6

7 Installazione di Tomcat (es: Windows 2000-XP) : Pannello di controllo-sistema - Avanzate -Variabili ambiente CATALINA_HOME C:\Apache Group\Tomcat 4.1 JAVA_HOME C:\Programmi\j2sdk1.4.1_01\bin B6 JSP Paolo Salvaneschi 7 B6 JSP Paolo Salvaneschi 7

8 Installazione di Tomcat Installazione di Tomcat nella cartella C:\Apache Group\Tomcat 4.1 HTTP/1.1 Connector Port: 8080 User:admin Passw: nessuna B6 JSP Paolo Salvaneschi 8 B6 JSP Paolo Salvaneschi 8

9 Installazione di Tomcat AVVIO TOMCAT Start TOMCAT Al termine delle attività: stop TOMCAT B6 JSP Paolo Salvaneschi 9 B6 JSP Paolo Salvaneschi 9

10 Installazione di Tomcat UTILIZZO TOMCAT Esegue il file: index.jsp con il path completo (percorso di contesto): %CATALINA_HOME%/webapps/ROOT/index.jsp Cartella di default per le applicazioni Web servite da Tomcat Applicazione di default B6 JSP Paolo Salvaneschi 10 B6 JSP Paolo Salvaneschi 10

11 Installazione di Tomcat B6 JSP Paolo Salvaneschi 11 B6 JSP Paolo Salvaneschi 11

12 Installazione di Tomcat Amministrazione di TOMCAT: Definizione e gestione utenti. B6 JSP Paolo Salvaneschi 12 B6 JSP Paolo Salvaneschi 12

13 Installazione di Tomcat Amministrazione di TOMCAT: Es: lista applicazioni installate e gestione relativa Installazione di nuove applicazioni B6 JSP Paolo Salvaneschi 13 B6 JSP Paolo Salvaneschi 13

14 Installazione di Tomcat B6 JSP Paolo Salvaneschi 14 B6 JSP Paolo Salvaneschi 14

15 Struttura directory Tomcat Applicazione servita da Tomcat B6 JSP Paolo Salvaneschi 15 B6 JSP Paolo Salvaneschi 15

16 Struttura directory Tomcat Script per avvio e interruzione del server Tomcat...\Tomcat-4.1\bin Files di configurazione del server...\tomcat-4.1\conf Files di log del server...\tomcat-4.1 \logs Cartella di default per le applicazioni Web servite da Tomcat...\Tomcat-4.1 \webapps Files temporanei (qui sono salvate le servlet generate dalle pagine JSP)...\Tomcat-4.1 \work B6 JSP Paolo Salvaneschi 16 B6 JSP Paolo Salvaneschi 16

17 Struttura directory Tomcat Applicazioni Web servite da Tomcat Container Metodo standard di installazione e packaging delle risorse che compongono un applicazione (pagine JSP, pagine statiche, classi java, ). Files disposti in una gerarchia definita all interno di un archivio WAR (Web archive) Archivio.jar (.zip) Cartella di file system B6 JSP Paolo Salvaneschi 17 B6 JSP Paolo Salvaneschi 17

18 Struttura directory Tomcat Descrittore dell installazione (file XML) Contesto servlet associato ad un context path utilizzato per raggiungere l applicazione a cui inviare le richieste B6 JSP Paolo Salvaneschi 18 B6 JSP Paolo Salvaneschi 18

19 Creazione e installazione di una applicazione JSP Applicazione servita da Tomcat B6 JSP Paolo Salvaneschi 19 B6 JSP Paolo Salvaneschi 19

20 Creazione e installazione di una applicazione JSP <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <H1>Esempio 1</H1> index.jsp <%= Espressione %> Utilizzate per aggiungere alla risposta http il risultato dell esecuzione di un espressione di scripting <P><%= "pippo" + ", pluto" %> </P> <IMG SRC="citta.gif" WIDTH="100" HEIGHT="100" BORDER="0" ALT=""> <HR> </BODY> </HTML> B6 JSP Paolo Salvaneschi 20 B6 JSP Paolo Salvaneschi 20

21 Creazione e installazione di una applicazione JSP <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <H1>Esempio 1</H1> <P>pippo, pluto </P> Testo HTML generato <IMG SRC="citta.gif" WIDTH="100" HEIGHT="100" BORDER="0" ALT=""> <HR> </BODY> </HTML> B6 JSP Paolo Salvaneschi 21 B6 JSP Paolo Salvaneschi 21

22 Creazione e installazione di una applicazione JSP Descrittore dell installazione <?xml version="1.0" encoding="iso "?> <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" " <web-app> <display-name>welcome to Tomcat</display-name> <description> Welcome to Tomcat </description> </web-app> B6 JSP Paolo Salvaneschi 22 B6 JSP Paolo Salvaneschi 22

23 Creazione e installazione di una applicazione JSP Context path Regole di mappatura %CATALINA_HOME%\webapps\Esempio_1\index.jsp C:\Apache Group\ Tomcat 4.1\webapps\Esempio_1\index.jsp B6 JSP Paolo Salvaneschi 23 B6 JSP Paolo Salvaneschi 23

24 Creazione e installazione di una applicazione JSP Installazione di una nuova applicazione Costruire l applicazione (archivio) Copiare in /webapps Stop Tomcat Start Tomcat B6 JSP Paolo Salvaneschi 24 B6 JSP Paolo Salvaneschi 24

25 JSP Overview Servlet Oggetti Java particolari che sono caricati ed eseguiti dal web server (application server) che li utilizza come proprie estensioni. Il server mette a disposizione delle Servlet un container che si occupa della gestione dell ambiente all interno delle quali le servlet girano. Il container passa i dati dal client verso le servlet e viceversa (via protocollo http). B6 JSP Paolo Salvaneschi 25 B6 JSP Paolo Salvaneschi 25

26 JSP Overview Ciclo di vita di una Servlet Una servlet è caricata e inizializzata dal web server al momento della prima richiesta http da parte di un client o al momento dell avvio del servizio. All inizializzazione la servlet può, se il caso, aprire una connessione con un DataBase (connessione che resta aperta per servire più richieste del client). B6 JSP Paolo Salvaneschi 26 B6 JSP Paolo Salvaneschi 26

27 JSP Overview Ciclo di vita di una Servlet La servlet esegue le richieste del client. Per ogni richiesta è creato un thread La servlet rilascia le risorse ed è distrutta B6 JSP Paolo Salvaneschi 27 B6 JSP Paolo Salvaneschi 27

28 JSP Overview Elaborazione della pagina JSP Il server utilizza la pagina JSP come una servlet. Al momento del primo accesso la pagina JSP è trasformata in un file Java e compilata ottenendo una classe Java che rappresenta una servlet che crea una pagina html e la invia al client. B6 JSP Paolo Salvaneschi 28 B6 JSP Paolo Salvaneschi 28

29 JSP Overview <HTML> <HEAD></HEAD> <BODY> <H1>Esempio 2</H1> <HR> <% for(int i=0; i<10; i++) { if(i%2==0) { %> <h1>pari</h1> <% } else { %> <h2>dispari</h2> <% } Scriptlet } <HR> </BODY> </HTML> %> index.jsp <% Frammento di codice %> Utilizzati per includere frammenti di codice nella pagina B6 JSP Paolo Salvaneschi 29 B6 JSP Paolo Salvaneschi 29

30 JSP Overview <HTML> <HEAD></HEAD> <BODY> <H1>Esempio 2</H1> <HR> <% for(int i=0; i<10; i++) { if(i%2==0) { %> <h1>pari</h1> <% } else { %> <h2>dispari</h2> <% } } %> <HR> </BODY> </HTML> B6 JSP Paolo Salvaneschi 30 B6 JSP Paolo Salvaneschi 30

31 <HTML> <HEAD></HEAD> <BODY> <H1>Esempio 2</H1> <HR> <h1>pari</h1> <h2>dispari</h2> <h1>pari</h1> <h2>dispari</h2> <h1>pari</h1> <h2>dispari</h2> <h1>pari</h1> <h2>dispari</h2> <h1>pari</h1> <h2>dispari</h2> <HR> </BODY> </HTML> JSP Overview Testo HTML generato B6 JSP Paolo Salvaneschi 31 B6 JSP Paolo Salvaneschi 31

32 JSP Overview Jsp è case-sensitive Directories e nomi di files della web application sono case-sensitive Uno.htm Due.htm <IMG SRC="citta.gif"> <IMG SRC= Citta.gif"> Eseguiti sul file system di windows da Explorer utilizzano lo stesso file immagine Copiati in Webapps ed Eseguiti da Tomcat (con OS Windows) NON utilizzano lo stesso file immagine B6 JSP Paolo Salvaneschi 32 B6 JSP Paolo Salvaneschi 32

33 JSP Overview Pagina JSP Testo template Elementi JSP Direttive Elementi di scripting Componenti JavaBean Elementi di azione standard Azioni personalizzate e JSTL B6 JSP Paolo Salvaneschi 33 B6 JSP Paolo Salvaneschi 33

34 JSP Overview page import = "num.numberguessbean" %> <jsp:usebean id="numguess" class="num.numberguessbean" scope="session"/> <jsp:setproperty name="numguess" property="*"/> <html> <head><title>number Guess</title></head> <body bgcolor="white"> <font size=4> <% if (numguess.getsuccess()) { %> Congratulations! You got it. And after just <%= numguess.getnumguesses() %> tries.<p> <% numguess.reset(); %> Care to <a href="numguess.jsp">try again</a>? <% } else if (numguess.getnumguesses() == 0) { %> Direttive Azioni Testo template Elementi di scripting B6 JSP Paolo Salvaneschi 34 B6 JSP Paolo Salvaneschi 34

35 JSP Overview Modi diversi di inserire il codice Primo modo: Elementi di scripting Codice java inserito nel testo La pagina è realizzata da un programmatore java B6 JSP Paolo Salvaneschi 35 B6 JSP Paolo Salvaneschi 35

36 JSP Overview Modi diversi di inserire il codice Modi ulteriori Componenti JavaBean (Classi java con regole di codifica tali da poterle utilizzare in modo semplice) Elementi di azione standard, Azioni personalizzate e JSTL (Tag specializzati) B6 JSP Paolo Salvaneschi 36 B6 JSP Paolo Salvaneschi 36

37 JSP Overview Motivazioni: Motivazione gestionale: separare il ruolo del programmatore (java, DB) dal costruttore di interfaccia (HTML) Motivazioni tecniche: Strumenti di sviluppo rapido Vedi pattern Model View Controller B6 JSP Paolo Salvaneschi 37 B6 JSP Paolo Salvaneschi 37

38 JSP Overview page import = "num.numberguessbean" %> <jsp:usebean id="numguess" class="num.numberguessbean" scope="session"/> <jsp:setproperty name="numguess" property="*"/> <html> <head><title>number Guess</title></head> <body bgcolor="white"> <font size=4> Classi java esterne Java Beans B6 JSP Paolo Salvaneschi 38 B6 JSP Paolo Salvaneschi 38

39 JSP Overview page contenttype="text/html" %> taglib prefix="c" uri=" %> <html> <head> <title>jsp is Easy</title> </head> <body bgcolor="white"> <h1>jsp is as easy as...</h1> <%-- Calculate the sum of dynamically --%> = <c:out value="${ }" /> </body> </html> Elementi di azione personalizzate e JSTL B6 JSP Paolo Salvaneschi 39 B6 JSP Paolo Salvaneschi 39

40 Sintassi degli elementi JSP <%-- --%> Commento Direttive Sintassi attr1= valore attr2= valore2 %> Tipi di direttive %> %> %> B6 JSP Paolo Salvaneschi 40 B6 JSP Paolo Salvaneschi 40

41 Sintassi degli elementi JSP file= Percorso %> Esegue l inserimento del contenuto di un file nella pagina Il nuovo testo è compilato B6 JSP Paolo Salvaneschi 41 B6 JSP Paolo Salvaneschi 41

42 Sintassi degli elementi JSP nome= valore %> Definisce gli attributi della pagina contenttype= tipo MIME per la risposta errorpage= percorso pagina a cui trasferire il controllo in caso di eccezione import= elenco classi o package java da importare language= linguaggio di scripting usato session= true (default) se la pagina partecipa ad una sessione utente B6 JSP Paolo Salvaneschi 42 B6 JSP Paolo Salvaneschi 42

43 Sintassi degli elementi JSP prefix= Prefisso uri= tagliburi %> Dichiara una tag library utilizzata nella pagina che contiene azioni personalizzate (o JSTL) prefix uri prefisso da utilizzare nei nomi degli elementi di azione stringa utilizzata per localizzare l implementazione della tag library B6 JSP Paolo Salvaneschi 43 B6 JSP Paolo Salvaneschi 43

44 Sintassi degli elementi JSP Elementi di scripting Consentono di aggiungere porzioni di codice alla pagina JSP Tipi di elementi Dichiarazioni Espressioni Scriptlet B6 JSP Paolo Salvaneschi 44 B6 JSP Paolo Salvaneschi 44

45 Sintassi degli elementi JSP Dichiarazioni <%! Dichiarazione %> Dichiara una variabile o un metodo <%! Int globalcounter = 0; %> Espressioni <%= Espressione %> Utilizzate per aggiungere alla risposta http il risultato dell esecuzione di un espressione di scripting <%= globalcounter ++ %> B6 JSP Paolo Salvaneschi 45 B6 JSP Paolo Salvaneschi 45

46 Sintassi degli elementi JSP Scriptlet <% Frammento di codice %> Utilizzati per includere frammenti di codice nella pagina Il linguaggio deve essere definito nella direttiva page (default java) B6 JSP Paolo Salvaneschi 46 B6 JSP Paolo Salvaneschi 46

47 Sintassi degli elementi JSP language="java" contenttype="text/html" %> <%! int globalcounter = 0; %> <HTML> <HEAD></HEAD> <BODY BGCOLOR="ffffcc"> <HR> <CENTER> <H2>Questa pagina è stata visitata (n. volte): <%= ++globalcounter %> </H2> Dichiarazione Elementi di scripting B6 JSP Paolo Salvaneschi 47 B6 JSP Paolo Salvaneschi 47

48 Sintassi degli elementi JSP <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <H1>Esempio 1</H1> <P> <%= "pippo" + ", pluto" %> </P> <IMG SRC="citta.gif" WIDTH="100" HEIGHT="100" BORDER="0" ALT=""> <HR> </BODY> </HTML> Espressione Elementi di scripting B6 JSP Paolo Salvaneschi 48 B6 JSP Paolo Salvaneschi 48

49 Sintassi degli elementi JSP <HTML> <HEAD> </HEAD> <BODY BGCOLOR="ffffcc"> <H1>Esempio 3</H1> <HR> <CENTER> <H2>Date and Time</H2> <% %> </CENTER> <HR> </BODY> </HTML> Classe Date del package java.util java.util.date today = new java.util.date(); out.println("today's date is: "+today); Scriptlet Elementi di scripting B6 JSP Paolo Salvaneschi 49 B6 JSP Paolo Salvaneschi 49

50 Sintassi degli elementi JSP import="java.util.*" %> <HTML> <HEAD> </HEAD> <BODY BGCOLOR="ffffcc"> <H1>Esempio 4</H1> <HR> <CENTER> <H2>Date and Time</H2> <% Date today = new Date(); %> </CENTER> <HR> </BODY> </HTML> Import del package java.util Classe Date out.println("today's date is: "+today); Scriptlet Elementi di scripting B6 JSP Paolo Salvaneschi 50 B6 JSP Paolo Salvaneschi 50

51 Sintassi degli elementi JSP import="java.util.*" %> <HTML> <HEAD> </HEAD> <BODY BGCOLOR="ffffcc"> <H1>Esempio 5</H1> <HR><CENTER> <H2>Saluto</H2> <% Date clock = new Date(); %> <% if ( clock.gethours() < 12 ) { %> <H2>Buongiorno!</H2> <% } else if ( clock.gethours() < 17 ) { %> <H2>Buon pomeriggio!</h2> <% } else { %> <H2>Buona sera!</h2> <% }%> </CENTER><HR> </BODY></HTML> Scriptlet Elementi di scripting B6 JSP Paolo Salvaneschi 51 B6 JSP Paolo Salvaneschi 51

52 Sintassi degli elementi JSP Componenti JavaBean Un componente JavaBean è una classe java conforme a definite regole di codifica Un insieme di elementi di azione standard <jsp: > ne permette l utilizzo Sono utilizzati come contenitori che descrivono entità dell applicazione (cliente, ordine, ) B6 JSP Paolo Salvaneschi 52 B6 JSP Paolo Salvaneschi 52

53 Sintassi degli elementi JSP page import = "num.numberguessbean" %> <jsp:usebean id="numguess" class="num.numberguessbean" scope="session"/> <jsp:setproperty name="numguess" property="*"/> <html> <head><title>number Guess</title></head> <body bgcolor="white"> <font size=4> Classi java esterne B6 JSP Paolo Salvaneschi 53 B6 JSP Paolo Salvaneschi 53

54 Sintassi degli elementi JSP Elementi di azione standard Componenti invocati quando un client chiede la pagina JSP Sintassi XML Esempio: <jsp:forward page= nextpage.jsp > <jsp:param name= aparam nvalue= avalue /> </jsp:forward> Tag iniziale con eventuali attributi, tag finale, annidamento B6 JSP Paolo Salvaneschi 54 B6 JSP Paolo Salvaneschi 54

55 Sintassi degli elementi JSP Notazione completa Tag iniziale <jsp: > corpo Tag finale </jsp: > Notazione abbreviata se non c è un corpo <jsp: /> B6 JSP Paolo Salvaneschi 55 B6 JSP Paolo Salvaneschi 55

56 Sintassi degli elementi JSP Elementi di azione standard <jsp:forward page= nextpage.jsp /> Trasferisce il controllo dell elaborazione della richiesta http ad un altra pagina <jsp:forward page= nextpage.jsp > <jsp:param> <jsp:param>. </jsp:forward > Trasferisce il controllo dell elaborazione della richiesta http ad un altra pagina passando parametri supplementari B6 JSP Paolo Salvaneschi 56 B6 JSP Paolo Salvaneschi 56

57 Sintassi degli elementi JSP Elementi di azione standard <jsp:getproperty name= nomeassegnatoalbean property = NomeProprietà > Aggiunge il valore della proprietà di un Bean, convertito in una stringa, alla risposta generata dalla pagina <jsp:setproperty name= nomeassegnatoalbean property = NomeProprietà > Imposta il valore della proprietà di un Bean B6 JSP Paolo Salvaneschi 57 B6 JSP Paolo Salvaneschi 57

58 Sintassi degli elementi JSP Elementi di azione personalizzata Specifica e ambiente di sviluppo per realizzare nuove azioni personalizzate (nuove tag library) JSTL (Java Standard Tag Library) Librerie predefinite di azioni <c: <x: <fmt: <sql: Core Elaborazione XML Formattazione e internazionalizzazione Accesso a database B6 JSP Paolo Salvaneschi 58 B6 JSP Paolo Salvaneschi 58

59 page contenttype="text/html" %> taglib prefix="c" uri=" %> <html> <head> <title>jsp is Easy</title> </head> <body bgcolor="white"> <h1>jsp is as easy as...</h1> <%-- Calculate the sum of dynamically --%> = <c:out value="${ }" /> </body> </html> Sintassi degli elementi JSP B6 JSP Paolo Salvaneschi 59 B6 JSP Paolo Salvaneschi 59