2016年8月24日水曜日

ASP.NET MVC5 (VB) + SQLServer 【その1】

ASP.NET MVC5 (VB) + SQLServer 【その1 プロジェクト作成~CRUD生成】

<やりたいこと>
ASP.NET NVC5にて、
・データのメンテナンス機能
・データの帳票出力機能
を作ってみたい。

<本投稿で行うこと>
特定のテーブルのメンテナンス画面を作成(自動生成)する。
いわゆる「コードファースト」のスタイルではなく、すでにテーブルが定義されていて、データも存在するデータベース(SQLServer)を操作する。

<開発環境>
・Visual Studio 2015 Community 2015
・SQLServer2008R2

<手順>
  1. プロジェクトの作成
    新しいプロジェクトを作成「ASP.NET Web アプリケーション」


    「MVC」のテンプレートを選択。Azureへの配置はしない。
  2. モデルを生成
    ソリューションエクスプローラーの「Models」のフォルダを右クリック => 「追加」 => 「新しい項目」 =>「ADO.NET Entity Data Model」を選択



    「データベースからCode First」を選択


    データ接続の選択 「新しい接続」を押す


    データベースの接続情報を入力して「OK」


    作成したデータ接続を選択。重要情報は接続文字列に含めてみた。「次へ」を押す


    対象とするテーブルを選択して「完了」


    モデルが自動生成された。
    ここで一旦ビルドしておく。
  3. CRUD自動生成
    ソリューションエクスプローラーのControllersフォルダを右クリックし「追加」 => 「新規スキャフォールディングアイテム」


    「Entity Framework を使用した、ビューがある MVC 5 コントローラー」を選択


    モデルクラスに先ほど作成したModelの任意のものをチョイス。
    データコンテキストクラスにもModelの項で作成したものをチョイス。
    「追加」を押す。上手くいけば、コントローラーとビューが自動生成されます。
  4. 動作確認
    再生ボタンを押して、プログラムを実行jしブラウザで動作確認します。


    ブラウザにトップページが表示されます。


    先ほど作成したコントローラーのパスを開きます。
    もともと「http://localhost:○○○○○/」と出ていたURLに、コントローラー名(名前の「Controller」の部分を除く)を加え「http://localhost:○○○○○/コントローラー名」を入力します。


    テーブルの一覧が表示されたら成功です。Create、Edit、Details、Deleteが動作することが確認できます。

0 件のコメント:

コメントを投稿