Sur www.easyphp.org récupérez la dernière version de EASY PHP.
Installez la sur votre poste.
Créez un dossier ‘test’ sous ‘www’ de reperoire d’install de easyPHP
Avec un éditeur HTML (DreamWeaver ou autre) cheap replica watches créez une page acceuil.htm avec du texte et une image. Sauvegardez ce fichie dans ‘test’.
Testez votre Web serveur local avec Breitling Navitimer replica votre navigateur, en pointant sur le répértoire test.
Que se passe t’il ? Solution ?
p://www.gnu.org/software/wget/manual/ » target= »_blank »>est ici
Voici donc le corrigé de l’exercice sur boucles et tableaux.
On prendra soin de respecter la casse et l’orthographe des noms de fonctions et constructeurs de javascript, pour ne pas avoir de surprises…
<html>
<head>
<title> corrige javascript 3 </title>
</head>
<body>
<script type= »text/javascript »>semaine = new Array(7)
semaine[1]= »Lundi »
semaine[2]= »Mardi »
semaine[3]= »Mercredi »
semaine[4]= »Jeudi »
semaine[5]= »Vendredi »
semaine[6]= »Samedi »
semaine[0]= »Dimanche »d=new Date()
no_jour = d.getDay()document.write(« Tiens on est déjà » + semaine[no_jour])
</script>
</body>
</html>
est un système de gestion de bases de données relationnel extrêmement répandu sur le Web.
La première version de MySQL est apparue le 23 mai 1995.
MySQL est la propriété d’une société suédoise : MySQL AB, fondée par David Axmark, Allan Larsson et Michael Widenius.
Très simplement, un SGBD (ou système de gestion de base de données) est un logiciel qui permet de gérer (consulter, mettre à jour, organiser) une base de données.
Une base de données est simplement un ensemble structuré d’information, partagées, stocké dans un ou des fichiers sur disque.
Un SGBD est un système complexe permettant de gérer de manière efficace, un volume important de données structurées, accessible par des utilisateurs simultanés locaux ou non.
Suivant les versions utilisées, MySQL offre une palette très variée de fonctionnalités, allant du gestionnaire de fichier évolué pour le web, au SGBD d’entreprise.
Caractéristique d’un vrai SGBD :
Il existe plusieurs familles de SGBDs en fonction du modèle de données utilisé. Historiquement on a le modèle hiérarchique, réseau, relationnel puis objet. Le modèle relationnel est de très loin le plus répandu avec des fers de lance comme MySQL, Postgres, Oracle, Microsoft SQL Server, IBM DB2, etc.
Quelques caractéristique du relationnel
Zoom sur le langage SQL
C’est le langage qui permet d’accéder en consultation et en mise à jour aux données d’une base relationnelle (MySQL ou non).
Les différentes évolution de la norme SQL sont visibles sur le site de mimerSQL : http://developer.mimer.com/validator/features/index.tml
Il existe différents SQL (eh oui, il est normalisé mais chaque fournisseur prend malheureusement un certain nombre de libertés…)
Un comparateur de SQL (crash-me) est disponible sur le site MySQL : http://dev.mysql.com/tech-resources/crash-me.php
SQL utilise des opérateurs simples comme :
* les opérateurs de projection (choix de colonnes),
* les opérateurs de restrictions ou de selection (choix de lignes),
* les opérateurs de jointures (mise en relations de 2 ou plusieurs tables,
* les opérateurs ensemblistes (Union, intersection, différence).
SQL est un langage non procédural et n’est pas un langage de programmation.
En l’occurence il ne permet pas de :
* gérer des variables d’entrée / sortie (pas de création, typage, affectation, lecture, etc)
* gérer l’interface homme/machine,
* faire des itérations ou des boucles répétitives de type LOOP, WHILE, FOR…,
* gérer des erreurs, ou des événements particuliers,
* créer des sous-programme (procédure, fonctions, etc.).
C’est un langage proche du langage naturel (mais en Anglais 😉 ) qui possède un vocabulaire assez réduit.
Il faut distinguer 2 types d’ordres SQL :
– ceux qui portent sur les données elles-mêmes : Langage de manipulation des données ou LMD
– ceux qui portent sur le contenant ou les structures de données : Langage de définition de données ou LDD
et plus précisément pour la consultation :
SELECT
pour la création ou la modification d’objets (table, index, procedure, vues, etc.)
CREATE, DROP, ALTER
pour les mises à jour :
UPDATE, INSERT, DELETE
pour la gestion des droits :
GRANT, REVOKE
note: les ordres de mise à jour, sont en général directement validés (AUTO COMMITés) et l’on ne peut dans ce cas pas reenir en arrière et annuler la transaction
MySQL est en fait disponible en version libre (open-source et gratuite) et en version commerciale (MySQL enterprise) .
Il est passé en licence GPL à partir de la version 3.23.19 (juin 2000)
Téléchargement :
La version 5.1 de MySQL Server pour Windows est disponible ici :
http://dev.mysql.com/downloads/mysql/5.1.html
Un outil de requête et d’administration ‘MySQL Gui Tool’ est disponible ici :
http://dev.mysql.com/downloads/gui-tools/5.0.html
Voici le contenu du script :
/* Créer une copie de la table ‘animal’ en ‘animaux’, vide */
create table animaux as select * from animal
where 1=2;/* Ajouter une colonne ‘no_animal’ clé primaire */
alter table animaux add no_animal integer not null auto_increment primary key;
/* Inserez les lignes de ‘animal’ sans les oiseaux (‘bird’) */
insert into animaux
( nom, maitre, espece, sexe, naissance, mort )
select * from animal
where espece <> « bird »/* Traduire les especes ‘cat’, ‘dog’ et ‘snake’
en modifiant les lignes de la table */update animaux set espece = »chat »
where espece = « cat »;
update animaux set espece = »chien »
where espece = « dog »;
update animaux set espece = »serpent »
where espece = « snake »;/* Supprimer ‘slim’ de la table et la renommer en mammiferes */
delete from animaux where nom = « slim »;
rename table animaux to mammifere;/* afficher les animaux vivants */
select nom from mammifere where mort is null;
Pour l’exécuter …
mysql -u root -p
mysql> use menagerie
mysql> source chemin_du_script\nom_du_script
ou plus directement
mysql -u root -p menagerie <c:\temp\mon_script.sql
Voici le code source de la page solution
<html>
<head>
<meta http-equiv= »Content-Type » content= »text/html; charset=utf-8″>
<title>boutons et Javascript</title><script language= »JavaScript » type= »text/JavaScript »>
function aller_au_site (num)
{
// rappel : la 1er case du tableau porte le no ‘0’
sites = [‘http://www.w3c.org’, ‘http://www.w3schools.com’, ‘http://www.microsoft.com’];
// on utilise la methode href de ‘location’
// qui permet de changer l’adresse du navigateur
window.location.href = sites[num];
}
</script></head>
<body>
<table border= »0″ celppading= »0″ cellspacing= »0″>
<tr>
<th align= »center »>Vous allez ou ?</th>
</tr>
<tr>
<td align= »center »>
<input type= »button » name= »bouton0″ value= »site du W3C » onclick= »aller_au_site(0) »>
</td>
</tr>
<tr>
<td align= »center »>
<input type= »button » name= »bouton1″ value= »Site de W3 schools » onclick= »aller_au_site(1) »>
</td>
</tr>
<tr>
<td align= »center »>
<input type= »button » name= »bouton2″ value= »Site Microsoft » onclick= »aller_au_site(2) »>
</td>
</tr></table>
</body>
</html>
Voici le source :
<html> <head> <title>Ma première page</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head><body> <h1>Bienvenue sur mon site </h1> <p>Vous y trouverez :</p> <ul> <li>ma courte biographie</li> <li>quelques photos souvenir</li> <li>et plein d'autres choses encore</li> </ul> <p>Bon surf !!</p> <hr> <p>Ma biographie est disponible<a href="http://dd.estsurinternet.com/ archives/category/bio-a-dd-gradable/" mce_href="http://dd.estsurinternet.com/ archives/category/bio-a-dd-gradable/"> ici </a> <br> Vous pouvez <a href="http://didier.deleglise.free.fr/cv_didier_deleglise.doc"> télécharger mon C.V</a> (format Word) en faisant clic-droit / 'enregister la cible du lien sous' sur le lien précédent...</p> <p>Pour accéder à mon album cliquez sur l'image </p> <p><a href="http://dd.estsurinternet.com/ mes_dessins/album/72157601116633398/photos.html" mce_href="http://dd.estsurinternet.com/ mes_dessins/album/72157601116633398/photos.html"> <img src="/Temp/mum.jpg" border="0"></a></p></body> </html>
<html>
<head>
<style type= »text/css »>
h2 {
height: 40px;
font-size: 30px;
font-weight: bold;
margin-left: 50px;
margin-right: 50px;
padding-left: 10px; /* par rapport au bordViele Männer erleben im Laufe ihres Lebens Schwierigkeiten, die oft mit Stress, Angst oder körperlichen Problemen verbunden sind. Diese Herausforderungen können das Selbstbewusstsein stark beeinträchtigen und das intime Leben erheblich stören. Es gibt jedoch Optionen, die Männern helfen, wieder zu einem erfüllten Sexualleben zu finden, wie zum Beispiel die Verwendung von medikamente ohne rezept. Diese Produkte können eine diskrete und unkomplizierte Lösung bieten, um die Potenz zu steigern und das sexuelle Wohlbefinden zu verbessern. Auf Webseiten wie libido-de.com finden Interessierte eine Vielzahl von Produkten, die zur Behandlung dieser Probleme nützlich sein können. Es ist wichtig, offen über solche Themen zu sprechen, um die Gesundheit und das emotionale Wohlbefinden zu fördern.
de la boite */
color: #FFFFFF;
background-color: #999999;
margin-bottom: 0px;
}
p {
height: 200px;
color: #777777;
background-color: #EEEEEE;
margin-left: 50px;
margin-right: 50px;
padding-left: 10px;
padding-right: 10px;
margin-top: 0px;
}
</style>
</head>
<body>
<h2>entete header 2</h2>
<p>un paragraphe normal un paragraphe normal
un paragraphe normal un paragraphe normal
un paragraphe normal un paragraphe normal
un paragraphe normal un paragraphe normal
un paragraphe normal un paragraphe normal
</p>
</body>
</html>
Voici un exemple de code de la page HTML
(il y aurait d’autres solution, en changenat de selecteur ou en utilisant des ‘id’ au lieu des classes…)
<html>
<head>
<link rel= »stylesheet » href= »css22.css »>
</head>
<body>
u uiuihui erui uieruiheruihrui
gefyug gu
<a href=toto.htm>
un lien
</a>
<br><br>
<span class= »exemple »>
sdjh hsdf u gdui g guief guier
</span>
</body>
</html>
et la feuille de style externe correspondante :
a:link {
color: #0000FF;
text-decoration: underline;
}
a:visited {
color: #0000FF;
text-decoration: underline;
}
a:hover {
color: #0000FF;
text-decoration: none;
}
.exemple {
font-family: Courier, « Courier New », « MS Courier New », Prestige;
color: #101d27;
border-top: 1px solid #013C80;
border-bottom: 1px solid #013C80;
padding-left: 5px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #E6EAF3;
}
<html> <head> <style> .bl {background: url(bl.png) bottom left no-repeat #82C02F; width:300px} .br {background: url(br.png) bottom right no-repeat} .tl {background: url(tl.png) top left no-repeat; width:300px} .tr {background: url(tr.png) top right no-repeat; padding:20px; color: #FFFFFF } .bord {border-top-image: url(bl.png); color:#FF0000} </style> </head> <body> <div class="bl"> <div class="br"> <div class="tl"> <div class="tr"> du texte du texte <BR> du texte du texte <BR>du texte du texte <BR> du texte du texte <BR> </div> </div> </div> </div> </body> </html>
Voici le source correspondant à la page de l’exercice 2 :
<html>
<head>
<title>Fiche client</title>
<meta http-equiv= »Content-Type » content= »text/html;
charset=iso-8859-1″>
</head>
<body>
<h1>Fiche client</h1>
<table bgcolor= »#EEEEEE » border= »1″>
<tr>
<td rowspan= »3″>
<h2>Etat civil</h2>
</td>
<td>Civilité</td>
<td>Monsieur</td>
</tr>
<tr>
<td>Prénom</td>
<td>Jean </td>
</tr>
<tr>
<td>Nom</td>
<td>Martin</td>
</tr>
<tr>
<td rowspan= »3″>
<h2>infos clients</h2>
</td>
<td>No carte bancaire</td>
<td></td>
</tr>
<tr>
<td>mois de naissance</td>
<td></td>
</tr>
<tr>
<td>permis B</td>
<td>oui</td>
</tr>
</table>
</body>
</html>
C’est l’attribut ‘ROWSPAN’ de la balise ‘TD’ qui est responsable
de la fusion des lignes de la première colonne.
Voici différents exemples de liens :
<html>
<head>
<title>des liens</title>
<meta http-equiv= »Content-Type » content= »text/html;
charset=iso-8859-1″>
</head>
<body>
<p>une image locale par le protocole file :
<a href= »file:///C|/Temp/blossoms.jpg »>la
</a>
</p>
<p>une image sur la racine dans le dossier image :
<a href= »/images/toto.jpg »>
la
</a>
</p>
<p>une image externe sur le site a DD,
dans le répertoire ‘uploads’ en http :
<a href= »http://dd.estsurinternet.com/wp-content/uploads/1.jpg »>
la
</a></p>
<p>aller
<a href= »http://oracle.estsurinternet.com/
introra/intro_ora.htm#schema »>
directement dans le paragraphe ‘schema’
</a>du document intro_ora.htm</p>
<p>et pour
<a href= »mailto:dd@dd.com?subject=contact »>
envoyer un mail
</a></p>
</body>
</html>
Voici le code nécessaire au 1er formulaire form1.htm:
<html> <head></head> <body> <hr />Veuillez remplir ce Formulaire... <form method="post" action="fiche.htm"> <table border="0" width="75%"> <tr> <td >Civilité</td> <td > <input type="radio" name="civilite" value="Monsieur" checked="checked"/> Mr <input type="radio" name="civilite" value="Madame" /> Mme <input type="radio" name="civilite" value="Mademoiselle" /> Melle</td> </tr> <tr> <td >Nom</td> <td ><input name="nom" maxlength="40" size="40" type="text" /></td> </tr> <tr> <td >Prénom</td> <td ><input name="prenom" maxlength="30" size="30" type="text" /></td> </tr> <tr> <td height="40" >Mois de naissance</td> <td height="40" > <select name="mois" size="1"> <option value="1" selected="selected">Janvier</option> <option value="2">Février</option> <option value="3">Mars</option> <option value="4">Avril</option> <option value="5">Mai</option> <option value="6">Juin</option> <option value="7">Juillet</option> <option value="8">Aout</option> <option value="9">Septembre</option> <option value="10">Octobre</option> <option value="11">Novembre</option> <option value="12">Décembre</option> </select></td> </tr> <tr> <td >Permis B</td> <td ><input name="permis" value="permis_ok" type="checkbox" /></td> </tr> <tr> <td width="350">No telephone</td> <td width="450"> <input type="text" name="telephone"> </td> </tr> <tr> <td height="25">Code CB</td> <td ><input name="cb" maxlength="16" size="16" type="password" /></td> </tr> <tr> <td >Commentaire</td> <td ><textarea name="commentaire" cols="40" rows="5"></textarea></td> </tr> </table> <p> <input type="submit" name="Submit" value="Envoyer Formulaire"> <input type="reset" name="Submit2" value="Effacer formulaire"> </p> </form> </body> </html>
Avec la méthode ‘POST’ les paramètres saisies dans le formulaire n’apparaissent pas dans la barre d’adresse du navigateur.
Avec la méthode ‘GET’ ils appraissent sous forme de liste encodée pour masquer les caractères spéciaux. La liste de pramètres commence par un ‘?’.
Chaque paramètre est introduit par le caractère ‘&’. Ensuite vient le nom du paramètre (qui correspond � l’attribut ‘NAME’ de l’objet du formulaire correspondant), le signe ‘=’ et la valeur du paramètre saisie par l’utilisateur (qui correspond en général � l’attribut ‘VALUE’ de l’objet).
Voici un exemple de liste de paramètres envoyé par ce formuliare avec la méthode GET :
...fiche.htm?Civilite=Monsieur&civilite=Madame&nom=Del%E9glise &prenom=Didier1mois=7&permis=checkbox&textfield=0491919191 &cb=12345678901commentaire=mon+premier+client &envoi=Envoyer+le+formulaire
On vérifie ici que les caractères accentués sont remplacés par l’entité HTML correspondante, ainsi ‘Deléglise’ est codé ‘ Del%E9glise’ , le code E9 correspondant au caractère ‘é’. Les espaces ‘ ‘ sont remplacés par des ‘+’
On note également que le code de CB maqué � la saisie par l’attribut ‘TYPE= »PASSWORD » … apparaît ici en clair !!
Et enfin on remarque que le formulaire contenait 8 champs personnalisable et 2 boutons, et que la liste comprend tous les champs personnalisables ET le bouton ‘Envoi’…avec sa valeur , c’est � dire le texte affiché sur le bouton…
Voici un exemple de solution :
<?php
// recup du parametre d’entree (URL ou formulaire)
$no_dep =$_GET[‘no_dep’];// variable du programme
$chaine_sql =’SELECT ename, sal FROM emp WHERE deptno =:no_dep’;
$user=’DD’; $mdp=’DD’;try {
$connexion = new PDO(‘mysql:host=localhost;dbname=test’, $user, $mdp);
$ordre_sql = $connexion->prepare($chaine_sql);
// association param d’entree SQL et var PHP (bind)
$ordre_sql->bindParam(‘:no_dep’, $no_dep, PDO::PARAM_INT);// execution de l’ordre
$ordre_sql->execute();
print (« <PRE> »);// boucle de fetch
while ($ligne = $ordre_sql->fetch(PDO::FETCH_NUM, PDO::FETCH_ORI_NEXT)) {
$data = $ligne[0] . « \t\t » . $ligne[1] . « \n »;
print $data;
}
print (« </PRE> »);// fermenure de la connexion
$connexion = null;} catch (PDOException $e) {
print « Erreur!: » . $e->getMessage() . « <br/> »;
die();
}?>
Le résultat aura l’allure suivante :
Employes et salaires du departement 30 ALLEN 2342.56 WARD 2512.5 MARTIN 1512.5 BLAKE 3448.5 TURNER 1815 JAMES 1149.5
On aurait pu rajouter les nom de colonnes en utilisant la fonction getColumnMeta, mais celle ci est assez mal supportée pour le moment, d’après la doc…
Voici la transformation de chaine:
<?php
// initialisation
$ch = »bonjour LES aMis »;
// 1er caractere en majuscule
$res = strtoupper(substr($ch,0,1));
// les n-1 caracteres restant en minuscule
// et on concatene
$res .= strtolower(substr($ch,1,strlen($ch)-1));print(« resultat ; $res »);
?>
et pour le calcul de PI :
Avec une boucle connue à l’avance cela donne :
<?php
$limite = 1000;
for ( $i=1; $i < $limite ; $i++) {
$pi_sur_4 += -(pow(-1,$i)) * 1/(2*$i-1);
// on affiche toutes les valeurs intermédiaires…
// derriere le compteur de boucle
print (« $i : « . 4*$pi_sur_4. »<br> »);
}
?>
Si l’on veut faire une boucle WHILE tant qu’on n’a pas atteint une certaine précision, on peut faire le code suivant :
<?php
$i=0;
do {
$precedent = $pi;
$i++;
$pi_sur_4 += -(pow(-1,$i)) * 1/(2*$i-1);
$pi = 4*$pi_sur_4;
print (« $i : « . $pi. »<br> »);
$differentiel = floor($pi*1000) – floor($precedent*1000);
} while ($differentiel != 0)
?>
Note : ce code n’est pas optimisé, on a rajouté volontairement des variables intermédiaires pour le rendre + lisible. On n’est pas non plus obligé de calculer PI à chaque boucle, PI/4 suffirait largement avec une multiplication par 4 unique à la fin…
reprenons le code utilisé dans l’exercice précédent, et définissons d’abord une fonction avec ce code.
Nous appellerons ensuite en lui passant un paramètre …
<?php
function majuscule ($ch) {
$res = strtoupper(substr($ch,0,1));
$res .= strtolower(substr($ch,1,strlen($ch)-1));
return $res;
}$chaine = »bonjour LES aMis »;
print(majuscule($chaine));?>
Voici un exemple de code affichant le résultat escompté :
<?php
// anuaire1.php$nom = »Deléglise »;
$prenom = « Didier »;
$tel= « 0102030405 »;
$message = « Bonjour « . $prenom. » « .$nom. « ! <BR> »;
$message .= « Votre téléphone est le « . $tel;
print (« $message »);
?>
rem : on a utilisé l’opérateur ‘.=’ qui rajoute le contenu de la ligne à ce que contenait $message précédemment. On aurait pu n’utiliser q’ une seule occurence de la variable $message et tout concaténer sur une seule ligne, comme ceci :
$message = « Bonjour « . $prenom. » « .$nom. « ! <BR> Votre téléphone est le « . $tel;
<?php
// anuaire2.php// remplissage simple
$prenom = « Didier »;
$nom = »Deléglise »;
$tel= « 0102030405 »;$ligne_annu[0]= $prenom;
$ligne_annu[1]= $nom;
$ligne_annu[2]= $tel;print (« Prénom : « .$ligne_annu[0]. »<BR> »);
print (« Nom : « .$ligne_annu[1]. » <BR> »);
print (« No tel : « .$ligne_annu[2]. » <BR> »);// déclaration explicite de tableau
// et remplissage avec indice…
// on peut donc le faire dans n’importe quel ordre$ligne_annu = Array(1=> »Deléglise », 0=> »Didier »,2=> « 0102030405 »);
print (« Prénom : « .$ligne_annu[0]. »<BR> »);
print (« Nom : « .$ligne_annu[1]. » <BR> »);
print (« No tel : « .$ligne_annu[2]. » <BR> »);// et la sans indice, c’est + court
// mais …l’ordre est important$ligne_annu = Array(« Didier », « Deléglise », « 0102030405 »);
print (« Prénom : « .$ligne_annu[0]. »<BR> »);
print (« Nom : « .$ligne_annu[1]. » <BR> »);
print (« No tel : « .$ligne_annu[2]. » <BR> »);?>
<?php
// annuaire3.php
// recup des donnéesdu formulaire dans les variables
// … …
$prenom= »Didier » ; $nom= »Deleglise »; $tel= »0102030405″;// preparation de la ligne
$ligne = $prenom. »; ».$nom. »; ».$tel;/* ouverture du fichier en écriture */
$fp = fopen(‘annuaire.txt’,’a’);
fputs($fp, $ligne);
fclose($fp);
print (« Ecriture terminée… »);?>