MVC Web应用程序-前端开发人员的最佳工作流程？

Question

我在一家网络公司工作，程序员正在开发一个目前正在使用MVC框架构建的web应用程序。作为一个前端开发人员，我需要做的html，jquery和css的这个应用程序。

设置由带有cshtml文件的视图组成。我在这里的问题是，在这种设置下，作为前端开发人员的最佳方式是什么？

我目前正在dreamweaver中打开文件，并以这种方式编辑css和html，保存并上传文件到我们的开发服务器。然后，我进入浏览器刷新，并看到我的更改。

我使用的是带有less的bootstrap，如果这有什么意义的话。另一个问题是，cshtml文件在dreamweaver上不能很好地运行，我可能只是使用一个纯文本编辑器，但我唯一喜欢dreamweaver的是保存时自动上传到FTP的功能，这为我节省了大量的时间。

当然还有更好的方法来编辑这些cshtml文件？或者这是解决这类问题的最好方法？我很想知道别人是怎么做这种工作的。

谢谢，任何意见都是非常感谢的。

Answer 1

TL;DR

• 我建议你首先做网页设计，至少以原型格式(你的可交付成果将是html和css，也许还有一些js)
• .net开发团队然后做cshtml工作，集成你的设计
• ，然后你们需要同时参与审查和修复结果

更详细的中的

目前还没有用于剃刀.cshtml文件的所见即所得编辑器，因此它们需要是hand crafted。

我建议你(作为网页设计师)为开发团队提供尽可能简单的html格式的每个网页的html + css原型(即所有具有必要的classes +id的html元素，也可能至少是所需的js / jquery的第一次传递)。另外，指出页面的公共位，以便开发人员可以提取Layouts /母版页和Partial Views等。

这里的基本原理是，除非您手头有.net经验以及IIS或Cassini，否则尝试编写.cshtml几乎没有意义，因为代码需要调试。如果您在更改html时破坏了剃刀代码，那么FTP连接到您的服务器的缺点将是显而易见的。

然后，开发团队的工作就是确保.cshtml生成的html与您的html布局相匹配。

记住保持你的html尽可能的整洁，所有的样式都在css中。

有了时间和经验，你还应该能够掌握剃刀的语法，然后你和开发团队可以转移责任，这样你就可以就传入和传出MVC控制器(ViewModels、ViewBags、TempData和Post data / Json等)的数据达成一致，然后你就可以自己在cshtml中布局html了？

Answer 2

我通常将网站设置为在我的开发PC上从IIS运行，在Visual Studio中手动编辑cshtml和css文件，并刷新我的浏览器以查看更改。

为了对css进行一些微调，我可能会在浏览器中使用Firebug或IE Developer工具栏(取决于浏览器)进行实验。

Answer 3

以下是一些建议

你可以创建一个超文本标记语言样例页面，并在你的

• 上样式它，布局文件可以很容易地在此基础上工作。如果你对服务器端的东西一点都不感兴趣，这是完美的。有很多nuget包都是以这种方式实现的。对于其他人来说，它更容易使用/消费。你不必这样做，但你可以创建一个nuget包，以便更容易地共享。如果你不知道nuget是什么，点击这个链接，你可以在mac上使用parallels http://www.parallels.com/products/desktop/，在那里使用visual studio web express和IIS

• Bootcamp测试/开发你的应用程序并不难。根据您的网速，最多可能需要一个小时。

希望这能有所帮助