ASP.NET Core MVC/View

ビルド †

• MSBuild で ASP.NET MVC の View をプリコンパイルする
• MvcBuildViews でビューを事前ビルドするように設定
  • 各バージョンのMSBuildのパスを解決するPower Shellスクリプト

• Razor pages compilation on Build: Now default with .Net Core 2.0
• ASP.NET Core の Razor SDK

Razor構文 †

• ASP.NET Core の razor 構文

@model †

• Viewページの最初で指定

  // 単一のデータの場合
  @model MyProject.Models.Person
  // コレクションのデータの場合
  @model IEnumerable<MyProject.Models.Person>

@Url.Content/Action/RouteUrl? †

• アプリケーションルートからの絶対パスを生成する - Url.Content／Action／RouteUrlメソッド［Razor］

制御文 †

if文 †

@if ( 条件式 ) {
    HTMLタグを記述
}

foreach文 †

@foreach ( 変数 in コレクション ) {
    HTMLタグを記述
}

コメント †

@*

*@

タグヘルパー †

• ASP.NET Core のタグ ヘルパーの概要
• ASP.NET Core MVC でのタグ ヘルパーをキャッシュします。
• ASP.NET Core でのフォームにタグ ヘルパーの使用の概要

• ASP.NET Core MVC の Razor で使える Tag Helpers のメモ書き
• ASP.NET Core MVC で追加されたAutoValidateAntiforgeryToken属性が便利
• ASP.NET MVC 5 / Core MVCで独自のビューページのクラスを使用する
• ASP.NET Core MVC の Tag Helpers でフォームを作成する時の個人的なまとめ

• ASP.NET Core 2.0 MVC Tag Helpers

タグヘルパーを使うためには †

• Viewsフォルダの _ViewImports?.cshtml ファイルに以下を記述

  @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers

• もしくは *.cshtml ファイルに直接上記を記述

formタグ / aタグ †

• asp-action ... submit時のAction名を指定（Controllerは現在のになる）

  <form asp-action="[ASPアクション名]" ...

• asp-conrtoller ... Controllerを指定したい場合に指定

  <form asp-controller="[ASPコントローラ名]" asp-action="[ASPアクション名]" ...

inputタグ †

• asp-for

  <input asp-for="プロパティ名" ... 

selectタグ †

• asp-for

• asp-items

spanタグ †

• asp-validation-for
  • クライアントサイドで検証が行われたときのエラーメッセージを表示
  • Modelクラスに指定された検証用のMaxLength?属性やRange属性に従い、ブラウザーのJavaScriptで入力時のデータが検証される

    <span asp-validation-for="[モデルのプロパティ名]" class="text-danger" />

divタグ †

• asp-validation-summary
  • 一度サーバへポストバックされた情報で検証が行われ、エラーが発生したときにメッセージを表示
  • 複数のエラーメッセージが <li> タグで表示される

    <div asp-validation-summary="All" class="text-danger" /></div>

ページ送り †

• Asp.net core Sakura.AspNetCore.PagedList and partial views
• PagedList を使って ASP.NET MVC でページネーション

JavaScriptとの連携 †

• [C#][javascript] C# と javascript でつまった