web-dev-qa-db-fra.com

Existe-t-il un concepteur graphique pour ASP.NET MVC?

Je suppose que la plupart des gens qui utilisent Visual Studio ont eu la même réaction lorsqu'ils ont créé leur premier projet ASP.NET MVC: où est passé Design View?

Lorsque vous utilisez des formulaires Web classiques pour développer une application dans Visual Studio, le Design Design est vraiment pratique, il vous aide à créer des contrôles utilisateur et d'autres composants dans votre page Web en faisant simplement glisser-déposer l'élément de la boîte à outils à la page de conception. Bien qu'il ne permette pas le positionnement et le style avancé, comme Dreamweaver le fait à la place, c'est une fonctionnalité vraiment utile si vous voulez éviter un formatage HTML et un style CSS pénibles (ou si vous n'avez pas une bonne connaissance du HTML).

Existe-t-il un moyen d'utiliser un graphiste pour créer la disposition de la vue, puis d'intégrer la conception à la partie "logique" de la vue (celle qui utilise le modèle pour remplir/soumettre les données depuis/vers le contrôleur)?

40
CiccioMiami

Je suppose que la plupart des gens qui utilisent Visual Studio ont eu la même réaction lorsqu'ils ont créé leur premier projet ASP.NET MVC: où est arrivée la vue de conception?

Pas du tout. Personnellement, je n'ai jamais utilisé la vue de conception dans les formulaires Web classiques et lorsque j'ai migré vers MVC, cela n'a pas vraiment fait de différence. Et non seulement cela, cela n'a plus de sens de l'utiliser. Je suis très heureux qu'il n'y ait plus de concepteur qui dérange mon code. J'ai assez de maux de tête avec Intellisense, si vous utilisez un concepteur qui touche le code dans les coulisses, les choses deviendront désordonnées. Tout ce dont j'ai besoin est de travailler Intellisense qui complète les balises et comprend idéalement HTML5.

En ce qui concerne la conception de pages Web, vous pouvez jeter un œil aux Outils d'expression .

25
Darin Dimitrov

Oui, j'ai eu la même réaction, venant d'un arrière-plan de formulaires Web. J'ai besoin de la rétroaction constante d'un concepteur graphique pour me faire savoir quel effet mon code a. Apprendre MVC est une courbe d'apprentissage assez grande en soi sans avoir à le faire les yeux bandés.

Maintenant que c'est 4 ans plus tard, cela ne me dérange pas de dire que Page Inspector est intégré à VS 2013. Si vous utilisez toujours VS 2010 en 2015, tout ce que je peux dire, c'est que si vous mettez à niveau, vous ne regarderez jamais en arrière.

Faites un clic droit sur le code et choisissez Afficher dans l'inspecteur de page . Il y a un bouton Inspecter dans l'inspecteur que vous pouvez utiliser pour voir où un élément de la conception se trouve dans le code. Cela peut vous faire gagner beaucoup de temps.

MODIFIER

Et il semble qu'ils l'aient supprimé de Visual Studio 2015 et n'ont même pas pris la peine de publier une explication pour expliquer pourquoi. Smh ... Je mettrai à jour cela si je trouve une solution tierce.

16
toddmo

Je pense qu'ils travaillent là-dessus en tant que fonctionnalité pour Expression Blend 5 Developer Preview .

Ils reconnaissent clairement le problème de la conception de JS dans le concepteur, donc je soupçonne qu'ils réalisent que la même chose s'applique à certains concepteurs travaillant sur des applications MVC.

Quelqu'un de Microsoft m'a dit "Je pense que dans Blend for HTML, en utilisant le mode interactif, vous seriez probablement très bien avec la conception de modèles MVC ou MVVM"

Vérifiez également Visual Studio Page Inspector il semble qu'il fera ce qui est nécessaire

Utilisez maintenant WebEssentials avec BrowserLink dans VS2013 ou version ultérieure

7
GraemeMiller

Si vous recherchez un concepteur pour obtenir un retour instantané des modifications HTML/cshtml, cela peut être réalisé par la fonctionnalité BrowserLink dans Visual Studio. Lancez le navigateur et appuyez sur la page/vue que vous êtes en train de concevoir et lorsque vous apportez des modifications au balisage/cshtml, appuyez sur le bouton d'actualisation dans Visual Studio, les mises à jour apportées au code seront immédiatement transmises au navigateur.

Une autre alternative consiste à utiliser Chrome Outils de développement (F12) et à l'aide de la fonction "Modifier en HTML".

Je sais que ces alternatives ne sont pas riches en tant que prise en charge de la vue de concepteur natif dans Visual Studio, mais ce sont quelques solutions pratiques.

6