ASP.NET(VB.NET) MVCモデル入門～ViewModelの使い方

2022年7月18日

ViewModelを使ってビューにオブジェクトを渡す

コントローラーからビューに値を渡す方法として、ViewData()やTempData()がありますが、これらは一つのパラメーターしか渡すことができません。
複数のパラメーターをビューに渡すには、ViewModelを使います。
以下に、ViewModelの作成手順と使い方を記述します。

ViewModelの作成

ViewModelは、クラスとして定義します。
ソリューションエクスプローラーからModelsフォルダにカーソルを合わせます。

右クリックして、「追加」→「クラス」を選択します。

クラスが選択されていることを確認して、名前を入力し、「追加」ボタンを押下します。
※クラス名は、コントローラーと違い自由に付けることができますが、ViewModelであることが分かる名称にします。

Modelsフォルダ配下に、クラスが作成されます。

ViewModelの編集

作成したViewModelのクラスをダブルクリックして、以下のように編集します。
ViewModelに定義する値は、ビューで使用するため「Public Property」にします。

Public Class HomeViewModel
    Public Property Name As String
    Public Property Address As String
    Public Property Birthday As Date
End Class

Public Class HomeViewModel

Public Property Name As String

Public Property Address As String

Public Property Birthday As Date

End Class

コントローラーの編集

ViewModelを作成したら、コントローラーでViewModelが使えるようにインスタンス化して、値を設定します。
View()の引数として、インスタンス化したViewModelを渡します。

Imports System.Web.Mvc

Namespace Controllers
    Public Class HomeController
        Inherits Controller

        Function Index() As ActionResult
            Dim vm As New HomeViewModel()
            vm.Name = "山田太郎"
            vm.Address = "東京都千代田区丸の内１－１－１"
            vm.Birthday = "2000/1/1"

            Return View(vm)
        End Function
    End Class
End Namespace

Imports System.Web.Mvc

Namespace Controllers

Public Class HomeController

Inherits Controller

Function Index() As ActionResult

Dim vm As New HomeViewModel()

vm.Name = "山田太郎"

vm.Address = "東京都千代田区丸の内１－１－１"

vm.Birthday = "2000/1/1"

Return View(vm)

End Function

End Class

End Namespace

ビューの編集

ビューでViewModelを受け取るために、ViewModelの型を指定する必要があります。
ビューの先頭行に、以下のような記述をします。

@ModelType ViewModel名

ビューが受け取ったViewModelは、ビュー内でModelオブジェクトに紐づけられます。

@ModelType HomeViewModel
@Code
    ViewData("Title") = "Index"
End Code

<h2>@Model.Name</h2>
<h2>@Model.Address</h2>
<h2>@Model.Birthday</h2>

@ModelType HomeViewModel

@Code

ViewData("Title") = "Index"

End Code

<h2>@Model.Name</h2>

<h2>@Model.Address</h2>

<h2>@Model.Birthday</h2>

プログラムの実行

プログラムを実行すると、以下のようにコントローラーで設定した値が表示されます。

記事一覧

ASP.NET(VB.NET)MVCモデル入門【記事一覧】

-PROGRAM, VISUALBASIC
-mvc, VB

comment コメントをキャンセル

: Pythonスクリプト【トランプの山からジョーカーが出るまで配り直す①】

ジョーカーが出るまでカードを配り直そう今回はトランプの配列にジョーカーを追加して、ジョーカーが出るまでカードの選択を繰り返してみましょう。ジョーカーが出る ...

PROGRAM PYTHON

: Pythonスクリプト【MySQLにリモート接続しよう⑨～レコード毎の合計】

PythonスクリプトからMySQLのDBのレコード毎の合計を求めよう今回はDBのデータをレコード毎に合計してみましょう。今回使うテーブルに関しては、第7回の記事を参照 ...

PROGRAM PYTHON

bash実践シェルスクリプト【ログバックアップ】

ログをバックアップするシェルスクリプトです。このシェルスクリプトの仕様は、以下のようになります。

#!/bin/bash

### 定数
readonly LIST=backup.lst        # バックアップ対象リスト
readonly LOG=backup.log         # バックアップ結果ログ

### 変数
INF_COUNT=0                     # バックアップ成功数
ERR_COUNT=0                     # バックアップ失敗数
YMDHMS=$(date +"%Y%m%d%H%M%S")  # 現在年月日時分秒

### リストファイル確認
if [[ ! -r "$LIST" ]]
then
  echo "ERR [$LIST] リストファイルが存在しない" >> $LOG 2>&1
  exit 1
fi

### リストファイル読み込み
while read target pattern backup option dummy
do
  ### コメントまたは空白の場合は読み飛ばす
  if [[ "$target" == \#* ]] || [[ -z "$target" ]]
  then
    continue
  fi

  ### パラメーター不正
  if [[ "$pattern" == \#* ]] || [[ -z "$pattern" ]] || \
     [[ "$backup"  == \#* ]] || [[ -z "$backup"  ]] || \
     [[ "$option"  == \#* ]] || [[ -z "$option"  ]]
  then
    (( ERR_COUNT++ ))
    echo "ERR [$target][$pattern][$backup][$option] パラメーター不正" >> $LOG 2>&1
    continue
  fi

  ### バックアップ先ディレクトリ確認
  if [[ ! -d "$backup" ]]
  then
    (( ERR_COUNT++ ))
    echo "ERR [$backup] ディレクトリーなし" >> $LOG 2>&1
    continue
  fi

  ### バックアップ対象ファイル取得
  files=$(ls -1 $target/$pattern 2>/dev/null)

  ### 該当ファイルチェック
  if [[ -z "$files" ]]
  then
    echo "WAR [$target/$pattern] 該当ファイルなし" >> $LOG 2>&1
    continue
  fi

  ### オプション毎のコマンドを作成
  for buf in $files
  do
    case "$option" in
      c)  # コピーのみ
        cmd_cpy="/bin/cp -p $buf $backup/$(basename $buf).$YMDHMS"
        cmd_del=""
        ;;
      d)  # コピー後に削除
        cmd_cpy="/bin/cp -p $buf $backup/$(basename $buf).$YMDHMS"
        cmd_del="/bin/rm -f $buf"
        ;;
      *)  # オプション不正
        (( ERR_COUNT++ ))
        echo "ERR [$target/$pattern][$option] オプション不正" >> $LOG 2>&1
        break
        ;;
    esac

    ### バックアップコマンド実行
    $cmd_cpy > /dev/null 2>&1
    if (( $? == 0 ))
    then
      (( INF_COUNT++ ))
      echo "INF CPY $buf" >> $LOG 2>&1

      ### 削除コマンド確認
      if [[ -z "$cmd_del" ]]
      then
        continue
      fi

      ### 削除コマンド実行
      $cmd_del > /dev/null 2>&1
      if (( $? == 0 ))
      then
        echo "INF DEL $buf" >> $LOG 2>&1
      else
        (( ERR_COUNT++ ))
        echo "ERR DEL $buf" >> $LOG 2>&1
      fi
    else
      (( ERR_COUNT++ ))
      echo "ERR CPY $buf" >> $LOG 2>&1
    fi
  done
done < "$LIST"

### 総合エラーチェック
echo "INF バックアップ数=[$INF_COUNT] バックアップエラー数=[$ERR_COUNT]" >> $LOG 2>&1

### 終了処理
if (( ERR_COUNT == 0 ))
then
  exit 0
else
  exit 1
fi

100

101

102

103

104

105

106

107

108

109

110

111

112

113

#!/bin/bash

### 定数

readonly LIST=backup.lst # バックアップ対象リスト

readonly LOG=backup.log # バックアップ結果ログ

### 変数

INF_COUNT=0 # バックアップ成功数

ERR_COUNT=0 # バックアップ失敗数

YMDHMS=$(date +"%Y%m%d%H%M%S") # 現在年月日時分秒

### リストファイル確認

if [[ ! -r "$LIST" ]]

then

echo "ERR [$LIST] リストファイルが存在しない" >> $LOG 2>&1

exit 1

### リストファイル読み込み

while read target pattern backup option dummy

### コメントまたは空白の場合は読み飛ばす

if [[ "$target" == \#* ]] || [[ -z "$target" ]]

then

continue

### パラメーター不正

if [[ "$pattern" == \#* ]] || [[ -z "$pattern" ]] || \

[[ "$backup" == \#* ]] || [[ -z "$backup" ]] || \

[[ "$option" == \#* ]] || [[ -z "$option" ]]

then

(( ERR_COUNT++ ))

echo "ERR [$target][$pattern][$backup][$option] パラメーター不正" >> $LOG 2>&1

continue

### バックアップ先ディレクトリ確認

if [[ ! -d "$backup" ]]

then

(( ERR_COUNT++ ))

echo "ERR [$backup] ディレクトリーなし" >> $LOG 2>&1

continue

### バックアップ対象ファイル取得

files=$(ls -1 $target/$pattern 2>/dev/null)

### 該当ファイルチェック

if [[ -z "$files" ]]

then

echo "WAR [$target/$pattern] 該当ファイルなし" >> $LOG 2>&1

continue

### オプション毎のコマンドを作成

for buf in $files

case "$option" in

c) # コピーのみ

cmd_cpy="/bin/cp -p $buf $backup/$(basename $buf).$YMDHMS"

cmd_del=""

;;

d) # コピー後に削除

cmd_cpy="/bin/cp -p $buf $backup/$(basename $buf).$YMDHMS"

cmd_del="/bin/rm -f $buf"

;;

*) # オプション不正

(( ERR_COUNT++ ))

echo "ERR [$target/$pattern][$option] オプション不正" >> $LOG 2>&1

break

;;

esac

### バックアップコマンド実行

$cmd_cpy > /dev/null 2>&1

if (( $? == 0 ))

then

(( INF_COUNT++ ))

echo "INF CPY $buf" >> $LOG 2>&1

### 削除コマンド確認

if [[ -z "$cmd_del" ]]

then

continue

### 削除コマンド実行

$cmd_del > /dev/null 2>&1

if (( $? == 0 ))

then

echo "INF DEL $buf" >> $LOG 2>&1

else

(( ERR_COUNT++ ))

echo "ERR DEL $buf" >> $LOG 2>&1

else

(( ERR_COUNT++ ))

echo "ERR CPY $buf" >> $LOG 2>&1

done

done < "$LIST"

### 総合エラーチェック

echo "INF バックアップ数=[$INF_COUNT] バックアップエラー数=[$ERR_COUNT]" >> $LOG 2>&1

### 終了処理

if (( ERR_COUNT == 0 ))

then

exit 0

else

exit 1

メモ 20行目のdu ...

PROGRAM SHELL

: tkinter超入門【第32回メニュー③】

Menuウィジェットのチェックボタンの状態を取得しよう前回はMenuウィジェットに設定された関数を呼び出しました。今回はMenuウィジェットに設定されたチェックボタンの ...

PROGRAM PYTHON

Pythonスクリプト【全角がある場合の桁をそろえる方法】

全角がある場合は表示がずれる format()メソッドで桁を指定した場合、全角があると表示がずれてしまいます。

data = [["山田太郎",50,50,50],["鈴木新之助",100,80,60],["佐藤明",60,80,70],["John Tanaka",0,50,100]]

print("名前          国語 数学 英語")
print("------------  ---- ---- ----")
for chara in data:
    print("{:14s} {:3d}  {:3d}  {:3d}".format(chara[0], chara[1], chara[2], chara[3]))

data = [["山田太郎",50,50,50],["鈴木新之助",100,80,60],["佐藤明",60,80,70],["John Tanaka",0,50,100]]

print("名前国語数学英語")

print("------------ ---- ---- ----")

for chara in data:

print("{:14s} {:3d} {:3d} {:3d}".format(chara[0], chara[1], chara[2], chara[3]))

◆実行例 ...

PROGRAM PYTHON

ASP.NET(VB.NET) MVCモデル入門【記事一覧】

ASP.NET(VB.NET) MVCモデル入門～ViewModelのプロパティにラベルを設定する