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

标签 html css asp.net-mvc razor less

<分区>

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

设置由带有 cshtml 文件的 View 组成。我的问题是,在这种设置下,作为前端人员发展的最佳方式是什么?

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

我正在使用 less 的 bootstrap,如果这有什么用的话。另一个问题是 cshtml 文件与 Dreamweaver 不兼容,我可能只是使用纯文本编辑器,但我唯一喜欢 Dreamweaver 的地方是保存时自动上传到 FTP 功能,这节省了我大量的时间.

肯定有更好的方法来编辑这些 cshtml 文件吗?还是这种东西的最佳方式?我很好奇其他人会如何从事此类工作。

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

最佳答案

长话短说

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

更详细

据我所知,Razor .cshtml 文件仍然没有 WYSIWYG 编辑器,因此它们需要是 hand crafted .

我建议您(作为网页设计师)尽可能以纯 html 的形式向开发团队提供每个网页的 html + css 原型(prototype),(即所有具有必要类 + id 的 html 元素,也可能位于至少在 js/jquery 需要的第一遍)。此外,指出页面的公共(public)位,以便开发人员可以提取 Layouts/master pages 和 Partial Views 等。

这里的基本原理是尝试编写 .cshtml 没有什么意义,除非您有 .net 经验以及手头的 IIS 或 Cassini,因为代码需要调试。如果您在更改 html 时破坏 Razor 代码,则通过 FTP 连接到您的服务器的缺点将很明显。

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

请记住让您的 html 尽可能干净,所有样式都在 css 中。

随着时间和经验的增加,您还应该能够掌握 Razor 语法,然后您和开发团队可以转移职责,以便您就传入和传出 MVC Controller (ViewModel、ViewModel、 ViewBags, TempData, and Post data/Json 等),然后你可以自己在cshtml中布局html?

关于html - MVC Web 应用程序 - 前端开发人员的最佳工作流程?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13379527/

相关文章:

asp.net-mvc - MVC3 中带有两个可选参数的路由不起作用

html - 防止文字在小宽度的图片上

javascript - jquery 获取文件宽度

css - Devtools 不等待 less 重新编译 css

javascript - 与页面交互时图像质量下降一秒

asp.net - 正确的测试方法

javascript - 仅将类添加到一个 div

html - CSS 在 IE 9 与 IE 10 或 chrome 中的表现不同

jquery - 从提交区域中排除标签

css - 更改 bundle 文件上的 css