Introduction -
Formulaire (Partie Graphique) -
Code In-Line (VB.NET) -
Code In-Line (C#)
Si vous avez raté un épisode, nous sommes en train de créer un Intranet au sein d'un établissement scolaire. Nous avons déjà mis en place la structure de notre base de données et defini la structure de nos pages. Si tout ceci ne vous parle pas, je vous conseille vivement d'aller jeter un oeil aux Part 1 et Part 2.
Dans ce troisième Part nous allons commencer à développer le module de gestion des classes de l'établissement.
Code Behind - Code In-Line
Avant de se lancer, il faut savoir que la philosophie du developpement .NET est différente de celle que nous utilisions en ASP ou en PHP.
Nous séparons maintenant l'aspect graphique et le code. On parle alors de Code Behind.
La partie graphique de notre page (Code HTML + Contrôles) est enregistrée dans notre page .aspx et la partie code (VB.NET, C#, J# ...) dans une autre page .aspx.vb (ou .aspx.cs pour ceux qui developpent en C#). Ces deux pages ne feront plus qu'une une fois compilées.
Bien que la chose sois possible via une compilation manuelle, nous ne parlerons pas de Code Behind avec WebMatrix mais de Code In-Line (en effet, WebMatrix ne dispose pas de compilateur comme Visual Studio .NET).
Avec WebMatrix nous distinguerons toujours la partie graphique et la partie code mais cette fois ci au sein de la même page .aspx, les deux parties restant bien distinctes comme vous pouvez le voir ci-dessous (onglet "All" de WebMatrix) :
Réalisation de la partie graphique
Peut importe le langage avec lequel vous developpez, la réalisation de la partie graphique reste exactement là même.
Ici nous allons créer notre page "classes.aspx" sur laquelle on se rendra en cliquant sur le lien "Gestion des classes" présent dans notre contrôle utilisateur "_menu.ascx", réaliser dans le Part 2.
Nous allons y réinsérer notre contrôle utilisateur comme dans le précédent Part.
Ensuite, nous insérerons un simple lien hypertext qui nous renverra sur la page "ouvrir_classe.aspx" dans laquelle nous allons mettre en place le formulaire de saisie, permettant l'ouverture d'une nouvelle classe, objectif de ce Part 3.
1. Ouvrir WebMatrix :)
2. Créer une nouvelle page ASP.NET, la nommer "classes.aspx".
3. Insérer le contrôle utilisateur "_menu.ascx" (voir Part 2).
4. Insérer un hypertext pointant sur "ouvrir_classe.aspx".
5. Enregistrer votre page.
Pour eviter de taper le code HTML du lien (et oui c'est fatigant :), vous pouvez vous rendre dans le menu "HTML" et cliquez sur "Insert HyperLink".
C'est tout ce que nous allons faire, pour le moment, sur cette page. Nous aurons l'occasion d'y revenir lors de prochain Part.
Le code de votre partie graphique devrait ressembler à ceci :
<%@ Page Language="Votre-Langage" %>
<%@ Register TagPrefix="uc0" TagName="_menu" Src="_menu.ascx" %>
<html>
<head>
</head>
<body>
<table cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<td>
<uc0:_menu id="UserControl1" runat="server"></uc0:_menu>
</td>
</tr>
</tbody>
</table>
<p>
<u><strong>Gestion des classes au sein de l'établissement :</strong></u>
</p>
<p>
<a href="ouvrir_classe.aspx">Ouvrir une nouvelle classe</a>
</p>
</body>
</html>
|
Réalisation de la page ouvrir_classe.aspx (partie graphique)
