46

我想大多数使用 Visual Studio 的人在创建他们的第一个 ASP.NET MVC 项目时都会有我同样的反应:设计视图在哪里结束?

在 Visual Studio 中使用经典 Web 窗体开发应用程序时,设计视图非常方便,它可以帮助您在网页中创建用户控件和其他组件,只需将项目从工具箱拖放到设计页面。虽然它不允许定位和高级样式,但 Dreamweaver 却可以,但如果您想避免痛苦的 HTML 格式和 CSS 样式(或者您对 HTML 不了解),它是一个非常有用的功能。

有没有办法使用图形设计师创建视图布局,然后将设计与视图的“逻辑”部分(使用模型从/向控制器填充/提交数据的部分)集成?

4

4 回答 4

27

我想大多数使用 Visual Studio 的人在创建他们的第一个 ASP.NET MVC 项目时都会有我同样的反应:设计视图在哪里结束?

一点也不。就我个人而言,我从未在经典的 Web 表单中使用过设计视图,当我迁移到 MVC 时,它并没有真正产生任何影响。不仅如此,再使用它也没有任何意义。我很高兴没有设计师再弄乱我的代码了。Intellisense 让我头疼不已,如果你使用的设计器触及幕后代码,事情就会变得一团糟。我所需要的只是使用 Intellisense 来完成标签并理想地理解 HTML5。

就设计网页而言,您可以看看Expression tools

于 2011-04-11T14:46:54.970 回答
19

是的,我有同样的反应,来自网络表单背景。我需要图形设计师的不断反馈,让我知道我的代码有什么效果。学习 MVC 本身就是一个足够大的学习曲线,而不必蒙着眼睛。

现在已经 4 年了,我不介意说 Page Inspector 是 VS 2013 内置的。如果您在 2015 年仍在使用 VS 2010,我只能说,如果您升级,您将永远不会回头。

只需右键单击代码并选择View in Page Inspector。检查器中有一个检查按钮,您可以使用它来查看设计元素在代码中的位置。它可以为您节省时间。

编辑

看起来他们从 Visual Studio 2015 中删除了它,甚至没有费心发布解释原因。嗯...如果我找到第 3 方解决方案,我会更新这个。

于 2015-04-11T04:32:45.267 回答
7

我认为他们正在将其作为 Expression Blend 5 Developer Preview的一项功能。

他们清楚地认识到在设计器中设计 JS 的问题,所以我怀疑他们意识到这同样适用于一些从事 MVC 应用程序的设计师。

微软的某个人告诉我“我认为在 Blend for HTML 中,使用交互模式,你可能会很好地设计 MVC 或 MVVM 模式”

另请查看Visual Studio Page Inspector,它看起来会执行所需的操作

现在在 VS2013 或更高版本中使用带有BrowserLink的 WebEssentials

于 2011-10-14T13:59:01.093 回答
7

如果您正在寻找设计师来获得 HTML/cshtml 更改的即时反馈,这可以通过 Visual Studio 中的 BrowserLink 功能来实现。启动浏览器并点击您当前正在设计的页面/视图,当您对标记/cshtml 进行任何更改时,点击 Visual Studio 中的刷新按钮,对代码所做的更新将立即推送到浏览器。

其他替代方法是使用 Chrome 开发人员工具 (F12) 并使用“编辑为 Html”功能。

我知道这些替代方案并不像 Visual Studio 中的原生设计器视图支持那样丰富,但这些是一些实际的解决方法。

于 2016-10-16T05:00:52.240 回答