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

Transcript

1 Università di Bergamo Facoltà di Ingegneria Applicazioni Internet B Paolo Salvaneschi B6_4 V1.7 JSP parte D 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 JSP e utilizzo CSS JavaScript Accesso ai database Data base e fonte dati ODBC Istanza DataSource e Driver JDBC- ODBC Lettura da DataBase Sql tag library Gestione DataBase B6 JSP Paolo Salvaneschi 2 B6 JSP Paolo Salvaneschi 2

3 JSP e utilizzo CSS JavaScript CSS index.jsp response.jsp B6 JSP Paolo Salvaneschi 3 B6 JSP Paolo Salvaneschi 3

4 JSP e utilizzo CSS JavaScript body h2 dt dd {background-color : #e0e0e0;} {font-family: Arial; font-size: 20pt; color: #990000; background-color : white; font-weight: bold; text-decoration: underline } {font-family: Arial; font-size: 16pt; color: blue} {font-family: Arial; font-size: 12pt; font-weight: bold; color: red} B6 JSP Paolo Salvaneschi 4 B6 JSP Paolo Salvaneschi 4

5 JSP e utilizzo CSS JavaScript <%@ page contenttype="text/html" %> <%@ taglib prefix="c" uri=" %> <html><head> <title>user Info Response</title> <link type="text/css" rel="stylesheet" href="esterno.css"> </head> <body bgcolor="white"> <h2>dati ricevuti</h2> <dl> <dt>nome:</dt> <dd> <c:out value="${param.nome}" /> </dd> <dt>cognome:</dt><dd><c:out value="${param.cognome}" /></dd> <dt>vini preferiti:</dt> <dd> <c:foreach items="${paramvalues.vino}" var="current"> <c:out value="${current}" /><br> </c:foreach> </dd> </dl> </body> B6 JSP Paolo Salvaneschi 5 B6 JSP Paolo Salvaneschi 5

6 JSP e utilizzo CSS JavaScript JavaScript Se entrambi i campi sono caricati index.jsp index.jsp response.jsp B6 JSP Paolo Salvaneschi 6 B6 JSP Paolo Salvaneschi 6

7 JSP e utilizzo CSS JavaScript <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="javascript"> function isblank(s) { for(var i = 0; i < s.length; i++) {var c = s.charat(i); if ((c!= ' ') && (c!= '\n') && (c!= '\t')) return false;} return true; } function verify(f) { var msg; var empty_fields = ""; for(var i = 0; i < f.length; i++) { var e = f.elements[i]; Il controllo dell input è eseguito lato client COME ESEMPIO LEZIONE JAVASCRIPT Dal punto di vista di JSP questo è testo template B6 JSP Paolo Salvaneschi 7 B6 JSP Paolo Salvaneschi 7

8 Accesso ai database DB impiegati Driver JDBC-ODBC O D B C J D B C Applicazione B r o w s e r DB Access Tomcat I E Server Client B6 JSP Paolo Salvaneschi 8 B6 JSP Paolo Salvaneschi 8

9 Data base e fonte dati ODBC DB impiegati Il database DBimpiegati.mdb è memorizzato in: C:\DB_installati\DBimpiegati.mdb B6 JSP Paolo Salvaneschi 9 B6 JSP Paolo Salvaneschi 9

10 Data base e fonte dati ODBC DB impiegati Caricamento del database DBimpiegati.mdb B6 JSP Paolo Salvaneschi 10 B6 JSP Paolo Salvaneschi 10

11 Data base e fonte dati ODBC Creazione di una fonte dati ODBC Per utilizzare un driver JDBC-ODBC, la base di dati deve essere definita come fonte dati ODBC" In Windows (con Access e xxx.mdb definito) Pannello di controllo strumenti di amministrazione ODBC data sources. E associato un nome della fonte dati ODBC (DSN -- Data Source Name) al file che contiene il Database O D B C B6 JSP Paolo Salvaneschi 11 B6 JSP Paolo Salvaneschi 11

12 Data base e fonte dati ODBC -Pannello di controllo -strumenti di amministrazione -sorgenti dati ODBC Creazione della fonte dati ODBC O D B C B6 JSP Paolo Salvaneschi 12 B6 JSP Paolo Salvaneschi 12

13 Data base e fonte dati ODBC O D B C B6 JSP Paolo Salvaneschi 13 B6 JSP Paolo Salvaneschi 13

14 Data base e fonte dati ODBC O D B C B6 JSP Paolo Salvaneschi 14 B6 JSP Paolo Salvaneschi 14

15 Istanza DataSource e Driver JDBC-ODBC J D B C Applicazione B6 JSP Paolo Salvaneschi 15 B6 JSP Paolo Salvaneschi 15

16 Istanza DataSource e Driver JDBC-ODBC Interfaccia DataSource e driver JDBC JDBC è una interfaccia javax.sql.datasource realizzata da classi driver L'interfaccia è standard, mentre i driver contengono le specificità dei singoli DBMS J D B C B6 JSP Paolo Salvaneschi 16 B6 JSP Paolo Salvaneschi 16

17 Istanza DataSource e Driver JDBC-ODBC Esistono quattro tipi di driver 1. Bridge JDBC-ODBC: richiama un driver ODBC, che deve essere disponibile sul client 2. Driver nativo sul client: richiama un componente proprietario sul client 3. Driver puro Java con server intermedio ("middleware server"): comunica via protocollo di rete con il server intermedio 4. Driver puro Java, con connessione al DBMS: interagisce direttamente con il DBMS J D B C B6 JSP Paolo Salvaneschi 17 B6 JSP Paolo Salvaneschi 17

18 Istanza DataSource e Driver JDBC-ODBC JDBC ODBC Bridge JDBC Native Bridge Applicazione JDBC API Driver manager JDBC Net Bridge Driver JDBC Java Driver ODBC API native Client Server di rete RDBMS DB B6 JSP Paolo Salvaneschi 18 B6 JSP Paolo Salvaneschi 18

19 Istanza DataSource e Driver JDBC-ODBC <?xml version="1.0" encoding="iso "?> <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" " <web-app> <description> </description>  <context-param> <param-name> Creazione di un istanza DataSource Un modo possibile (con un unico Data Base): Attraverso un parametro di contesto javax.servlet.jsp.jstl.sql.datasource </param-name> <param-value> jdbc:odbc:dbimpiegati,sun.jdbc.odbc.jdbcodbcdriver </param-value> </context-param> </web-app> B6 JSP Paolo Salvaneschi 19 B6 JSP Paolo Salvaneschi 19

20 Istanza DataSource e Driver JDBC-ODBC 1 2 jdbc:odbc:dbimpiegati,sun.jdbc.odbc.jdbcodbcdriver, nome_utente,password Valore del parametro di contesto: quattro campi separati da virgole: 1 URL JDBC identifica il DB 2 Nome classe di un driver JDBC identifica il driver Nome utente per accesso a DB Password per accesso a DB B6 JSP Paolo Salvaneschi 20 B6 JSP Paolo Salvaneschi 20

21 Istanza DataSource e Driver JDBC-ODBC Se non viene fornita un origine dati specifica nelle azioni JSTL orientate al database, mediante l attributo datasource: Le azioni cercano un origine di default in: Scope di pagina->di richiesta->di sessione->di applicazione ->parametro di contesto B6 JSP Paolo Salvaneschi 21 B6 JSP Paolo Salvaneschi 21

22 Istanza DataSource e Driver JDBC-ODBC Il driver JDBC ODBC è già incluso nell SDK java In altre situazioni il driver deve essere scaricato e copiato nella cartella Web-inf/lib B6 JSP Paolo Salvaneschi 22 B6 JSP Paolo Salvaneschi 22

23 Lettura da DataBase B6 JSP Paolo Salvaneschi 23 B6 JSP Paolo Salvaneschi 23

24 Lettura da DataBase B6 JSP Paolo Salvaneschi 24 B6 JSP Paolo Salvaneschi 24

25 Lettura da DataBase <html><head><title>search in Employee Database</title></head> <body bgcolor="white"> Inserire il valore di uno o più campi. <form action="find.jsp" method="get"> <table> <tr><td>nome:</td> <td><input type="text" name="firstname"></td></tr> <tr> <td>cognome:</td> <td><input type="text" name="lastname"></td></tr> <tr><td>divisione:</td> <td><input type="text" name="dept"></td></tr> <tr><td><input type="submit" value="cerca"></td></tr> </table> </form> </body></html> Applicazione B6 JSP Paolo Salvaneschi 25 B6 JSP Paolo Salvaneschi 25

26 Lettura da DataBase taglib prefix="sql" uri=" %> <%-- Execute query, with wildcard characters added to the parameter values used in the search criteria--%> <sql:query var="emplist" scope="request"> SELECT * FROM Employee WHERE FirstName LIKE? AND LastName LIKE? AND Dept LIKE? ORDER BY LastName <sql:param value="%${param.firstname}%" /> <sql:param value="%${param.lastname}%" /> <sql:param value="%${param.dept}%" /> </sql:query> <jsp:forward page="list.jsp" />? Segnaposto Le istruzioni <sql:param sostituiscono nell ordine i segnaposto %carl% giancarlo, carletto, Nota: se il campo firstname della form è vuoto, la query diventa WHERE FirstName LIKE %null% (LIKE qualsiasi stringa) (LIKE ab%ba_ : qualunque stringa che inizia con ab e ha ba prima dell ultima posizione) B6 JSP Paolo Salvaneschi 26 B6 JSP Paolo Salvaneschi 26

27 Lettura da DataBase page contenttype="text/html" %> taglib prefix="c" uri=" %> taglib prefix="sql" uri=" %> <html> <head> <title>ricerca da DataBase</title> </head> <body bgcolor="white"> <c:choose> <c:when test="${emplist.rowcount == 0}"> Nessun impiegato è stato trovato </c:when>. Nota: emplist è disponibile poiché è nello scope request La pagina è stata attivata con forward (stessa request) B6 JSP Paolo Salvaneschi 27 B6 JSP Paolo Salvaneschi 27

28 Lettura da DataBase <c:otherwise> <p>sono stati trovati i seguenti impiegati:</p> <table border="1"> <th>nome</th><th>cognome</th> <th>divisione</th><th>data di assunzione</th> <th> </th> <c:foreach items="${emplist.rows}" var="row"> <tr> <td><c:out value="${row.firstname}" /></td> <td><c:out value="${row.lastname}" /></td> <td><c:out value="${row.dept}" /></td> <td><c:out value="${row.empdate}" /></td> <td><c:out value="${row. addr}" /></td> </tr> </c:foreach> </table> Nomi dei campi nel DB </c:otherwise> </c:choose> </body></html> B6 JSP Paolo Salvaneschi 28 B6 JSP Paolo Salvaneschi 28

29 Sql tag library Sql tag library <sql:query> <sql:update> <sql:param> <sql:dateparam> <sql:setdatasource> <sql:transaction> B6 JSP Paolo Salvaneschi 29 B6 JSP Paolo Salvaneschi 29

30 Sql tag library <sql:query> [datasource= datasource ] [maxrows= maxrows ] [startrow= index ] var= var [scope= page request session application ]> Istruzione SQL SELECT Azioni <sql:param> </sql:query> Esegue SQL SELECT. Può contenere? come segnaposto di valori assegnati con <sql:param> nidificate B6 JSP Paolo Salvaneschi 30 B6 JSP Paolo Salvaneschi 30

31 Sql tag library datasource maxrows startrow var scope Origine dati da utilizzare Numero max di righe da includere nel risultato (se omesso o 1: tutte) Indice con base 0 della prima riga da includere nel risultato Nome della variabile nella quale è restituito il risultato della select. Bean di tipo javax.servlet.jsp.jsti.sql.result Scope della variabile B6 JSP Paolo Salvaneschi 31 B6 JSP Paolo Salvaneschi 31

32 Sql tag library Proprietà del Bean: javax.servlet.jsp.jsti.sql.result B6 JSP Paolo Salvaneschi 32 B6 JSP Paolo Salvaneschi 32

33 <sql:update> Sql tag library Esegue SQL INSERT, UPDATE o DELETE Anche le istruzioni SQL DDL (CREATE TABLE) Salva il numero di righe influenzate in una variabile di scope Può contenere? come segnaposto di valori assegnati con <sql:param> nidificate <sql:update> DELETE FROM Employee WHERE UserName =? <sql:param value="${param.username}" /> </sql:update> B6 JSP Paolo Salvaneschi 33 B6 JSP Paolo Salvaneschi 33

34 Sql tag library <sql:update> [datasource= datasource ] [var= var [scope= page request session application ] ]> Istruzione SQL INSERT, UPDATE o DELETE Azioni <sql:param> </sql:update> B6 JSP Paolo Salvaneschi 34 B6 JSP Paolo Salvaneschi 34

35 <sql:param> Sql tag library Azione nidificata per assegnare un valore ad un segnaposto in <sql:query> e <sql:update> <sql:dateparam> Idem per assegnare data-ora a un segnaposto <sql:setdatasource> Imposta la variabile di configurazione dell origine dati (negli esempi precedenti è impostata come variabile di contesto in Web-inf) <sql:transaction> Definisce un contesto di transazione per un gruppo di azioni query, update B6 JSP Paolo Salvaneschi 35 B6 JSP Paolo Salvaneschi 35

36 Gestione DataBase Elenco completo B6 JSP Paolo Salvaneschi 36 B6 JSP Paolo Salvaneschi 36

37 Gestione DataBase Ricerca B6 JSP Paolo Salvaneschi 37 B6 JSP Paolo Salvaneschi 37

38 Gestione DataBase Inserimento B6 JSP Paolo Salvaneschi 38 B6 JSP Paolo Salvaneschi 38

39 Gestione DataBase Cancellazione B6 JSP Paolo Salvaneschi 39 B6 JSP Paolo Salvaneschi 39

40 Gestione DataBase View Forward Forward Scope ObjectScope Object submit submit forward submit forward Controller + Model Http request Data flow B6 JSP Paolo Salvaneschi 40 B6 JSP Paolo Salvaneschi 40

41 Gestione DataBase <html> <head> <title></title> </head> <frameset cols="200,*"> <frame name="indice" src="indice.htm"> <frame name="contenuto" src="contenuto.htm"> </frameset> </html> <html> <head><title>apri nuova finestra</title></head> <body bgcolor="#eeeeee"> <h1>gestione<br>impiegati</h1> <p><a href="find_all.jsp" target="contenuto">elenco COMPLETO </a> </p><p><a href="leggi.htm" target="contenuto"> RICERCA</a></p> <p><a href="inserisci.htm" target="contenuto">inserimento</a></p> <p><a href="cancella.htm" target="contenuto">cancellazione</a></p> </body> </html> Struttura a frame B6 JSP Paolo Salvaneschi 41 B6 JSP Paolo Salvaneschi 41

42 Gestione DataBase <html><head><title>leggi</title></head> <body bgcolor="white"> Inserire il valore di uno o più campi. <form action="find.jsp" method="get"> <table> <tr><td>nome:</td> <td><input type="text" name="firstname"></td></tr> <tr><td>cognome:</td> <td><input type="text" name="lastname"></td></tr> <tr><td>divisione:</td> <td><input type="text" name="dept"></td></tr> <tr><td><input type="submit" value="cerca"></td></tr> </table> </form> </body></html> B6 JSP Paolo Salvaneschi 42 B6 JSP Paolo Salvaneschi 42

43 Gestione DataBase <html><head><title>inserisci</title></head> <body bgcolor="white"> <form action="insert.jsp" method="get"> <table> <tr><td>username (key):</td><td><input type="text" name="username"></td></tr> <tr><td>password:</td><td><input type="text" name="password"></td></tr> <tr><td>nome:</td><td><input type="text" name="firstname"></td></tr> <tr><td>cognome:</td><td><input type="text" name="lastname"></td></tr> <tr><td>divisione:</td><td><input type="text" name= dept"></td></tr> <tr><td>data di assunzione:</td><td><input type="text" name="empdate"></td></tr> <tr><td> </td><td><input type="text" name=" addr"></td></tr> <tr><td><input type="submit" value="inserisci"></td></tr> </table> </form> </body> </html> B6 JSP Paolo Salvaneschi 43 B6 JSP Paolo Salvaneschi 43

44 Gestione DataBase <html><head><title>cancella</title></head> <body bgcolor="white"> <form action="delete.jsp" method="get"> <table> <td>user Name (key):</td> <td><input type="text" name="username"> </td> </tr> <tr> <td colspan=2><input type="submit" value="cancella"></td> </tr> </table> </form> </body> </html> B6 JSP Paolo Salvaneschi 44 B6 JSP Paolo Salvaneschi 44

45 Gestione DataBase taglib prefix="sql" uri=" %> <sql:query var="emplist" scope="request"> SELECT * FROM Employee ORDER BY LastName </sql:query> <jsp:forward page="list.jsp" /> B6 JSP Paolo Salvaneschi 45 B6 JSP Paolo Salvaneschi 45

46 Gestione DataBase taglib prefix="sql" uri=" %> <%-- Execute query, with wildcard characters added to the parameter values used in the search criteria --%> <sql:query var="emplist" scope="request"> SELECT * FROM Employee WHERE FirstName LIKE? AND LastName LIKE? AND Dept LIKE? ORDER BY LastName <sql:param value="%${param.firstname}%" /> <sql:param value="%${param.lastname}%" /> <sql:param value="%${param.dept}%" /> </sql:query> <jsp:forward page="list.jsp" /> B6 JSP Paolo Salvaneschi 46 B6 JSP Paolo Salvaneschi 46

47 Gestione DataBase page contenttype="text/html" %> taglib prefix="c" uri=" %> taglib prefix="sql" uri=" %> <html><head><title>visualizza i risultati di una ricerca su DB</title></head> <body bgcolor="white"> <c:choose> Nello scope di request <c:when test="${emplist.rowcount == 0}"> Nessun impiegato è stato trovato </c:when> <c:otherwise> <p>sono stati trovati i seguenti impiegati:</p> <table border="1"> <th>username (key)</th> <th>nome</th> <th>cognome</th> <th>divisione</th> <th>data di assunzione</th> <th> </th> B6 JSP Paolo Salvaneschi 47 B6 JSP Paolo Salvaneschi 47

48 Gestione DataBase.. <c:foreach items="${emplist.rows}" var="row"> <tr> <td><c:out value="${row.username}" /></td> <td><c:out value="${row.firstname}" /></td> <td><c:out value="${row.lastname}" /></td> <td><c:out value="${row.dept}" /></td> <td><c:out value="${row.empdate}" /></td> <td><c:out value="${row. addr}" /></td> </tr> </c:foreach> </table> </c:otherwise> </c:choose> </body> </html> B6 JSP Paolo Salvaneschi 48 B6 JSP Paolo Salvaneschi 48

49 Gestione DataBase taglib prefix="sql" uri=" %> taglib prefix="c" uri=" %> taglib prefix="fmt" uri=" %> <%--Se uno o più campi sono vuoti allora segnala--%> <c:choose> <c:when test="${empty param.username empty param.password empty param.firstname empty param.lastname empty param.dept empty param.empdate empty param. addr }"> <jsp:forward page="segnala.jsp"> <jsp:param name="segnalazione" value="inserire tutti i valori dei campi"/> </jsp:forward> </c:when>.. L elaborazione è interrotta Il valore della variabile è null OR stringa vuota (" ") B6 JSP Paolo Salvaneschi 49 B6 JSP Paolo Salvaneschi 49

50 <%-- altrimenti leggi righe; se riga esistente allora segnala, altrimenti inserisci--%> <c:otherwise> <sql:query var="emplist"> SELECT * FROM Employee WHERE UserName =? <sql:param value="${param.username}" /> </sql:query> <c:choose> <c:when test="${emplist.rowcount!= 0}"> <jsp:forward page="segnala.jsp"> <jsp:param name="segnalazione" value="l'impiegato è già esistente"/> </jsp:forward> </c:when> <c:otherwise> <%-- Deal with the date values: parse the employment date and create a Date object from it, and create a new variable to hold the currentdate.--%> <fmt:parsedate value="${param.empdate}" var="parsedempdate" pattern="dd-mm-yy" /> B6 JSP Paolo Salvaneschi 50 B6 JSP Paolo Salvaneschi 50 Gestione DataBase

51 <sql:update> INSERT INTO Employee (UserName, Password, FirstName, LastName, Dept, EmpDate, Addr) VALUES(?,?,?,?,?,?,?) <sql:param value="${param.username}" /> <sql:param value="${param.password}" /> <sql:param value="${param.firstname}" /> <sql:param value="${param.lastname}" /> <sql:param value="${param.dept}" /> <sql:dateparam value="${parsedempdate}" type="date" /> <sql:param value="${param. addr}" /> </sql:update> <jsp:forward page="segnala.jsp"> <jsp:param name="segnalazione" value="l'impiegato è stato inserito"/> </jsp:forward> </c:otherwise> </c:choose> </c:otherwise> </c:choose> Gestione DataBase B6 JSP Paolo Salvaneschi 51 B6 JSP Paolo Salvaneschi 51

52 Gestione DataBase. taglib prefix="fmt" uri=" %> Nota Formattazione data. <%-- Deal with the date values: parse the employment date and create a Date object from it, and create a new variable to hold the current date.--%> <fmt:parsedate value="${param.empdate}" var="parsedempdate" pattern="dd-mm-yy" /> Effettua il parsing di una data e orario formattati secondo la regola definita in pattern <sql:dateparam value="${parsedempdate}" type="date" /> type -- tipo SQL in cui convertire il valore B6 JSP Paolo Salvaneschi 52 B6 JSP Paolo Salvaneschi 52

53 Gestione DataBase taglib prefix="sql" uri=" %> taglib prefix="c" uri=" %> <%-- leggi riga (UserName è chiave); se riga non esistente allora segnala, altrimenti cancella--%> <sql:query var="emplist"> SELECT * FROM Employee WHERE UserName =? <sql:param value="${param.username}" /> </sql:query> <c:choose> <c:when test="${emplist.rowcount == 0}"> <jsp:forward page="segnala.jsp"> <jsp:param name="segnalazione" value="l'impiegato non è stato trovato"/> </jsp:forward> </c:when> B6 JSP Paolo Salvaneschi 53 B6 JSP Paolo Salvaneschi 53

54 Gestione DataBase.. <c:otherwise> <sql:update> DELETE FROM Employee WHERE UserName =? <sql:param value="${param.username}" /> </sql:update> <jsp:forward page="segnala.jsp"> <jsp:param name="segnalazione" value="l'impiegato è stato cancellato"/> </jsp:forward> </c:otherwise> </c:choose> B6 JSP Paolo Salvaneschi 54 B6 JSP Paolo Salvaneschi 54

55 Gestione DataBase page contenttype="text/html" %> taglib prefix="c" uri=" %> <HTML> <HEAD> </HEAD> <BODY> <HR> <BR> <H2><c:out value="${param.segnalazione}" /> <BR><BR> <HR> </BODY> </HTML> B6 JSP Paolo Salvaneschi 55 B6 JSP Paolo Salvaneschi 55

56 Gestione DataBase Limitazioni della realizzazione: DB Access JDBC-ODBC Pool di connessioni B6 JSP Paolo Salvaneschi 56 B6 JSP Paolo Salvaneschi 56