Squelette HTML pour ASP .NET 7 MVC

Bonjour,

Je suis en train de m'initier à ASP .NET MVC.
Avant de me lancer et de commencer à construire mon projet, je recherche un éditeur visuel pour construire les squelettes HTML dont j'ai besoin pour toutes les pages que j'envisage de créer.

Le HTML me rebute très fortement.
J'ai besoin d'un outil qui me permette de créer mes sections, menus, tableaux, zone d'images, blocs, entêtes, sans pour autant devoir immédiatement remplir ces parties.
Je veux me faire une idée de la disposition et de l'allure de tout cela, et obtenir le squelette HTML que ça génère.
Un outil visuel, car j'ai toujours eu affreusement de mal à coder du HTML.

Ce que je trouve sur le net c'est soit des éditeurs HTML pur jus, soit des interfaces extrêmement pauvres en possibilités gratuites (et, à mon goût très moches, genre Mobirise. De la frime en somme).

Je ne cherche pas à mettre à jour ou construire une page prête à être envoyée en ligne (comme beaucoup d'éditeurs wysiwyg le proposent) mais obtenir un squelette backend que je travaillerai ensuite.

Dans une vidéo didacticiel sur ASP .NET d'une ancienne version de Visual Studio on pouvait voir une fenêtre "Design" qui faisait le job.
https://www.youtube.com/watch?v=DW8L...?v=DW8L2Vx-h0g vers 6 mn.
Dans la version 2022 que j'utilise, cette fonctionnalité semble avoir disparue.

J'espère avoir été clair, malgré mes infimes connaissances sur ASP .NET :)

Merci pour votre aide

Cette fonctionnalité est pourtant bien présente dans VS 2022.
La preuve en image sur ma version en 17.5.1 :
Pièce jointe 635105Pièce jointe 635103

A mon avis, il te manque simplement les composants nécessaires.
Il suffit de les cocher dans Visual Studio Installer.

Mais bon, construire des Views sans faire savoir comment s'organise un code HTML, c'est assez présomptueux...
C'est surtout le meilleur moyen d'avoir des problèmes sans savoir comment les résoudre.

Merci popo,

Je ne trouve pas comment obtenir cette fonctionnalité.
>Outils>Options>Concepteur Web Forms>Affichage fractionné

Mais cela ne change rien.

Clic droit sur fichier .cshtml >Ouvrir avec>Éditeur HTML (Web Forms) > Par defaut
Maintenant la fenêtre "Ouvrir avec" me permet d'Ajouter un éditeur, et je n'ai rien à lui fournir...
Ajouter un programme (Programme/Arguments/Nom convivial) j'annule.

La seule chose qui change c'est l'apparition des outils dans la boîte à outils (sous HTML).
Mais sans la vue "Design"

C'est certainement un truc bête que je n'arrive pas à faire.
VS 17.4.4

Merci

Pièce jointe 635107
Pièce jointe 635108

Pensant que cela pouvait venir du fait que j'essayais d'appliquer "Design" à des fichier .cshtml, j'ai créé un fichier vide .html.
Même problème, pas de vue Design.

Citation:

---

construire des Views sans faire savoir comment s'organise un code HTML

---

Je n'ai pas dit que je ne savais pas, j'ai dit que je détestais le HTML ;)
C'est beaucoup trop de clavier pour juste placer des trucs à des endroits souhaités d'une page.

Cela fonctionne très bien sur un CSHTML
Pas de raison.

Il y a un bug connu dans la version Community mais qui est sensé être résolu depuis la 17.0.
Ce bug masquait les volets "Design"|"Split"|"Source" si l'éditeur Html Web Form était défini par défaut.

Dans un premier temps laisse l'éditeur classique par défaut et essaie en passant par "Ouvrir avec..." SANS mettre l'éditeur Web form par défaut.

Ensuite, plusieurs pistes :
Essaie de te mettre à jour avec la dernière version.
Essaie de cocher "Développement Node.js" (même si j'y crois pa
Vérifie que dans les composant individuels (dans l'Installer) tu as bien ces options de cochées :
- Fonctionnalités ASP.NET Avancées
- ASP.NET MVC 4
- Prérequis pour le développement Web et ASP.NET
-Editeur DGML (dans le doute car chez moi il est coché)

Citation:

---

Envoyé par AMP29

Je n'ai pas dit que je ne savais pas, j'ai dit que je détestais le HTML ;)
C'est beaucoup trop de clavier pour juste placer des trucs à des endroits souhaités d'une page.

---

Il y arrive un moment où le glisser déplacer ne suffit pas et où il faut bien mettre les mains dans le cambuis.

J'ai tout fait comme tu as dit :
- J'ai remis l'éditeur classique par défaut
- J'ai mis à jour en version 17.5.1
- J'ai coché "Développement Node.js"
- J'ai vérifié :

• - Fonctionnalités ASP.NET Avancées (n'y était pas)
• - ASP.NET MVC 4 (n'y était pas)
• - Prérequis pour le développement Web et ASP.NET (OK)
• - Éditeur DGML (n'y était pas)

J'ai ensuite arrêté mon ordi, puis redémarré.

Ça ne fonctionne toujours pas.

La boîte à outils s'affiche si je demande éditeur "web forms", mais pas la page Design ni le menu "fractionner, source, Design" dessous.

Je n'y arrive toujours pas.
Une réparation de Visual Studio n'a rien donné.

J'ai ouvert un ticket chez Microsoft.
https://developercommunity.visualstu...6-b0e24be0c9d9

Ce problème a été reporté tout récemment chez Microsoft (le 23 janvier) et la personne a résolu son problème en réparant Visual Studio.
Je n'ai pas eu cette chance.

Une petite nouveauté.

Quand je créé une nouvelle page HTML vide par Fichier>Nouveau...>Fichier et que je sélectionne à l'initialisation "Ouvrir avec" Web Forms
Pièce jointe 635167

Cela fonctionne ! "Fractionner/Design/Source" apparaît.
Cela fonctionne aussi avec une page .aspx

Sauf que ces nouvelles pages sont absentes de l'arborescence de l'explorateur de solution (et la recherche ne les trouve pas).
Si je les ferme, je ne peux plus les retrouver.
Si je veux en créer une nouvelle avec le même nom, VS me dit qu'elles existent déjà.
Une nouvelle page HTML créée sans choisir "Web Forms" lors de sa création, ne s'affiche pas en mode design, et, n'étant nulle part, je ne peux pas lui appliquer la vue "Web Forms".

Et toujours aucune vue Web Forms pour les pages .cshtml générées par le projet.
Ni pour une nouvelle (.cshtml) vue que j'aurais créée, qui elle, par contre, s'affiche correctement dans l'explorateur de solution.

L'architecture MVC serait-elle responsable de ce genre de fonctionnement ?

Je viens de reproduire ton problème.

Je créée un projet de type MVC en Framework 4.8, j'ai accès au designer
Je créée un projet de type MVC en Core 6, je n'ai plus accès au designer

Tu as aussi ce comportement ?
Si oui, précise le dans ton ticket à Microsoft pour les aiguiller.

Cool ! Merci popo.

Citation:

---

Je créée un projet de type MVC en Framework 4.8, j'ai accès au designer
Je créée un projet de type MVC en Core 6, je n'ai plus accès au designer

---

Je n'ai pas accès au framework 4.8. Même en l'installant.
Il n'apparaît pas dans les options quand je créé ou modifie un projet MVC.

Il me le propose uniquement pour une appli Windows que j'ai développé.

J'ai essayé avec le core 3.1, le .NET 5.0. Le problème est toujours présent.

Je communiquerai quand même tes infos dans le ticket.
Elles seront sûrement intéressantes pour Microsoft.

Tu ne peux pas passer un projet de Framework à Core et encore moins l'inverse.
Les deux ne sont pas compatibles.

Donc même si tu créé un nouveau projet MVC, si tu choisis un projet de type .Net Core, tu ne pourra pas choisir une version .Net Framework, et vice-versa

Lorsque tu installes le Framework 4.8 (pas simplement le runtime mais bien le pack développeur), cela te propose deux versions pour ton application MVV.
Une en CORE (en premier) et ensuite celle en Framework.
Pièce jointe 635283

Étrange, nous n'avons pas les mêmes options.

VS 2022 ne me propose que ces quatre choix là :

Pièce jointe 635297

J'ai pourtant bien installé les deux options du Framework 4.8, runtime et développeur.
Les mots clés "framework MVC" ne donnent rien non plus.

Le ticket chez Microsoft a été actualisé, il est à l'étude.

Je ne suis pas certain que d'essayer d'utiliser le designer de microsoft qui date des webforms et probablement plus mis à jour depuis longtemps soit le plus efficace.

Peut-être qu'un outil tiers tel que https://webflow.com/designer pourrait mieux convenir ?

Merci micka132,
J'ai testé un peu webflow.
Tout devient rapidement payant, pour un peu qu'on se prenne au jeu d'espérer le template le plus proche possible de ce qu'on recherche.
Je n'ai pas vu comment récupérer ensuite le template brut.
Le lien de publication nécessite de fournir un nom de domaine pour envoi direct en ligne.

Mais je vais continuer à suivre cette piste en attendant la résolution du problème sur VS, et essayer de trouver une appli (en local) qui facilite la création de template que je pourrai intégrer à VS.

La mise à jour VS 17.5.2 n'a pas résolu ce problème.

Je vais peut-être enfin pouvoir débuter mon projet.

Le mode design ne doit pas fonctionner sur VS 2022 .Net 7.

J'ai créé un projet avec VS 2019 16.11.24 Framework 4.8 et ça fonctionne.

Pièce jointe 636049
Pièce jointe 636050
Pièce jointe 636051
Pièce jointe 636052

Citation:

---

Je créée un projet de type MVC en Framework 4.8, j'ai accès au designer
Je créée un projet de type MVC en Core 6, je n'ai plus accès au designer

---

C'est tout à fait ça. :)