2012-11-14 20 views
4

我爲一家網絡公司工作,程序員正在研究當前正在使用MVC框架構建的Web應用程序。作爲一名前端開發人員,我將需要爲此應用程序完成html,jquery和css。MVC Web應用程序 - 爲前端開發人員提供最佳工作流程?

該設置包含cshtml文件的視圖。這裏我的問題是用這種方式發展成爲前端傢伙的最佳方式是什麼?

我目前在Dreamweaver中打開文件,並以這種方式編輯css和html,保存並上傳文件到我們的開發服務器。然後我進入瀏覽器刷新並查看我的更改。

我使用較少的bootstrap,如果這對任何事情都很重要。另一個問題是,cshtml文件不適用於Dreamweaver,我可能只是使用純文本編輯器,但我唯一喜歡dreamweaver的是自動上傳到FTP保存功能,這可以節省我的時間。

當然有更好的方法去編輯這些cshtml文件?或者是這種東西的最佳方式?我很好奇聽到別人會怎麼做這樣的工作。

謝謝,任何輸入,非常感謝。

回答

6

TL; DR

  • 我會建議你做網頁設計第一,至少在 原型格式(你的成果將是HTML和CSS,也許 一些JS)
  • .net開發團隊然後做cshtml工作,集成您的設計
  • 然後您需要在審查和修復 結果

更詳細

AFAIK還有很大的剃刀.cshtml文件沒有所見即所得的編輯器,所以他們需要hand crafted

我會建議你(作爲網頁設計師)爲每個網頁的html + css原型提供開發團隊,儘可能使用純html,(即所有html元素都帶有必需的類+ id,也可能需要至少第一次通過js/jquery)。此外,指示頁面的常見位,這樣的開發可以提取Layouts /母版頁和Partial Views

這裏的理由是,有在試圖代碼.cshtml小點,除非你有.NET經驗以及因爲代碼需要調試,因此需要手動安裝IIS或Cassini。如果你在改變html的同時打破了剃刀代碼,那麼FTP到你的服務器的缺點就顯而易見了。

然後,它成爲開發團隊的工作,以確保.cshtml生成的html匹配您的html佈局。

記住儘可能保持您的html儘可能乾淨,所有的樣式在CSS中。隨着時間和經驗,你也應該能夠掌握剃刀的語法,然後你和開發團隊可以轉移責任,以便你同意傳遞到MVC控制器和從MVC控制器傳遞的數據(ViewModels ,ViewBags,TempData和Post data/Json等),然後你可以自己編寫HTML代碼cshtml

+1

+1 expecially的最後一行。 –

+2

偉大的答案,這是我們如何做到這一點。 – twaldron

+1

謝謝斯圖爾特,很好的解釋。 – rowefx

1

我通常會將網站設置爲在我的開發PC上從IIS運行,手動編輯Visual Studio中的cshtml和css文件並刷新瀏覽器以查看更改。

對於css的一些微調,我可能會在瀏覽器中使用Firebug或IE Developer工具欄(取決於瀏覽器)進行實驗。

+0

感謝您的回答,可惜我在Mac上並不能得到一個IIS放在這裏,除非我去通過訓練營等 – rowefx

0

這裏有幾個建議

  • 您可以在Mac上創建一個HTML頁面樣品和風格吧,佈局文件可以基於後易於加工。如果你對服務器端的東西不感興趣,這是完美的。有很多用這種方式完成的樣式的nuget包。對其他人使用/消費更容易。你不必,但你可以創建一個nuget包,更容易分享。如果你不知道是什麼的NuGet,檢查此鏈接http://docs.nuget.org/

  • 可以使用相似之處http://www.parallels.com/products/desktop/在Mac和測試Windows /有開發自己的應用程序使用Visual Studio的網絡表達和IIS

  • 訓練營是不是硬。根據您的淨速度,最多可能需要一個小時。

希望這有助於

相關問題