| ページ一覧 | ブログ | twitter |　 書式 | 書式(表) |

MyMemoWiki

差分

ナビゲーションに移動 検索に移動

ASP.NET Core (ソースを閲覧)

2020年2月15日 (土) 08:00時点における版

556 バイト追加 、 2020年2月15日 (土) 08:00
編集の要約なし
==ASP.NET Core==
[[C#][ASP.NET][Razor]]
{{amazon|B078CXYZ6L}}
{
:
app.UseMvc(routes =>>
{
routes.MapRoute(
}
<&lt;h2>&gt;Greet<&lt;/h2>&gt;
<&lt;p>&gt;@ViewBag.Message<&lt;/p>&gt;
=====Razor構文=====
{|class="wikitable"
{
// コンストラクタ
public MyContext(DbContextOptions<&lt;MyContext> &gt; options) : base(options)
{
}
// モデルクラスへのアクセッサ
public DbSet<&lt;Book> &gt; Book { get; set; }
}
}
=====コンテキストである条件=====
*DbContextを継承
*DbContextOptions<&lt;TContext>&gt;を受け取るコンストラクタを持つ*DbSet<&lt;TModel>&gt;型のpublicプロパティを持つ
=====appsettings.json=====
// コンテキストクラスを登録
services.AddDbContext<&lt;MyContext>&gt;( options => &gt; options.UseSqlServer(Configuration.GetConnectionString("MyContext")));
}
}
=====マイグレーション=====
*NuGetパッケージマネージャーコンソール
PM> &gt; Install-Package Microsoft.EntityFrameworkCore.Tools PM> &gt; Add-Migration Initial PM> &gt; Update-Database
*SQLServerオブジェクトエクスプローラーで確認
[[File:0251_dnet_sqlsrv.jpg]]
}
====テンプレートの追加====
[[Razor]]
*上記手順でビューを追加
@model IEnumerable<&lt;QuickMaster.Models.Book>&gt;
@{
ViewData["Title"] = "List";
}
<&lt;h2>&gt;List<&lt;/h2>&gt;
<&lt;table class="table">&gt; <&lt;thead><&gt;&lt;tr><&gt;&lt;th>&gt;Title<&lt;/th><&gt;&lt;th>&gt;Price<&lt;/th><&gt;&lt;th>&gt;Publisher<&lt;/th><&gt;&lt;th>&gt;Sample<&lt;/th><&gt;&lt;/tr><&gt;&lt;/thead>&gt; <&lt;tbody>&gt;
@* Bookを出力 *@
@foreach (var item in Model)
{
<&lt;tr>&gt; <&lt;td>&gt;@item.Title<&lt;/td>&gt; <&lt;td>&gt;@item.Price<&lt;/td>&gt; <&lt;td>&gt;@item.Publisher<&lt;/td>&gt; <&lt;td>&gt;@item.Sample<&lt;/td>&gt; <&lt;/tr>&gt;
}
<&lt;/tbody>&gt; <&lt;/table>&gt;
*View()にモデルを渡した場合、@modelディレクティブで型を宣言することで型キャストなどの手間を省ける
====実行====
=====プロパティをそのまま表示=====
@model.Title
=====model => &gt; model.プロパティ名とすることでデータ型に応じて適切な形式で出力=====
**bool型ではチェックボックス
**EmailAddress/Url型ではハイパーリンク
@Html.DisplayNameFor(model => &gt; model.Title)
=====モデルアトリビュート=====
*モデルに表示名を定義
=====テンプレート=====
*プロパティの表示名を出力
<&lt;thead>&gt; <&lt;tr>&gt; <&lt;th>&gt; @Html.DisplayNameFor(model => &gt; model.Title) <&lt;/th>&gt; <&lt;th>&gt; @Html.DisplayNameFor(model => &gt; model.Price) <&lt;/th>&gt; <&lt;th>&gt; @Html.DisplayNameFor(model => &gt; model.Publisher) <&lt;/th>&gt; <&lt;th>&gt; @Html.DisplayNameFor(model => &gt; model.Sample) <&lt;/th>&gt; <&lt;/tr>&gt; <&lt;/thead>&gt;
=====表示名が表示される=====
[[File:0243_display_name.jpg]]
=====ハイパーリンクを生成=====
*Editアクションに対して、idパラメータとして@item.Id を渡すリンクを作成させる
<&lt;a asp-action="Edit" asp-route-id="@item.Id">&gt;Edit<&lt;/a>&gt;
*以下のようなHTMLが生成される
<&lt;a href="/Books/Edit/1">&gt;Edit<&lt;/a>&gt;
===Htmlヘルパー===
*https://tokkan.net/csharp/asp3.html
*TextArea
*TextAreaFor
@Html.TextAreaFor(model=>&gt;model.SomeMulitiLineText, new {@style="max-width:100%; width:80%", rows=34})
===アクション===
====モデルバインド====
// GET: Books/Details/5
public async Task<&lt;IActionResult> &gt; Details(int? id)
{ ... }
====フォームの生成====
*<&lt;form>&gt;にasp-action属性を付与することで、指定したアクションをポスト先とするフォームを生成できる <&lt;form asp-action="Edit">&gt; <&lt;div asp-validation-summary="ModelOnly" class="text-danger"><&gt;&lt;/div>&gt; <&lt;input type="hidden" asp-for="Id" />&gt; <&lt;div class="form-group">&gt; <&lt;label asp-for="Title" class="control-label"><&gt;&lt;/label>&gt; <&lt;input asp-for="Title" class="form-control" />&gt; <&lt;span asp-validation-for="Title" class="text-danger"><&gt;&lt;/span>&gt; <&lt;/div>&gt;
:
<&lt;/form>&gt;
*以下のようなHTMLに展開される
<&lt;form action="/Books/Edit/1" method="post">&gt; <&lt;input type="hidden" data-val="true" data-val-required="The Id field is required." id="Id" name="Id" value="1" />&gt; <&lt;div class="form-group">&gt; <&lt;label class="control-label" for="Title">&gt;&#x66F8;&#x540D;<&lt;/label>&gt; <&lt;input class="form-control" type="text" id="Title" name="Title" value="TITLE-AA" />&gt; <&lt;span class="text-danger field-validation-valid" data-valmsg-for="Title" data-valmsg-replace="true"><&gt;&lt;/span>&gt; <&lt;/div>&gt;
:
<&lt;/form>&gt;
====アクションの処理====
==バンドル==
*変換ファイルのルート要素の開始タグで、XML-Document-Transform 名前空間を指定する
<&lt;configuration xmlns:xdt="http://schemas.microsoft.com/XML-Document-Transform">&gt;
*以下の例では、"SetAttributes" 変換により、値が "MyDB" の属性 "name" を "Match" ロケーターが検出した場合にのみ "connectionString" の値に"ReleaseSQLServer" を使用するよう変更されます
<&lt;connectionStrings>&gt; <&lt;add name="MyDB"
connectionString="Data Source=ReleaseSQLServer;Initial Catalog=MyReleaseDB;Integrated Security=True"
xdt:Transform="SetAttributes" xdt:Locator="Match(name)"/>&gt; <&lt;/connectionStrings>&gt;*以下の例では、"Replace" 変換により Web.config ファイルの <&lt;customErrors> &gt; セクション全体が置換されます。 <&lt;customErrors defaultRedirect="GenericError.htm" mode="RemoteOnly" xdt:Transform="Replace">&gt; <&lt;error statusCode="500" redirect="InternalError.htm"/>&gt; <&lt;/customErrors>&gt;
「https://www.typea.info/tips_/index.php/特別:携帯機器差分/2966」から取得

© 2006 矢木浩人

案内メニュー