Initiation au web dynamique - TP 2006-2007 Licence Professionnelle
Initiation au web dynamique Sommaire Langage HTML Langage PHP Langage JSP Langage ASP Initiation au web dynamique
Initiation au web dynamique HTML – TP n°1 Page HTML simple : tableau Formulaire simple Formulaire « complexe » Initiation au web dynamique
Initiation au web dynamique Sommaire Langage HTML Langage PHP Langage JSP Langage ASP Initiation au web dynamique
Initiation au web dynamique 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 Initiation au web dynamique
Initiation au web dynamique 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 Initiation au web dynamique
Initiation au web dynamique Sommaire Langage HTML Langage PHP Langage JSP Langage ASP Initiation au web dynamique
Initiation au web dynamique JSP – Cours/TP n°1 Installation Tomcat Première page (Hello World) Initiation au web dynamique
Initiation au web dynamique 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) Initiation au web dynamique
Initiation au web dynamique 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. Initiation au web dynamique
Initiation au web dynamique 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 Initiation au web dynamique
Initiation au web dynamique JSP – TP n°2 (4/4) Préparation du projet de TP (gestion des utilisateurs d’une application web) Initiation au web dynamique
Initiation au web dynamique 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> <TD colspan="2"> <INPUT type="submit" value="Valider" /> </TABLE> </FORM> </BODY> </HTML> Initiation au web dynamique
Initiation au web dynamique 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" Initiation au web dynamique
Initiation au web dynamique JSP – TP n°3 (3/7) package beandetest public class MonBean { private String sLogin; public MonBean(){ } public String getLogin() { return sLogin; public void setLogin(String sNewLogin) { this. sLogin = sNewLogin; Initiation au web dynamique
Initiation au web dynamique 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> Initiation au web dynamique
Initiation au web dynamique JSP – TP n°3 (5/7) Solution à base de JSP Gestion des utilisateurs d’un site Initiation au web dynamique
Initiation au web dynamique JSP – TP n°3 (6/7) Gestion des utilisateurs d’un site Index Ajout Modification Suppression Listing Initiation au web dynamique
Initiation au web dynamique JSP – TP n°3 (7/7) Gestion des utilisateurs d’un site UTILISATEUR ID_UTILISATEUR LOGIN PASSWORD NOM PRENOM MAIL DATE_NAISSANCE ADRESSE CODE_POSTAL NUMERO_TEL Initiation au web dynamique