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


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM