Bootstrap for MVC:Html.Bootstrap().TextBoxFor(model=>model.Name)

在上篇博文中提到最近比較忙,也打過招呼Orchard系列文章更新速度可能會放緩,但仍是會繼續寫下去,主要緣由在最近想着開發一個新的東西(系統?組件?),等有必定成果時會跟你們分享一些相關的東西,今天介紹由於這個新項目而抽空寫的一個類庫,主要是在MVC中快速使用Bootstrap的。javascript

爲何須要封裝?

Bootstrap 使用起來很是的簡單便捷,那爲何還須要封裝呢?Bootstrap 在使用過程當中無非就是一些className和javascript,在以前的MVC開發中已經習慣了@Html.TextBoxFor(model=>model.Name)這樣的語法,也會根據實體上的驗證標記進行自動驗證,而用了Bootstrap以後就享受不到這個待遇了,就算勉強在htmlAttributes參數中傳入className代碼看起來也是很是的臃腫,根據這些狀況對Bootstrap的封裝是必須的了。css

功能

Button、Inputhtml

主要針對目前會用到的一些控件進行了封裝,下面來看使用了這個類庫以後的視圖頁Code(因爲使用了cdn方式引入css和js因此resharper會提示警告)。java

image

運行結果bootstrap

image

生成的HTML代碼mvc

image

代碼結構

image

項目狀況

目前該項目託管在Codeplex上並已上傳至NuGet,歡迎你們針對其它控件進行封裝。code

Project Url:http://bootstrapformvc.codeplex.com/orm

NuGet Url:https://www.nuget.org/packages/Rabbit.Bootstrap.MVC/cdn

NuGet Install Command:Install-Package Rabbit.Bootstrap.MVChtm

寫在最後

本文比較簡單,本想不針對這個寫博文的,想盡快的投入到新的項目中去,但爲了方便你們仍是抽空寫了一下,最後但願你們體諒KAnts放緩Orchard系列的更新進度。

相關文章
相關標籤/搜索