Vous êtes sur la page 1sur 13

Anis_elbehi@yahoo.

fr

Lyce Othmen Chatti M'seken

Correction Srie de rvision:


1- Crer un rpertoire de travail "mon site" sous le rpertoire racine du serveur web local (www)
2- En utilisant le SGBD disponible, crer la base de donnes "Formation_net" qui comportera la table
"candidat" dont la structure est la suivante:
Candidat (numero, nom_prenom, age, email, module, competance, langue)
Champ
numero
nom_prenom
age
email
module
competance
langue

Type
NumeroAuto (cl primaire)
Texte
Rel
Texte
Texte
Texte
Texte

Le champ numro est de type numro automatique pour lui attribuer cette proprit, il faut lui dfinir
dans ces caractristiques l'option suivante:

Srie de rvision avec correction 4SI TIC

Page 1 / 13

Anis_elbehi@yahoo.fr

Lyce Othmen Chatti M'seken

3- Crer une page web nomme formulaire.html et enregistrer la dans votre dossier de travail, le
formulaire crer aura l'aspect suivant:

NB1:

La liste droulante
langue contient les
valeurs Franais,
Anglais et Arabe

La case cocher du
module HTML ainsi
que le bouton radio
Dbutant sont cochs
par dfaut.

NB2:
Le clic sur le bouton

fait appel une fonction "Verif1()" crite en javascript et qui

permet de vrifier le remplissage du formulaire d'inscription en respectant les conditions suivantes:


-

Les champs Nom et prenom, Age et E_mail doivent tre non vide.
Le champ Age doit contenir une valeur numrique
Le champ E_mail doit contenir obligatoirement le caractre @.
Le candidat doit choisir au moins un module en cochant la case correspondante.

Srie de rvision avec correction 4SI TIC

Page 2 / 13

Anis_elbehi@yahoo.fr

Lyce Othmen Chatti M'seken

NB3:
Si les conditions cits ci-dessus sont satisfaites, un script PHP cot serveur nomm "ajouter.php" sera
appel pour ajouter l'inscrit dans la base de donnes "formation_net" et le message suivant "Inscription
accepte nom et prenom vous tes numero " sera envoy au candidat.

NB4:
Le bouton

permet de mettre vide tous les champs du formulaire.

Solution 3 :
Pour la cration du formulaire prcdant et pour contrler les champs comme demand:
<html>
<head>
<title> inscription </title>
</head>

<!-

----- Fonction verif1 ---- -!>

<script language = javascript>


function verif1()
{
if(document.f.np.value==""){alert('nom et prenom obligatoire');
return false;}
if(document.f.a.value==""){alert("il faut saisir l'age"); return false;}
if(isNaN(document.f.a.value)) {alert (" age non valide"); return false;}
if(document.f.e.value==""){alert('e-mail obligatoir'); return false;}
if(document.f.e.value.indexOf('@')== -1){alert('e-mail non valide');
return false;}
if((document.f.chk1.checked==false)&&(document.f.chk2.checked==false)
&&(document.f.chk3.checked==false)) {alert('il faut cocher au moins une case');
return false;}
}
</script>

<!-

----- Fin

Fonction verif1 ---- -!>

<body>

Srie de rvision avec correction 4SI TIC

Page 3 / 13

Anis_elbehi@yahoo.fr

Lyce Othmen Chatti M'seken

<!- ******** formulaire d'ajout ********************-!>


<form name=f method=POST onsubmit="return verif1()"
action="http://127.0.0.1/mon site/ajouter.php"
>
<H1>INSCRIPTION GRATUITE</H1>
<table>
<tr>
<td> Nom et prenom: </td> <td> <input type=text name=np>
</tr>
<tr>
<td> Age: </td> <td> <input type=text name=a>
</tr>

</td>

</td>

<tr>
<td> E_mail: </td> <td> <input type=text name=e>
</tr>

</td>

</table>
<br>
<B> Choisir un module</B> <br>
<input type=checkbox name=chk1 value=HTML checked> HTML <BR>
<input type=checkbox name=chk2 value=javascript> Javascript <BR>
<input type=checkbox name=chk3 value=PHP> PHP
<br><br><br>
<B> Competance</B> <br>
<input type=radio name=r1 value=Dbutant checked> Dbutant<br>
<input type=radio name=r1 value=Initi> Initi
<br><br><br>
<B> Langue</B> <br>
<select name=langue size=1>
<option> Franais </option>
<option> Anglais </option>
<option> Arabe </option>
</select>
<br><br><br>
<input type=submit value=Inscription>
<input type=reset value=Annuler>
</form>
</body>
</html>

Srie de rvision avec correction 4SI TIC

Page 4 / 13

Anis_elbehi@yahoo.fr

Lyce Othmen Chatti M'seken

Le script PHP "ajouter.php"


<html>
<head>
<title> ajout.php </title>
</head>
<!- ---------------- le script PHP ------------------------------ -!>
<?
$np = $_POST['np'];
$a=$_POST['a'];
$e=$_POST['e'];
if(isset($_POST['chk1'])){$chk1=$_POST['chk1'];} else {$chk1='';}
if(isset($_POST['chk2'])){$chk2=$_POST['chk2'];} else {$chk2='';}
if(isset($_POST['chk3'])){$chk3=$_POST['chk3'];} else {$chk3='';}
$module="$chk1 $chk2 $chk3";
if(isset($_POST['r1'])){$comp=$_POST['r1'];}
$lang=$_POST['langue'];
mysql_connect('localhost','root','');
mysql_select_db('formation_net');
$n=mysql_insert_id();
$r="INSERT INTO candidat VALUES ('$n','$np','$a','$e','$module','$comp','$lang')";
mysql_query($r);
if(mysql_affected_rows()==1)
{echo '<br><br><br>
<center>
<H1><font color=green >Inscription accepte
mysql_insert_id() .'</font></h1>
</center>';}

' .$np .'

vous tes numro

'.

else
{echo '<br><br><br>
<center>
<H1><font color=red>Personne non
</center>';}

ajoute </font> </h1>

?>
<body bgcolor=pink >
</body>
</html>

Srie de rvision avec correction 4SI TIC

Page 5 / 13

Anis_elbehi@yahoo.fr

Lyce Othmen Chatti M'seken

4- Dans la mme page "formulaire.html" ajouter le formulaire ayant les formes et description suivantes

NB1:
Le clic sur le bouton

fait appel une fonction "Verif2()" crite en javascript et qui

permet de vrifier que l'utilisateur a saisit le nom et le prnom du candidat qu'il veut supprimer (c'est-dire que le champ du saisie du nom et prnom du candidat supprimer ne doit pas tre vide)
NB2:
Si les conditions cites ci-dessus, un script PHP cot serveur nomm "supprimer.php" sera appel pour
supprimer le candidat de la base de donnes "formation_net" et le message suivant "Le candidat nom et
prenom est supprim " sera envoy au candidat.
NB3:
Le bouton

permet de mettre vide le champ du formulaire de la suppression.

Solution - 4 :
<!-

----- Fonction verif2 ---- -!>

<script language = javascript>


function verif2()
{
if(document.f1.nps.value=="")
{alert("il faut saisir le nom et le prenom de l'eleve supprimer"); return false;}
}
</script>

<!-

----- Fin

Fonction verif2 ---- -!>

<!- *************** formulaire de suppression **********-!>


<br><br><br><br><br>
<form
action="http://127.0.0.1/mon site/supprimer.php"
onsubmit="return verif2()" method=POST name=f1>
<font color = red><B>Suppression d'un lment </B></font><br>
Saisir le nom du condidant que vous voulez supprimer <input type=text name=nps><br>
<input type=submit value=Supprimer>
<input type=reset value=Annuler>
</form>

Srie de rvision avec correction 4SI TIC

Page 6 / 13

Anis_elbehi@yahoo.fr

Lyce Othmen Chatti M'seken

Le script PHP "supprimer.php"


<html>
<head>
<title> supprime.php </title>
</head>
<!- ------------- le script PHP --------------------------------- -!>
<?
$nps = $_POST['nps'];
mysql_connect('localhost','root','');
mysql_select_db('formation_net');
$r="DELETE FROM candidat WHERE nom_prenom = '$nps'";
mysql_query($r);

if(mysql_affected_rows()==1)
{echo '<br><br><br>
<center>
<H1><font color=green >Le candidat
</center>';}

' .$nps .'

est supprim

</font></h1>

?>

<body bgcolor=pink >

</body>
</html>

Srie de rvision avec correction 4SI TIC

Page 7 / 13

Anis_elbehi@yahoo.fr

Lyce Othmen Chatti M'seken

5- Dans la mme page "formulaire.html" ajouter le formulaire ayant les formes et description suivantes

NB1:
Le clic sur le bouton

fait appel une fonction "Verif3()" crite en javascript et qui

permet de vrifier que l'utilisateur a saisit le nom et le prnom du candidat qu'il veut chercher (c'est-dire que le champ du saisie du nom et prnom du candidat chercher ne doit pas tre vide)
NB2:
Si les conditions cites ci-dessus, un script PHP cot serveur nomm "chercher.php" sera appel pour
chercher le candidat dans la base de donnes "formation_net" et le message suivant "Le candidat nom
et prenom est trouv " sera envoy au candidat.
Puis on affiche tous les renseignements sur le candidat dans un tableau comme suit.

Si le candidat n'existe pas dans la base de donnes le message suivant "Le candidat nom et prenom
n'existe pas " sera affich.
NB3:
Le bouton

permet de mettre vide le champ du formulaire de recherche.

Srie de rvision avec correction 4SI TIC

Page 8 / 13

Anis_elbehi@yahoo.fr

Lyce Othmen Chatti M'seken

Solution - 5 :
<!-

----- Fonction verif3 ---- -!>

<script language = javascript>


function verif3()
{
if(document.f2.npc.value=="")
{alert("il faut saisir le nom et le prenom de l'eleve chercher"); return false;}
}
</script>

<!-

----- Fin

Fonction verif3 ---- -!>

<!- ********** formulaire de recherche

************-!>

<br><br><br><br><br>
<form name=f2 method=POST
action="http://127.0.0.1/mon site/chercher.php"

onsubmit="return verif3()"

>

<font color = blue><B>recherche d'un candidat </B></font><br>


Saisir le nom du condidant que vous voulez chercher <input type=text name=npc><br>
<input type=submit value=Chercher>
<input type=reset value=Annuler>

</form>

Srie de rvision avec correction 4SI TIC

Page 9 / 13

Anis_elbehi@yahoo.fr

Lyce Othmen Chatti M'seken

Le script PHP "chercher.php"


<html>
<head>

<title> cherche.php </title>

</head>

<!- ------------- le script PHP ------------------------------ -!>


<?
$npc = $_POST['npc'];
mysql_connect('localhost','root','');
mysql_select_db('formation_net');
$r="SELECT * FROM candidat WHERE nom_prenom = '$npc'";
$resultat=mysql_query($r);
if(mysql_affected_rows()==1)
{echo '<br><br><br><center><H1><font color=green >Le candidat
trouv </font></h1></center>';
?>

' .$npc .'

est

<? $enreg = mysql_fetch_array($resultat); ?>


<table border=2 align=center>
<tr align=center>
<td> numero </td>
<td> nom et prenom </td>
<td> age </td>
<td> email </td>
<td> module </td>
<td> competance </td>
<td> langue </td>
</tr>
<tr align=center>
<td><? echo $enreg["numero"]; ?></td>
<td><? echo $enreg["nom_prenom"]; ?></td>
<td><? echo $enreg["age"]; ?></td>
<td><? echo $enreg["email"]; ?></td>
<td><? echo $enreg["module"]; ?></td>
<td><? echo $enreg["competance"]; ?></td>
<td><? echo $enreg["langue"]; ?></td>
</tr>
<?
}
else
{echo '<br><br><br>
<center>
<H1><font color=green >Le candidat
</center>';}

' .$npc .'

n\'existe pas

</font></h1>

?>
<body bgcolor=pink >
</body>
</html>

Srie de rvision avec correction 4SI TIC

Page 10 / 13

Anis_elbehi@yahoo.fr

Lyce Othmen Chatti M'seken

6- Dans la mme page "formulaire.html" ajouter le formulaire ayant les formes et description suivantes

NB1:
Le clic sur le bouton

fait appel une fonction "Verif4()" crite en javascript et qui

permet de vrifier que l'utilisateur a saisit le numro du candidat qu'il veut modifier (c'est--dire que le
champ du saisie du numro du candidat modifier ne doit pas tre vide) et la nouvelle valeur du champ
qu'il veut modifier (les champs sont le nom et prnom ou l'adresse email qui doivent figurer dans la liste
de slection).

NB2:
Si les conditions cites ci-dessus, un script PHP cot serveur nomm "modifier.php" sera appel pour
modifier le nom et le prnom ou l'adresse mail du candidat dsir.
Et le message suivant "le champ ... est remplac par " sera envoy au candidat.

NB3:
Le bouton

permet de mettre vide le champ du formulaire de modification.

Srie de rvision avec correction 4SI TIC

Page 11 / 13

Anis_elbehi@yahoo.fr

Lyce Othmen Chatti M'seken

Solution - 6 :
<!-

----- Fonction verif4 ---- -!>

<script language = javascript>


function verif4()
{
if(document.f3.ncm.value=="")
{alert("il faut saisir le numero du candidat modifier"); return false;}
if(document.f3.nv.value=="")
{alert("il faut saisir la nouvelle valeur "); return false;}
}
</script>

<!-

----- Fin

Fonction verif4 ---- -!>

<!- ************ formulaire de modification

***********-!>

<br><br><br><br><br>
<form name=f3 method=POST
action="http://127.0.0.1/mon site/modifier.php"

onsubmit="return verif4()"

>

<font color = green><B>modifier les informations d'un candidat </B></font><br>


Saisir le numro du candidat modifier <input type=text name= ncm><br>
Choisir le champ que vous voulez modifier
<select name=cam size=1 ><br>
<option> Nom et prenom </option>
<option> email </option>
</select>
<br>
nouvelle valeur<input type=text name =nv><br>
<input type=submit value=Modifier>
<input type=reset value=Annuler>
</form>

Srie de rvision avec correction 4SI TIC

Page 12 / 13

Anis_elbehi@yahoo.fr

Lyce Othmen Chatti M'seken

Le script PHP "modifier.php"


<html>
<head>
<title> modification.php </title>
</head>
<!- ------------ le script PHP ---------------------------- -!>
<?
$ncm = $_POST['ncm'];
$cam =$_POST['cam'];
$nv = $_POST['nv'];
mysql_connect('localhost','root','');
mysql_select_db('formation_net');
if($cam=='Nom et prenom')
{
$r="UPDATE candidat SET nom_prenom = '$nv' WHERE numero = '$ncm'";
}
else
{
$r="UPDATE candidat SET email = '$nv' WHERE numero = '$ncm'";
}
mysql_query($r);

if(mysql_affected_rows()==1)
{echo '<br><br><br>
<center><H1><font color=green >Le champ' .$cam .' est remplac par '.$nv .'
</font></h1>
</center>';}
?>
<body bgcolor=pink >

</body>
</html>

Merci pour :
Mr. Chatti Sofienne

Srie de rvision avec correction 4SI TIC

Page 13 / 13

Vous aimerez peut-être aussi