Découvrir ASP.NET Core 1.0

Concevoir un contrôleur

Testez gratuitement nos 1326 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Le contrôleur orchestre le MVC à l'aide d'une fonction d'export Excel. Ainsi, faites le tour des différentes possibilités des contrôleurs.
05:15

Transcription

Nous allons maintenant voir les vues. Alors, nous avons sous les yeux la maquette que nous avions préparée pour notre site. C'est une version bootstrap de cette maquette. Alors si on redimensionne ici, on voit que on a un menu adaptable. Alors bootstrap est un framework HTML CSS Javascript qui permet de rendre adaptable les sites. Et ce framework est utilisé par Microsoft pour son template. Donc d'avoir une maquette bootstrap nous permetra de nous intégrer beaucoup plus rapidement et plus facilement au template Microsoft. Alors allons sur Visual Studio pour voir la vue. On a ici sur la partie droite les vues utilisées par le template par défaut. Il y a vraiment un lien entre l'arborescence des vues et l'arborescence des contrôleurs. Alors, HomeController, il y a quatre actions, ici. Index, About, Contact et Error. À trois vues, Index, Contact, About. Error est dans Shared, puisque d'autres contrôleurs peuvent avoir besoin aussi de cette vue. Il y a la possibilité de mettre certaines vues dans Shared et de les mettre en commun entre les différents contrôleurs. Le framework MVC de Microsoft propose justement d'aller chercher les vues manquantes dans ce répertoire spécial qui est Shared. On verra les vues précédées par underscore c'est à dire le souligné là, un peu plus tard dans la formation. Alors ici, nous on veut changer ce qui est produit par Index. Et à commencer donc par ce contenu-là. Alors, tout ce qui est en arobase, il n'y en avait pas dans la partie que je viens de supprimer, est ce qu'on appelle du code Razor, qui sera interprété avant d'être envoyé au navigateur. On va ajouter une partie de notre maquette. Ça c'est une partie donc de notre maquette, la partie centrale. On va pas retrouver exactement la maquette que l'on a faite en lançant, puisque il y reste encore le menu du template original et le CSS du template original. Donc c'est dans la prochaine section que l'on finira d'adapter notre maquette. On retrouve déjà la liste des éléments, donc c'est un bon début. Alors, maintenant on va rendre une partie dynamique, ici. La partie qu'on va rendre dynamique c'est la liste des articles. Les plus populaires, ici. Et les récents. Donc les articles ici vont être adaptés. Pour ça donc il va falloir faire une boucle sur une variable, mais cette variable ne doit pas être définie ici, mais c'est le rôle du contrôleur de la passer à la vue. Alors, j'arrête le débuggeur. Et puis donc je fais un tableau de chaînes de caractères qui contient mes différents sortilèges populaires, donc je vais les appeler « populaires » et je vais l'initialiser d'ailleurs je vais le faire sous la forme d'une chaîne séparée par des virgules, pour une gestion plus simple ; voilà. Donc ici, cette chaîne séparée par des virgules. Besoin de guillemets, voilà. Et puis, pour la passer à la vue. on a un objet, qui est ViewData, qui est fait exprès pour ça, et on lui passe une clé ici à laquelle on associe la valeur que l'on veut passer. Donc ici, populaire. Maintenant, ici, dans mon code, je n'ai plus qu'à faire un parcours. Pour faire un parcours, c'est encore du Razor que je vais utiliser. Comme j'ai dit, c'est avec arobase et for foreach, d'ailleurs, sera très pratique ici. Et foreach une variable, je vais l'appeler « titre ». In alors il va falloir que j'aille chercher dans mon ViewData la donnée populaire que j'y ai mise. Et puis, cette donnée populaire n'est pas un tableau, donc il va falloir que à partir de la chaîne je splitte la chaîne par des virgules, puisque le caractère de séparation est la virgule. D'ailleurs, par le caractère et non pas la chaine, voilà. J'ouvre mon accolade, et je ferme l'accolade. Donc on a vraiment un mélange de code et de HTML avec Razor sans difficulté, c'est correctement interprété. Et on a plus qu'à retirer ce qui est en trop. Mettre correctement le titre ici. Et donc toujours avec Razor puisque c'est une val dynamique. Et donc je crée dynamiquement mon contenu. Alors, il y a d'autres attributs Razor, notamment le if, le switch, sont des choses très pratiques à faire avec. Ici donc, voilà, avec une mise en forme un peu différente, puisque j'ai choisi de le mettre à un autre endroit, voilà. Il serait mieux ici. À gauche. Donc ici une bonne mise en forme, avec les titres que j'ai spécifiés. On sait maintenant prendre des données du contrôleur, les mettre dans la vue. On va voir maintenant comment finir d'adapter et d'organiser notre page, de façon à composer une page avec plusieurs morceaux de vue.

Découvrir ASP.NET Core 1.0

Prenez en main ASP.NET Core 1.0. Développez ainsi des applications web multiplateformes en C#, déployables sur Windows, Linux, Mac ainsi qu'en containers Dockers.

1h32 (20 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
ASP.NET Core ASP.NET Core 1
Spécial abonnés
Date de parution :1 févr. 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !