Archives pour la catégorie RAZOR

ASP.NET MVC 4 Developer Preview : jQuery Mobile, View Switcher et Browser Overriding

Publié le par
Répondre

Dans mon précédent billet de blog, nous avons créé notre première application mobile en utilisant le nouveau Template qu’apporte ASP.NET MVC 4. Nous avons également découvert une puissance fonctionnalité introduite par le Framework Web pour le soutien des modes d’affichage.

Avec ces nouveautés, nous avons sans apporter aucune modification à nos modèles et contrôleurs, créé des vues personnalisées pour les navigateurs Desktop et les navigateurs mobiles.

Dans ce billet, nous verrons comment procéder autrement en utilisant le package Nuget JQuery.Mobile.MVC.

Lire la suite →

ASP.NET MVC 4 Developer Preview : nouveautés pour la prise en charge des mobiles

Publié le par
Répondre

Dans l’un de mes précédents billets de blog, j’avais déjà annoncé la disponibilité immédiate en téléchargement de la version Developer Preview du Framework Web ASP.NET MVC 4.

J’avais également indiqué dans cet article que je reviendrais prochainement en détail sur les nouveautés et améliorations de MVC 4.

Vous avez surement attendu patiemment le premier article sur le sujet, mais entre la charge de mes obligations professionnelles, mes travaux sur DVP et la finalisation de l’article sur Nuget, je n’avais plus assez de temps pour commencer à jouer avec MVC4 et partager mon retour d’expérience sur ce blog.

Comme le dit le dicton « mieux vaut tard que jamais », j’ai finalement eu assez de disponibilité pour me pencher sur le sujet et écrire ce billet qui sera axé principalement sur le support du mobile et des tablettes dans MVC 4.

Comme vous le savez certainement, l’une des principales nouveautés dans ASP.NET MVC 4 Develpper Preview est la possibilité d’écrire avec le minimum d’effort des applications Web optimisées, pouvant cibler plusieurs types de dispositifs différents (PC, Mobiles et Tablettes) ayant des écrans de différentes tailles.

Au travers de cet article durant laquelle nous allons créer notre première application ASP.NET MVC pour mobile, nous découvrions les nouveautés suivantes qui ont été introduites par MVC 4 :

– le nouveau modèle d’application mobile;

– Modes d’affichage (Display Modes)

* le mécanisme de basculement entre la vue mobile et la vue desktop d’une application ;

* la création des vues spécifiques en fonction des dispositifs (iPhone, Windows Phone, etc.).

Lire la suite →

Ecriture d’une simple fonction d’envoi des mails dans une application ASP.NET MVC 3 avec le Helper Razor WebMail

Publié le par
Répondre

J’avais déjà blogué précédemment sur le Helper Razor Chart et présenté quelques autres Helpers dans mon article sur Razor.

Je vais aujourd’hui m’attarder sur un autre Helper Razor qui m’a été d’une grande utilité récemment pour implémenter une nouvelle fonctionnalité dans une application Web.

En effet, je devais intégrer une fonction pour envoyer des mails dans l’application Web que j’avais migré récemment d’ASP.NET MVC 2 vers ASP.NET MVC 3.

Au lieu de procéder de façon standard comme j’en avais l’habitude, j’ai jeté un rapide coup d’œil sur le Helper Razor WebMail qui m’a permis en l’espace de quelques minutes d’écrire mon module d’envoi des mails, au point ou je n’ai pas pu m’empêcher d’utiliser le temps de libre qui me restait pour écrire ce billet de blog sur ce composant.

Lire la suite →

Comment transformer mes fichiers ASPX existants en fichiers cshtml (Razor) ?

Publié le par
Répondre

Récemment, j’ai décidé de migrer une de mes applications Web existantes de MVC2 vers MVC3 pour y apporter des améliorations et intégrer des nouvelles fonctionnalités.

Logiquement, étend plus à l’aise avec le moteur de vue Razor qui – à mon avis – est plus facile, expressif, compact, fluide et rend la vue beaucoup plus simple, j’ai donc décidé pour mes développements futurs de l’utiliser.

Certes, il est possible au sein d’une même application ASP.NET d’utiliser des moteurs de vue différents pour chaque vue ASP.NET. Mais je n’en veux pas autant le gars d’à côté qui pourra maintenir cette application, au point de l’obliger à avoir une maitrise à la fois du moteur ASP.NET standard et le moteur Razor.

Donc l’utilisation de Razor et le moteur ASP.NET classique dans ma solution pour moi la rend un peu difficile à maintenir et je trouve la solution plutôt indigeste. Au final, j’ai donc décidé de convertir tous mes fichiers ASPX (moteur ASP.NET classique) en fichiers cshtml (moteur Razor).

Lire la suite →

Création et utilisation d’un Helper HTML dans une vue Razor

Publié le par
Répondre

Dans mes précédents articles sur Razor et sur WebMatrrix, j’ai longuement parlé des Helpers Razor. Dans ces articles, je décris notamment comment consommer des Helpers tiers dans une application Web construite avec WebMatrix ou dans une application ASP.NET MVC 3 et également comment créer ses propres composants Helpers Razor.

Je vais me pencher aujourd’hui sur un autre type d’Helper disponible dans le framework ASP.NET MVC qui n’a pratiquement rien à voir avec les Helpers Razor. Il s’agit : des Helpers HTML.

Dans cet article, je vais décrire brièvement ce qu’est un Helper HTML et comment créer et utiliser ses propres Helpers HTML dans une vue ASP.NET avec Razor.

Lire la suite →

[Article]Création des pages Web ASP.NET en utilisant le moteur de vue Razor

Publié le par
2

Razor est un nouveau moteur de vue et de rendu ASP.NET qui a vu son apparition dans le Framework ASP.NET MVC 3 et l’environnement de développement WebMatrix.

Nous allons dans cet article découvrir ce nouveau moteur de rendu ASP.NET, sa syntaxe et comment créer des pages ASP.NET en utilisant Razor.

Razor a été conçu pour faciliter la conception des pages ASP.NET. Il introduit une syntaxe de programmation assez facilement compréhensible, qui vous permet d’insérer du code serveur dans une page Web qui peut également contenir du HTML, du CSS et des scripts JavaScript.

Le moteur Razor est fluide, compact, expressif et s’appuie sur la syntaxe des langages .NET C# et Visual Basic .NET. Il offre la puissance d’ASP.NET pour la création rapide des applications Web fonctionnelles et sophistiquées.

L’article est regroupé au sein des chapitres suivants :

РPr̩sentation de Razor

– Prise en charge dans Visual Studio 2010

– Syntaxe de base de Razor

– Les Layouts

– Les Helpers Razor

– Les formulaires dans les vues Razor

РManipulation des donn̩es

– Razor references

L’article complet est disponible sur cette page.

Télécharger la version PDF (Miroir).

Télécharger la version hors-ligne (Miroir).

Bonne lecture ;)

Utilisation du Helper ASP.NET Razor Chart pour la génération des graphiques dans une application ASP.NET MVC 3

Publié le par
Répondre

ASP.NET MVC 3 est accompagné de plusieurs nouveaux Helper Razor permettant de concevoir facilement des pages ASP.NET dynamiques.

En ce jour, nous allons nous pencher sur le Helper Chart qui est un puissant outil permet de générer avec le minimum d’effort et de code des graphiques dans une page Web.

Le Helper Chart est disponible au sein de l’espace de nom System.Web.Helper. Il supporte de nombreuses options de formatage, plusieurs sources de données (BD, fichier XML, etc.), permettant de générer plus de 30 types (histogrammes, camembert, diagramme en bâton, diagramme en secteur, etc.) de graphiques différents.

Lire la suite →

[Article] WebMatrix : utilisation des Helpers Razor et de la galerie d’applications

Publié le par
Répondre

L’environnement de développement Web gratuit de Microsoft WebMatrix, intègre plusieurs outils visant à rendre facile le développement et la publication des sites Web ASP.NET et PHP.

Dans cet article, nous verrons comment utiliser les Helpers dans WebMatrix, ainsi que la galerie Web qui met à la disposition du développeur un ensemble de projets Web open source comme WordPress, Dupral, Joomla, BlogEngine ou encore DotNetNuke, qui peuvent être téléchargés, modifiés et publiés sans quitter l’environnement de développement.

Pour les exemples, ce tutoriel décrira comment intégrer des plugins de réseaux sociaux dans un site, intégrer la recherche sur le Web avec Bing et comment créer un blog WordPress à partir de WebMatrix.

Lire l’article complet sur cette page.

Création d’un formulaire Web avec ASP.NET MVC 3 et Razor.

Publié le par
1

Cela fait un moment que je développe avec ASP.NET MVC 3 en utilisant en particulier le moteur de vue Razor pour mes pages Web.

J’ai décidé en ce jour de vous montrer la puissance qu’offre le Framework ASP.NET MVC 3 et le nouveau moteur de vue ASP.NET Razor pour la création d’un formulaire Web avec validation des données.

Pour information, Razor a été introduit avec l’environnement de développement Web gratuit WebMatrix et ASP.NET MVC 3. Le but de ce nouveau moteur est de faciliter la conception des pages ASP.NET. Il introduit une syntaxe de programmation assez facilement compréhensible, qui vous permet d’insérer du code serveur dans une page Web qui peut également contenir du HTML, du CSS et des scripts JavaScript.

Je ne vais pas entrer dans les détails sur Razor, puisque je suis en train de finaliser un article sur le sujet.

Plongeons nous directement dans l’objet de ce billet de blog.

Le résultat final sera la conception d’un simple formulaire Web avec validation des données, permettant d’enregistrer des produits.

Lire la suite →