跳到主要內容

asp.net core 整合 bootstrap 第三方套件 AdminLTE

過去開發asp.net、asp.net mvc,曾經透過layout 或是 masterpage 設定bootstrap的RWD 模板,並且調用其他非官方的plugin 進行開發測試

同樣 asp.net core 的開發上,將來也會有相同的需求,因此也是透過之前使用的AdminLTE進行開發,這在官網也有最新版本的範本demo
https://adminlte.io/themes/dev/AdminLTE/index.html

一、下載AdminLTE
筆者在開發上,所使用的是如圖中這兩個版本






二、建立Asp.Net Core 專案
首先透過命令列,在專案資料夾建立一個Asp.Net Core的MVC專案
D:\ASpNetCoreMvc1\dotnet new mvc


三、Asp.Net Core 檔案配置
接著依據AdminLTE-master 的架構,進行靜態檔案的配置

在asp.net core 的靜態檔案架構上,跟過去在asp.net 的方法也有很大的變革,這個必須配置在wwwroot的資料夾,所以筆者將套件包的檔案下載後,直接複製到wwwroot進行設定
































內部有些檔案是我自己另外寫的,但大致結構仍以RWD為主的配置。另外如果靜態檔案未配置於wwwroot資料夾,網頁執行後將無法執行css及js

四、進行Layout檔案配置更新
回歸到版面配置重點,在 _Layout 的靜態檔案版面配置方式,其實與asp.net 沒有太大的改變





















@RenderBody() 這裡是版面內要處理的部份

五、執行網頁

留言

這個網誌中的熱門文章

右昌的古厝、老街坊

Python 類別擴充方法

最近在使用 Python 的集合物件進行資料處理, 過程中發現某些時候,需要另外撰寫方法取得特定資料,例如 def fill_tag_data ():     for i in range ( 0 , 999 ):         tag = {}         tag[ "TagNo" ] = '5' + '{0:0>3}' .format(i)         tag[ "TagName" ] = '5' + '{0:0>3}' .format(i)         TagData.append(tag) TagData = [] # 定義為 list 集合 def first_element (pList):     if len(pList) > 0:         return pList[ 0 ]     else :         return { "TagNo" : "5000" , "TagName" : "5000" } 其中 first_element 是定義用來取得 list 的第一筆記錄的方法,需透過 first_data = first_element(TagData) 進行操作,當然也可以透過 TagData[0] ,得到第一筆記錄 但美中不足的是,我們必須確定 TagData 這個 list 的長度大於 0 ,才能夠取得 TagData[0] 因此在取回 TagData[0] 以前,會另外撰寫判別式 if(len(TagData)>0):      none 於是...

大社老街屋巡禮

  這座三合院的馬背雕飾蠻細工的 上面兩幢的側牆馬背,都有特別的雕飾,這是常見的三合院風格 在我走回程往我家的方向,又看到幾座大院,後頭都是現代化的樓房 這座三合院蠻有規模的,院子邊還有一座古井,也很有歷史了 這是舊三合院的側屋殘壁,屋頂損壞後就沒再修護了 三合院的側牆 走到了三奶里,這邊就有三座古厝 大社最有名的巫家老厝,老厝是在大社的市中心,黃昏市場外面 老厝的院子保存的很完整 大院的右側一角 老厝的左側小旁門 巫家老厝外院 這座古厝在大社三奶里也蠻有名的 大瓦厝的側邊外牆 房子外牆很典雅,搭配裡面有層次的老建物 房子後頭的一塊小田地,有點像我以前屏東阿嬤家的古厝風格 這個景色很像油畫上面看到的,這區塊的古厝週邊都蓋滿了樓房 走到了大社觀音里後可以看到密集的巷弄老房 巷底的老房子,窗戶上緣有雕花裝飾 老三合院的正廳 巷弄邊老房子一角 在街上看到老房子常常有這個廣告 老巷弄與老房,搭配著新跑車 觀音里的老巷弄三合院