Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.
-
Upload
chloe-robin -
Category
Documents
-
view
104 -
download
0
Transcript of Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.
![Page 1: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/1.jpg)
Initiation au web dynamique-
TP
2006-2007 Licence Professionnelle
![Page 2: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/2.jpg)
Initiation au web dynamique 2
Sommaire
Langage HTML Langage PHP Langage JSP Langage ASP
![Page 3: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/3.jpg)
Initiation au web dynamique 3
HTML – TP n°1
Page HTML simple : tableau Formulaire simple Formulaire « complexe »
![Page 4: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/4.jpg)
Initiation au web dynamique 4
Sommaire
Langage HTML Langage PHP Langage JSP Langage ASP
![Page 5: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/5.jpg)
Initiation au web dynamique 5
PHP – TP n°1
Lecture et affichage d’un fichier CSV sous forme de tableau HTML
Affichage des éléments saisis dans un formulaire sous 2 formes distinctes
![Page 6: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/6.jpg)
Initiation au web dynamique 6
PHP – TP n°2 Insertion simple d’enregistrements
dans une base de données MySQL à partir d’un formulaire de saisie
Insertions d’enregistrements dans une base MySQL à partir des lignes d’un fichier CSV (lecture du fichier : cf. TP PHP n°1)
Affichage sous forme de tableau des enregistrements d’une table MySQL
![Page 7: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/7.jpg)
Initiation au web dynamique 7
Sommaire
Langage HTML Langage PHP Langage JSP Langage ASP
![Page 8: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/8.jpg)
Initiation au web dynamique 8
JSP – Cours/TP n°1
Installation Tomcat Première page (Hello World)
![Page 9: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/9.jpg)
Initiation au web dynamique 9
JSP – TP n°2 (1/4)
Copie Eclipse (WTP) Génération d’un tableau HTML a partir
du code JSP (Boucle FOR) Préparation du projet de TP (gestion
des utilisateurs d’une application web)
![Page 10: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/10.jpg)
Initiation au web dynamique 10
JSP – TP n°2 (2/4) Eclipse Web Tools Platform (WTP) Ce projet étend la plateforme Eclipse avec des outils
permettant de développer des applications web J2EE. Il inclus les outils suivants :
des éditeurs de source pour HTML, Javascript, CSS, JSP, SQL, XML, DTD, XSD, et WSDL
Des éditeurs graphiques pour XSD et WSDL Un ensemble spécifique J2EE Un assistant et explorateur de Web service Un outil de test WS-I (Web Service Interoperability) Des outils d’accès aux bases de données, des outils
de requêtage et de modélisation.
![Page 11: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/11.jpg)
Initiation au web dynamique 11
JSP – TP n°2 (3/4) Génération d’un tableau HTML a partir du
code JSP (Boucle FOR) Afficher un tableau simple du type :
Numéro Texte
1 Essai 1
2 Essai 2
n Essai n
![Page 12: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/12.jpg)
Initiation au web dynamique 12
JSP – TP n°2 (4/4) Préparation du
projet de TP (gestion des utilisateurs d’une application web)
Serveur de données
Navigateur
Serveur d’applications
Servlet
JSP
1 - Requête
Bean
2 - Instanciation3 -
Forw
ar d
4 - Retrouve etutilise
![Page 13: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/13.jpg)
Initiation au web dynamique 13
JSP – TP n°3 (1/7)<HTML><HEAD>
<TITLE>Exemple MVC</TITLE></HEAD><BODY>
<FORM method="post" action="monAction"><TABLE>
<TR><TD>Login</TD><TD><input type="text" name="login"></TD>
</TR><TR>
<TD colspan="2"><INPUT type="submit" value="Valider" />
</TR></TABLE>
</FORM></BODY></HTML>
![Page 14: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/14.jpg)
Initiation au web dynamique 14
JSP – TP n°3 (2/7)protected void doGet(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
String sLogin = request.getParameter("login");MonBean oBean = new MonBean();oBean.setLogin(sLogin);request.setAttribute("LeBean", oBean);request.getRequestDispatcher("/MaPageAffichage.jsp").forward(request,response);
}
L’URL de mapping de la servlet doit être "/monAction"
![Page 15: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/15.jpg)
Initiation au web dynamique 15
JSP – TP n°3 (3/7)package beandetestpublic class MonBean {
private String sLogin;
public MonBean(){}
public String getLogin() {return sLogin;
}
public void setLogin(String sNewLogin) {this. sLogin = sNewLogin;
}}
![Page 16: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/16.jpg)
Initiation au web dynamique 16
JSP – TP n°3 (4/7)<%@ page language="java" contentType="text/html; charset=ISO-8859-1“ pageEncoding="ISO-8859-1"%><html>
<head><title>JSP de test</title>
</head><body>
<jsp:useBean id="LeBean" class=" beandetest.MonBean" scope="request" /><jsp:getProperty name="LeBean" property="Login" />
</body></html>
![Page 17: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/17.jpg)
Initiation au web dynamique 17
JSP – TP n°3 (5/7) Solution à base de JSP
Gestion des utilisateurs d’un site
![Page 18: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/18.jpg)
Initiation au web dynamique 18
JSP – TP n°3 (6/7)
Gestion des utilisateurs d’un site Index Ajout Modification Suppression Listing
![Page 19: Initiation au web dynamique - TP 2006-2007 Licence Professionnelle.](https://reader036.fdocuments.fr/reader036/viewer/2022082701/551d9dc3497959293b8e1b62/html5/thumbnails/19.jpg)
Initiation au web dynamique 19
JSP – TP n°3 (7/7) Gestion des utilisateurs d’un site
UTILISATEURID_UTILISATEURLOGINPASSWORDNOMPRENOMMAILDATE_NAISSANCEADRESSECODE_POSTALNUMERO_TEL