IDOT: TP2. Partie 1: La base de données

Transcription

1 IDOT: TP2 Partie 1: La base de données Dans cette partie, nous allons vous expliquer comment importer la base de données sur votre machine et de quoi elle est composée. - Télécharger le script SQL disponible à l adresse - Lancer SQL Server Management Studio - Cliquer sur le bouton Connect - Double-cliquer sur le script SQL, celui-ci devrait s ouvrir dans SQL Server Management Studio - Cliquer sur Execute (barre d outils en haut) Si vous allez dans le dossier Databases dans l arborescence à gauche, vous devriez trouver la base de données Dabaze. Cette base est composée de deux tables, une table user et une table note. La table user contient un champ id qui est la clé primaire de la table, ainsi qu un champ username et un champ password. Le password est enregistré en clair. Il est évident que c est une chose à éviter lorsque l on réalise une vraie base de données. PAGE 1 OF 12

2 Partie 2 : Les webservices Etape 2 : Création du projet L objectif de cette partie est de créer le projet de site web qui fournira le webservice dont notre client se servira dans la partie suivante. Pour cela, suivez les étapes suivantes: - Fichier, Nouveau Projet, Application Web ASP.NET MVC 4 - Modèle de vue Razor, Ok PAGE 2 OF 12

3 - Faites un clic droit sur le dossier controllers -> ajouter -> controleur -> Le nommer WebservicesController -> Ok PAGE 3 OF 12

4 Ceci vous a permis de créer le fichier dans lequel vous placerez par la suite le code de vos WebServices. Pour créer un Webservice, il y a deux étapes. Tout d abord coder la méthode dans votre WebservicesController, puis déclarer une route dans le App_Start/WebApiConfig.cs. Suivez les exemples ci-dessous pour créer un Webservice de type Hello You. PAGE 4 OF 12

5 Dans un second temps, il faut nous connecter à la base de données créée précédemment. Pour cela, suivre les étapes suivantes: - Clic droit sur le dossier Model -> Ajouter -> Nouvel Element -> Données -> Linq To SQL - Affichage -> Explorateur de serveur -> connexion à la base de données -> sélectionner le nom du serveur -> sélectionner Dabaze -> OK PAGE 5 OF 12

6 - Dérouler la base dans l explorateur de serveur -> connexion à la base de données -> dérouler tables -> sélectionner les deux tables de notre base, puis les faire glisser dans le fichier.dbml de Linq ouvert avant cela. PAGE 6 OF 12

7 Vous pouvez alors déclarer un nouveau Webservice ainsi qu une nouvelle route et créer un Webservice utilisant la base de données. Vous devez créer un Webservice prenant en paramètre un userid et retournant la liste des entités note relatives à cet utilisateur. Attention: vous devez aller dans le 1ichier DataClasses.designer.cs > T_User > Ligne 38 > mettre le set en private PAGE 7 OF 12

8 Exemple de Webservice utilisant la base de données : PAGE 8 OF 12

9 PAGE 9 OF 12

10 Partie 3 : Application Cliente Le but de cette partie sera de créer une application WPF permettant de se connecter et d obtenir toutes les notes d un user. Etape 1 : Création du projet Faites un clic droit sur la solution, ajouter, projet. Choisissez alors Application WPF. Etape 2 : Création de l interface de la page de connexion et connexion De la même manière qu en Winforms, vous devez glisser et déposer vos composants dans la fenêtre de designer. Il vous faudra donc un textbox pour le nom d utilisateur, un paswword box pour le mot de passe et un bouton afin de valider votre formulaire. L action sur le bouton devra requeter directement la base de données afin de savor si le nom d utilisateur et le mot de passe correspondent bien à un utilisateur. Si ce n est pas le cas, un message d erreur devra apparaitre. Afin de requeter la base de données depuis votre application, créer une nouvelle fois un fichier LinqToSQL et faites comme pour le webservice. Etape 3 : Affichage des notes Si la connexion a fonctionné, la fin de la méthode de connexion devra ouvrir une nouvelle fenêtre. Vous devez donc ajouter un nouvel element de type fenêtre à votre application. Cette fenêtre sera composée d une DataGrid dont l option autogeneratedcolumns sera activée et dont les options d ajout et de suppresion de ligne seront désactivées (à vous de trouver le nom exact de ces options :) ). Lors de votre méthode de connexion, une fois l utilisateur existant et matchant les paramètres récupérés, vous devrez envoyer son ID à la nouvelle page. Cette nouvelle page pourra donc appeler le webservice créé précédemment avec l ID afin d obtenir la liste des notes. Afin de télécharger le webservice, vous aurez besoin des classes WebClient pour télécharger le Webservice et XDocument pour parser le xml de retour. PAGE 10 OF 12

11 Vous devrez sortir du parseur une ObservableCollection<Note> remplie avec le contenu du webservice. Vous devrez donc avant cela créer une classe Note avec un attribut userid et un attribut Mark. Une fois l observablecollection créée, vous devrez setter l itemsource de la datgrid avec cette collection. PAGE 11 OF 12

12 Appendix Raccourci Visual Studio CRTL+K, CRTL+C : commenter la sélection CRTL+; : afficher le menu contextuel d un objet CRTL+E, CRTL+F: formater le texte F2 :renommer F5 : build+run F6 : build F12 : aller à la définition Rendu mail de rendu: idot@3ie.fr mettez dans l objet: [IDOT][TP#][login] PAGE 12 OF 12