Télécharger la présentation
La présentation est en train de télécharger. S'il vous plaît, attendez
1
Initiation au web dynamique - TP
Licence Professionnelle
2
Initiation au web dynamique
Sommaire Langage HTML Langage PHP Langage JSP Langage ASP Initiation au web dynamique
3
Initiation au web dynamique
HTML – TP n°1 Page HTML simple : tableau Formulaire simple Formulaire « complexe » Initiation au web dynamique
4
Initiation au web dynamique
Sommaire Langage HTML Langage PHP Langage JSP Langage ASP Initiation au web dynamique
5
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
6
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
7
Initiation au web dynamique
Sommaire Langage HTML Langage PHP Langage JSP Langage ASP Initiation au web dynamique
8
Initiation au web dynamique
JSP – Cours/TP n°1 Installation Tomcat Première page (Hello World) Initiation au web dynamique
9
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
10
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
11
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
12
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
13
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
14
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
15
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
16
Initiation au web dynamique
JSP – TP n°3 (4/7) page language="java" contentType="text/html; charset=ISO “ pageEncoding="ISO "%> <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
17
Initiation au web dynamique
JSP – TP n°3 (5/7) Solution à base de JSP Gestion des utilisateurs d’un site Initiation au web dynamique
18
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
19
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
Présentations similaires
