Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Pour créer un projet en ASP.Net Après la création d’un projet vide sous forme d

Pour créer un projet en ASP.Net Après la création d’un projet vide sous forme d’un formulaire. On ajoute une page de type formulaire à notre projet. La nouvelle page est sous la forme suivante, elle est très proche à une page html, la seule différence avec c’est l’option ( runat="server" ), pour nous dire c’est une page à exécuter au côté du serveur. P a g e 1 | 34 Dans cette page nous pouvons utiliser le mode graphique ou le mode code ou les deux en même temps. A titre d’exemple on fait l’insertion d’un objet bouton afin de voir la différence entre une page html et une page asp.net. Il y a aussi une autre possibilité d’ajouté le code C# dans un autre fichier .cs sous forme d’une classe, où il y a le contrôleur de cette page. Dans ces types de projets nous avons la possibilité d’exécuter deux types de codes : Contrôle web html : des actions dans la page html Contrôle web C sharp : des actions au niveau du serveur. Voilà un exemple : On insère un tableau de 3 lignes et 2 colonnes dans notre page asp précédente : P a g e 2 | 34 Puis on choisit le nombre de ligne et colonnes : On fait glisser les objets dans notre page comme le cas d’un formulaire dans un projet ADO.net. Pour changer le texte du bouton on clique droit sur la souris afin de modifier ses propriétés. Voilà une proposition du code C# pour ajouter un contrôle au niveau cette page : Ce code doit être exécuté au niveau de serveur IIS. Par contre si on veut écrire un code compilé au niveau de la page html, dans ce cas-là, on a besoin d’un bouton de type html, afin de l’insérer on clique sur l’onglet html dans la boite à outils. L’action du bouton bonjour, peut être écrite en html ou JavaScript et elle s’exécute au compilateur html. P a g e 3 | 34 1. Validation des champs au niveau des formulaires asp.Net Exemple 1 : RequiredField On veut demander à l’utilisateur de saisir son nom puis son prénom, après en cliquant sur le bouton qui nous donne le nom complet, au cas où le champ nom est vide un contrôle en rouge sera affiché « ce champ obligatoire ! » Pour ce faire, on suit les étapes ci-dessous : Voilà le code de la ligne champ obligatoire de la page aspx, en ajoutant l’objet RequiredField, afin de vérifier le champ nom est ce qu’il est bien rempli. P a g e 4 | 34 -Proposer le code C# dans le bouton afin d’afficher le nom et le prénom dans la troisième zone de texte. -Essayer de faire l’exécution de cette page si vous avez toujours un problème, insérer la ligne suivante dans le fichier « web.config ». Exemple 2 : CompareValidator Dans l’exemple suivant on va faire la vérification de mot de passe : Pour avoir le même résultat on peut suivre les étapes ci-dessous Exemple 3 : RangeValidator : Intervalle (valeur maximale et valeur minimale) Voilà le formulaire qu’on demande à réaliser. A condition la note doit être appartient à l’intervalle : [0,20]. Pour ce faire, on insère un objet : RangeValidator à côté de la zone de texte note, puis on applique les étapes ci-dessous. P a g e 5 | 34 Exemple 4 : RegularExpressionValidator, afin de spécifier la forme d’une écriture d’un champ. Pour ce faire, on insère un objet : RegularExpressionValidator à côté de la zone de texte site web, puis on applique les étapes ci-dessous. Vous pouvez spécifier d’autres types d’expressions, en cliquant sur validationExpression afin de voir d’autres formules : P a g e 6 | 34 Exemple 5 : ValidationSummary, afin d’écrire un résumé des différentes erreurs citées. Appliquant ce contrôle à l’exemple précédent, où il y a deux contrôles : donc on veut afficher un résumé à la fin. Remarque position Absolue : pour qu’on puisse bouger les objets dans une page web facilement, il faut activer ce qu’on appelle positionnement absolu, pour ce faire on clique sur l’objet puis formatposition … -Absolu. Exemple 6 : Validation Groupe, afin de lier les contrôles souhaités avec un bouton bien précisé. Par exemple nous avons cette page avec le formulaire suivant : On ajoute le code CSharp suivant, dans le bouton Retour pour le faire passer à une autre page : Response.Redirect("Page0.aspx"); Si nous appliquons un contrôle au niveau de deuxième mot de passe, n’importe quel bouton peut nous afficher le résultat de cette vérification. Hors on veut la vérification passe au moment en clique sur le bouton envoyer. Dans ce cas-là on ajoute validation groupe, à la propriété de contrôle et le bouton Envoyer. Exemple 7 : Contrôle utilisateur, son rôle principal c’est de créer un une partie d’une page ou une partie d’un code, qu’on va l’utiliser plusieurs fois. Par exemple l’authentification on peut la trouver dans plusieurs pages web, donc on réalise son code à part dans un contrôle utilisateur, puis on la glisse à chaque moment. P a g e 7 | 34 Et voilà on peut réutiliser le code sans le refaire dans plusieurs pages, il devient comme un objet on peut le manipuler plusieurs fois. Remarque importante : le moment où on glisse notre contrôle utilisateur dans la page souhaitée, il faut vérifier les champs suivants : 2. Page Master (pages maîtres) Les pages maîtres ASP.NET permettent de créer une disposition cohérente des pages de l’application. Une page maître unique définit l'apparence et le comportement standard que vous souhaitez pour toutes les pages (ou groupe de pages) de votre application. Vous pouvez ensuite créer des pages de contenu individuelles comportant les éléments que vous souhaitez afficher. Lorsque les utilisateurs demandent les pages de contenu, ils fusionnent avec la page maître pour générer une sortie qui associe la disposition de la page maître aux éléments de la page de contenu. a- Mode de fonctionnement des pages maîtres Les pages maîtres se composent réellement de deux parties, la page maître elle-même et une ou plusieurs pages de contenu. Une page maître est un fichier ASP.NET possédant l'extension .master (par exemple, Site1.master) avec une disposition prédéfinie pouvant inclure du texte statique, des éléments HTML et des contrôles serveur. La page maître est identifiée par une directive @ Master spéciale qui remplace la directive @ Page utilisée pour les pages .aspx ordinaires. L'apparence de la directive peut se présenter comme suit. <%@ Master Language="C#" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> Outre la directive @ Master, la page maître contient également tous les éléments HTML de niveau supérieur d'une page tels que html, head et form. Par exemple, sur la page maître, vous pouvez utiliser un tableau HTML pour la disposition, un élément img pour le logo de votre société, du texte statique pour le copyright et des contrôles serveur pour créer la navigation standard de votre site. Vous pouvez utiliser tous les éléments HTML ASP.NET dans votre page maître. b- Espaces réservés de contenu remplaçables Outre le texte statique et les contrôles qui apparaissent sur toutes les pages, la page maître inclut également un ou plusieurs contrôles ContentPlaceHolder. Ces contrôles réservés définissent des régions où le contenu remplaçable apparaîtra. Ensuite, le contenu remplaçable P a g e 8 | 34 est défini dans les pages de contenu. Une fois que vous avez défini les contrôles ContentPlaceHolder, une page maître peut se présenter comme suit. c- Pratique : Pour ajouter une page Master, en premier lieu on créer un nouvel élément de ce type : On peut enlever les balises asp:ContentPlaceHolder, en attendant la finalisation de la page Master. Voilà l’exemple de la page Master : 1-insérer un tableau de deux colonnes et deux lignes : 2-Modifier chaque cellule avec la forme demandée, en utilisant l’onglet propriété. 3-Ajouter l’objet ContentPlaceHolder : la zone modifiable. Maintenant nous avons fabriqué un Model page Master. Pour avoir le même Model sans faire copier- coller du code. On ajoute un nouvel élément et cette fois ci, o sélectionne : web form avec page maître. Puis on fait notre choix selon le model préféré : Dans notre exemple nous avons déjà Site1.Master P a g e 9 | 34 Finalement avec cette manière on peut construire des pages identiques à notre page Maître. Travail à faire 1 : l’utilisation des objets response et Session Le TP demandé, est de créer 4 pages, de même style que la page Master, et de faire la liaison avec chaque bouton et sa page : Exemple si on clique sur le bouton accueil, il nous envoie vers sa page. On utilise le code C Sharp suivant : Response.Redirect("NomPage.aspx"); Lorsqu’on clique sur le bouton s’authentifier cette page s’affiche : Le moment où l’utilisateur clique sur le bouton envoyer, après la saisie de son mot de passe et son login, notre application web nous donne une 5 ième page ci-dessous de même style que la page Master. On aura besoin de déclarer une variable uploads/S4/ suite-introductionasp-travaux-pratiques.pdf