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

row*_*efx 4 html css asp.net-mvc less razor

我在一家网络公司工作,程序员正在开发一个目前正在使用MVC框架构建的Web应用程序.作为前端开发人员,我将需要为此应用程序执行html,jquery和css.

该设置包含带有cshtml文件的视图.我在这里的问题是,作为这种设置的前端人员,最好的方法是什么?

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

如果这对任何东西都很重要,我使用较少的bootstrap.另一个问题是cshtml文件与dreamweaver不太合适,我也可能只是使用纯文本编辑器,但我唯一喜欢Dreamweaver的是自动上传到FTP保存功能,这节省了我的时间.

当然有更好的方法来编辑这些cshtml文件?或者是这种东西的最佳方式?我很好奇听到其他人会怎么做这种工作.

谢谢,非常感谢任何输入.

Stu*_*tLC 6

TL; DR

  • 我建议你首先进行网页设计,至少是原型格式(你的可交付成果将是html和css,也许还有一些js)
  • 然后.net开发团队完成cshtml工作,整合您的设计
  • 然后,您需要在审核和修复结果期间参与其中

更详细

AFAIK还没有用于Razor .cshtml文件的WYSIWYG编辑器,所以它们需要手工制作.

我建议你(作为网页设计师)尽可能以简单的html为开发团队提供每个网页的html + css原型(即所有html元素都带有必要的类+ id,也可能至少是第一个通过js/ jquery需要).此外,指出页面的公共位,以便开发人员可以提取Layouts/掌握页面Partial Views等.

这里的基本原理是尝试编码没有什么意义,.cshtml除非你有.net经验以及IIS或Cassini,因为代码需要调试.如果你在更改html时破坏剃刀代码,那么FTP到服务器的缺点将是显而易见的.

然后它成为开发团队的工作,以确保.cshtml匹配您的html布局生成的HTML.

请记住尽可能保持html的干净,并使用css中的所有样式.

有了时间和经验,您还应该能够掌握剃刀语法,然后您和开发团队可以转移职责,以便您同意传入和传出MVC控制器的数据(ViewModels,ViewBags,TempData) ,和发布数据/ Json等),然后你可以cshtml自己布局html ?

  • 很好的答案,这就是我们这样做的方式. (2认同)