在ASP.NET MVC中來實(shí)現(xiàn)主題的切換一般有兩種方式,一種是通過切換皮膚的css和js引用,一種就是通過重寫視圖引擎。通過重寫視圖引擎的方式更加靈活,因?yàn)槲也粌H可以在不同主題下面布局和樣式不一樣,還可以讓不同的主題下面顯示的數(shù)據(jù)條目不一致,就是說可以在某些主題下面添加一下個(gè)性化的東西。
本篇我將通過重寫視圖引擎的方式來進(jìn)行演示,在這之前,我假設(shè)你已經(jīng)具備了MVC的一些基礎(chǔ),系統(tǒng)登錄后是默認(rèn)主題,當(dāng)我們點(diǎn)擊切換主題之后,左側(cè)菜單欄的布局變了,右側(cè)內(nèi)容的樣式也變了,而地址欄是不變的。界面UI用的metronic,雖然官網(wǎng)是收費(fèi)的,但是在天朝,總是可以找到免費(fèi)的。官方地址:http://keenthemes.com/preview/metronic/
我們先來看下效果:
在這里,我使用了分區(qū)域、分模塊(按獨(dú)立的業(yè)務(wù)功能劃分)的方式,一個(gè)模塊就是一個(gè)獨(dú)立的dll,在這里Secom.Emx.Admin和Secom.Emx.History就是兩個(gè)獨(dú)立的模塊,并分別創(chuàng)建了區(qū)域Admin和History。
你會(huì)發(fā)現(xiàn)Secom.Emx.Admin模型下面的Areas目錄和Secom.Emx.WebApp中的目錄是一模一樣的,其實(shí)我最初不想在模塊項(xiàng)目中添加任何的View,但是為了方便獨(dú)立部署還是加了。右鍵單擊項(xiàng)目Secom.Emx.Admin,選擇“屬性”——“生成事件”添加如下代碼:
xcopy /e/r/y $(ProjectDir)Areas\Admin\Views $(SolutionDir)Secom.Emx.WebApp\Areas\Admin\Views
這命令很簡(jiǎn)單,其實(shí)就是當(dāng)編譯項(xiàng)目Secom.Emx.Admin的時(shí)候,將項(xiàng)目中的Views復(fù)制到Secom.Emx.WebApp項(xiàng)目的指定目錄下。
區(qū)域配置文件我放置到了Secom.Emx.WebApp中,其實(shí)你完全可以獨(dú)立放置到一個(gè)類庫項(xiàng)目中,因?yàn)樽?cè)區(qū)域路由的后,項(xiàng)目最終會(huì)尋找bin目錄下面所有繼承了AreaRegistration類的,然后讓W(xué)eb