4

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

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

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

如果这很重要,我正在使用更少的引导程序。另一个问题是cshtml文件与dreamweaver不兼容,我可能只是使用纯文本编辑器,但我喜欢dreamweaver的唯一一点是自动上传到FTP的保存功能,这节省了我很多时间.

当然有更好的方法来编辑这些 cshtml 文件吗?或者是这种东西的最佳方式?我很想知道其他人会如何去做这种工作。

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

4

3 回答 3

6

TL;博士

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

更详细

AFAIK 仍然没有 Razor.cshtml文件的 WYSIWYG 编辑器,因此它们需要手工制作

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

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

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

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

随着时间和经验的积累,您还应该能够掌握剃刀语法,然后您和开发团队可以转移职责,以便您就传入和传出 MVC 控制器(ViewModels、ViewBags、TempData)的数据达成一致, 和 Post data / Json 等),然后你可以自己布局html cshtml

于 2012-11-14T13:37:16.737 回答
1

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

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

于 2012-11-14T13:16:56.213 回答
0

这里有几个建议

  • 您可以在 Mac 上创建 HTML 示例页面并对其进行样式设置,以后可以轻松地在此基础上处理布局文件。如果您对服务器端的东西根本不感兴趣,这是完美的。以这种方式完成的样式有很多 nuget 包。其他人更容易使用/消费。您不必这样做,但您可以创建一个 nuget 包以便于共享。如果您不知道 nuget 是什么,请查看此链接http://docs.nuget.org/

  • 您可以在 Mac 上的 Windows 上使用并行http://www.parallels.com/products/desktop/ 并使用 Visual Studio Web Express 和 IIS 在那里测试/开发您的应用程序

  • 训练营并不难。根据您的网速,最多可能需要一个小时。

希望这可以帮助

于 2012-11-14T14:27:34.370 回答