web-dev-qa-db-ja.com

ASP.NET MVCのグラフィカルデザイナーはいますか?

Visual Studioを使用するほとんどの人は、最初のASP.NET MVCプロジェクトを作成したときに同じ反応を示したと思います。デザインビューはどこで終わりましたか?

クラシックWebフォームを使用してVisual Studioでアプリケーションを開発する場合、デザインビューは本当に便利です。ツールボックスからアイテムをドラッグアンドドロップするだけで、Webページにユーザーコントロールやその他のコンポーネントを作成できます。設計ページへ。 Dreamweaverのように配置と高度なスタイリングは許可されていませんが、苦痛なHTML書式設定とCSSスタイリングを避けたい場合(またはHTMLの十分な知識がない場合)は、非常に便利な機能です。

グラフィックデザイナーを使用してビューレイアウトを作成し、ビューの「ロジック」部分(モデルを使用してコントローラーにデータを入力/送信するもの)とデザインを統合する方法はありますか?

40
CiccioMiami

Visual Studioを使用するほとんどの人は、最初のASP.NET MVCプロジェクトを作成したときと同じ反応を示したと思います。デザインビューはどこで終わったのでしょうか。

どういたしまして。個人的には、クラシックWebフォームでデザインビューを使用したことはありませんでした。MVCに移行しても、実際には何の違いもありませんでした。これだけでなく、もう使用する意味がありません。私のコードをいじるデザイナーがいなくなってとてもうれしいです。 Intellisenseで頭痛の種がたくさんあります。舞台裏でコードに触れるデザイナーを使用すると、物事が面倒になります。必要なのは、タグを完成させ、HTML5を理想的に理解するIntellisenseを使用することだけです。

Webページの設計に関する限り、 Expression tools をご覧ください。

25
Darin Dimitrov

はい、ウェブフォームのバックグラウンドから来た同じ反応がありました。私のコードがどのような影響を与えているかを知らせるために、グラフィカルデザイナーの絶え間ないフィードバックが必要です。 MVCの学習は、目隠しをしなくても、それ自体で十分に大きな学習曲線です。

4年後、Page InspectorがVS 2013に組み込まれていると言っても構いません。2015年にまだVS 2010を使用している場合は、アップグレードしても後戻りできないということしか言えません。

コードを右クリックして、ページインスペクターで表示を選択します。インスペクターにはInspectボタンがあり、デザインの要素がコード内のどこにあるかを確認するために使用できます。これにより、ボークーの時間を節約できます。

[〜#〜] edit [〜#〜]

そして、彼らはそれをVisual Studio 2015から削除し、その理由に関する説明を投稿することすらしなかったようです。 Smh ...サードパーティのソリューションが見つかった場合、これを更新します。

16
toddmo

Expression Blend 5 Developer Preview の機能として、彼らはそれに取り組んでいると思います。

彼らはデザイナーでJSを設計する問題を明確に認識しているので、MVCアプリケーションで作業している一部のデザイナーにも同じことが当てはまると思います。

Microsoftの誰かから「インタラクティブモードを使用したBlend for HTMLでは、おそらくMVCまたはMVVMパターンの設計で十分だと思う」と言われました。

また、チェックアウト Visual Studio Page Inspector 必要なことを行うようです

VS2013以降で BrowserLink でWebEssentialsを使用するようになりました

7
GraemeMiller

HTML/cshtmlの変更について即座にフィードバックを得るデザイナーを探している場合、これはVisual StudioのBrowserLink機能によって実現できます。ブラウザーを起動し、現在設計中のページ/ビューをヒットし、マークアップ/ cshtmlに変更を加えると、Visual Studio内の更新ボタンを押すと、コードに加えられた更新がブラウザーにすぐにプッシュされます。

他の代替方法は、Chrome開発者ツール(F12)を使用し、「HTMLとして編集」機能を使用することです。

これらの代替はVisual Studioのネイティブデザイナービューのサポートとして豊富ではないことを知っていますが、これらは実用的な回避策です。

6