LoginSignup
7

More than 5 years have passed since last update.

.net MVC とAdminLTE-2.3.0を使ってスマートでリッチな画面を作る [ 前準備 ]

Last updated at Posted at 2015-12-03

★若葉組のつぶやき★ Advent Calendar 2015 の3日目を担当します!

BootstrapのAdminLTE-2.3.0を.netMVCへ組み込みます。
P001.png
AdminLTE-2.3.0 の入手はこちら
AdminLTE-2.3.0 を触ってみるならこちら

構築環境

・AdminLTE-2.3.0
・Visual Studio 2015
・.NET Framework4.6
・.NET MVC5

前準備その1 Visual Studioで新しいプロジェクトの作成

・「C#」で「ASP.NET Webアプリケーション」を選択
・テンプレートは「Enpty」を選択
・フォルダおよびコア参照は「MVC」「Web API」にチェックを入れる
1202_03.png

前準備その2 コントローラーとビューの準備

・コントローラー→ビューの順でファイルを作成
・コントローラーを作成→「MVC5コントローラー空」を選択
・コントローラー名は「Home」
・自動生成された「Home」フォルダにビューを作成
・ビュー名は「Index」で、「レイアウトページの使用」のチェックはそのまま。
※ビューを作るとスタイルシートやスクリプトファイルが自動生成されますが、今は無視します。
そのまま実行するとこんな感じになります。
1202_04.PNG

前準備その3 bootstrap サンプルの準備

AdminLTE-2.3.0をローカルにダウンロード/解凍しておきます。

次回は組み込み編

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7