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

KAnts發表於2014-06-03

在上篇博文中提到最近比較忙,也打過招呼Orchard系列文章更新速度可能會放緩,但還是會繼續寫下去,主要原因在最近想著開發一個新的東西(系統?元件?),等有一定成果時會跟大家分享一些相關的東西,今天介紹因為這個新專案而抽空寫的一個類庫,主要是在MVC中快速使用Bootstrap的。

為什麼需要封裝?

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

功能

Button、Input

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

image

執行結果

image

生成的HTML程式碼

image

程式碼結構

image

專案情況

目前該專案託管在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系列的更新進度。

相關文章