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

標籤：c   style   class   blog   code   java   

在上篇博文中提到最近比較忙，也打過招呼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系列的更新進度。