Initiation au web dynamique - TP 2006-2007 Licence Professionnelle

Initiation au web dynamique-

TP

2006-2007 Licence Professionnelle

Initiation au web dynamique 2

Sommaire

Langage HTML Langage PHP Langage JSP Langage ASP


HTML – TP n°1

Page HTML simple : tableau Formulaire simple Formulaire « complexe »


Sommaire



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


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


Sommaire



JSP – Cours/TP n°1

Installation Tomcat Première page (Hello World)


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)


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.


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


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


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>


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"


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;

}}


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>


JSP – TP n°3 (5/7) Solution à base de JSP

Gestion des utilisateurs d’un site


JSP – TP n°3 (6/7)

Gestion des utilisateurs d’un site Index Ajout Modification Suppression Listing


JSP – TP n°3 (7/7) Gestion des utilisateurs d’un site

UTILISATEURID_UTILISATEURLOGINPASSWORDNOMPRENOMMAILDATE_NAISSANCEADRESSECODE_POSTALNUMERO_TEL

Documents

Initiation au web dynamique - TP 2006-2007 Licence Professionnelle