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() 這裡是版面內要處理的部份

五、執行網頁