在上篇博文中提到最近比較忙,也打過招呼Orchard系列文章更新速度可能會放緩,但還是會繼續寫下去,主要原因在最近想着開發一個新的東西(系統?組件?),等有一定成果時會跟大家分享一些相關的東西,今天介紹因為這個新項目而抽空寫的一個類庫,主要是在MVC中快速使用Bootstrap的。
為什么需要封裝?
Bootstrap 使用起來非常的簡單便捷,那為什么還需要封裝呢?Bootstrap 在使用過程中無非就是一些className和javascript,在之前的MVC開發中已經習慣了@Html.TextBoxFor(model=>model.Name)這樣的語法,也會根據實體上的驗證標記進行自動驗證,而用了Bootstrap之后就享受不到這個待遇了,就算勉強在htmlAttributes參數中傳入className代碼看起來也是非常的臃腫,根據這些情況對Bootstrap的封裝是必須的了。
功能
Button、Input
主要針對目前會用到的一些控件進行了封裝,下面來看使用了這個類庫之后的視圖頁Code(由於使用了cdn方式引入css和js所以resharper會提示警告)。
運行結果
生成的HTML代碼
代碼結構
項目情況
目前該項目托管在Codeplex上並已上傳至NuGet,歡迎大家針對其它控件進行封裝。
Project Url:http://bootstrapformvc.codeplex.com/
NuGet Url:https://www.nuget.org/packages/Rabbit.Bootstrap.MVC/
NuGet Install Command:Install-Package Rabbit.Bootstrap.MVC
寫在最后
本文比較簡單,本想不針對這個寫博文的,想盡快的投入到新的項目中去,但為了方便大家還是抽空寫了一下,最后希望大家體諒KAnts放緩Orchard系列的更新進度。