Add Razor Pages example of contact list

ASP.NET Core Basics/src/Contacts/Contacts.csproj

@@ -20,6 +20,7 @@
   <ItemGroup>
     <PackageReference Include="Microsoft.AspNetCore.All" Version="2.0.0" />
     <PackageReference Include="BundlerMinifier.Core" Version="2.4.337" />
+    <PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="2.0.0" />
     <PackageReference Include="Swashbuckle.AspNetCore" Version="1.0.0" />
   </ItemGroup>
 

ASP.NET Core Basics/src/Contacts/Pages/ContactsRazorPages/Create.cshtml

@@ -0,0 +1,65 @@
+@page
+@model Contacts.Pages.ContactsRazorPages.CreateModel
+
+@{
+    ViewData["Title"] = "Create";
+    Layout = "~/Views/Shared/_Layout.cshtml";
+}
+
+<h2>Create</h2>
+
+<h4>Contact</h4>
+<hr />
+<div class="row">
+    <div class="col-md-4">
+        <form method="post">
+            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
+            <div class="form-group">
+                <label asp-for="Contact.Name" class="control-label"></label>
+                <input asp-for="Contact.Name" class="form-control" />
+                <span asp-validation-for="Contact.Name" class="text-danger"></span>
+            </div>
+            <div class="form-group">
+                <label asp-for="Contact.Address" class="control-label"></label>
+                <input asp-for="Contact.Address" class="form-control" />
+                <span asp-validation-for="Contact.Address" class="text-danger"></span>
+            </div>
+            <div class="form-group">
+                <label asp-for="Contact.City" class="control-label"></label>
+                <input asp-for="Contact.City" class="form-control" />
+                <span asp-validation-for="Contact.City" class="text-danger"></span>
+            </div>
+            <div class="form-group">
+                <label asp-for="Contact.State" class="control-label"></label>
+                <input asp-for="Contact.State" class="form-control" />
+                <span asp-validation-for="Contact.State" class="text-danger"></span>
+            </div>
+            <div class="form-group">
+                <label asp-for="Contact.PostalCode" class="control-label"></label>
+                <input asp-for="Contact.PostalCode" class="form-control" />
+                <span asp-validation-for="Contact.PostalCode" class="text-danger"></span>
+            </div>
+            <div class="form-group">
+                <label asp-for="Contact.Phone" class="control-label"></label>
+                <input asp-for="Contact.Phone" class="form-control" />
+                <span asp-validation-for="Contact.Phone" class="text-danger"></span>
+            </div>
+            <div class="form-group">
+                <label asp-for="Contact.Email" class="control-label"></label>
+                <input asp-for="Contact.Email" class="form-control" />
+                <span asp-validation-for="Contact.Email" class="text-danger"></span>
+            </div>
+            <div class="form-group">
+                <input type="submit" value="Create" class="btn btn-default" />
+            </div>
+        </form>
+    </div>
+</div>
+
+<div>
+    <a asp-page="Index">Back to List</a>
+</div>
+
+@section Scripts {
+    @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}
+}

ASP.NET Core Basics/src/Contacts/Pages/ContactsRazorPages/Create.cshtml.cs

@@ -0,0 +1,43 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+using Microsoft.AspNetCore.Mvc.Rendering;
+using Contacts.Data;
+using Contacts.Models;
+
+namespace Contacts.Pages.ContactsRazorPages
+{
+    public class CreateModel : PageModel
+    {
+        private readonly Contacts.Data.ContactsContext _context;
+
+        public CreateModel(Contacts.Data.ContactsContext context)
+        {
+            _context = context;
+        }
+
+        public IActionResult OnGet()
+        {
+            return Page();
+        }
+
+        [BindProperty]
+        public Contact Contact { get; set; }
+
+        public async Task<IActionResult> OnPostAsync()
+        {
+            if (!ModelState.IsValid)
+            {
+                return Page();
+            }
+
+            _context.Contact.Add(Contact);
+            await _context.SaveChangesAsync();
+
+            return RedirectToPage("./Index");
+        }
+    }
+}

ASP.NET Core Basics/src/Contacts/Pages/ContactsRazorPages/Delete.cshtml

@@ -0,0 +1,65 @@
+@page
+@model Contacts.Pages.ContactsRazorPages.DeleteModel
+
+@{
+    ViewData["Title"] = "Delete";
+    Layout = "~/Views/Shared/_Layout.cshtml";
+}
+
+<h2>Delete</h2>
+
+<h3>Are you sure you want to delete this?</h3>
+<div>
+    <h4>Contact</h4>
+    <hr />
+    <dl class="dl-horizontal">
+        <dt>
+            @Html.DisplayNameFor(model => model.Contact.Name)
+        </dt>
+        <dd>
+            @Html.DisplayFor(model => model.Contact.Name)
+        </dd>
+        <dt>
+            @Html.DisplayNameFor(model => model.Contact.Address)
+        </dt>
+        <dd>
+            @Html.DisplayFor(model => model.Contact.Address)
+        </dd>
+        <dt>
+            @Html.DisplayNameFor(model => model.Contact.City)
+        </dt>
+        <dd>
+            @Html.DisplayFor(model => model.Contact.City)
+        </dd>
+        <dt>
+            @Html.DisplayNameFor(model => model.Contact.State)
+        </dt>
+        <dd>
+            @Html.DisplayFor(model => model.Contact.State)
+        </dd>
+        <dt>
+            @Html.DisplayNameFor(model => model.Contact.PostalCode)
+        </dt>
+        <dd>
+            @Html.DisplayFor(model => model.Contact.PostalCode)
+        </dd>
+        <dt>
+            @Html.DisplayNameFor(model => model.Contact.Phone)
+        </dt>
+        <dd>
+            @Html.DisplayFor(model => model.Contact.Phone)
+        </dd>
+        <dt>
+            @Html.DisplayNameFor(model => model.Contact.Email)
+        </dt>
+        <dd>
+            @Html.DisplayFor(model => model.Contact.Email)
+        </dd>
+    </dl>
+
+    <form method="post">
+        <input type="hidden" asp-for="Contact.Id" />
+        <input type="submit" value="Delete" class="btn btn-default" /> |
+        <a asp-page="./Index">Back to List</a>
+    </form>
+</div>

ASP.NET Core Basics/src/Contacts/Pages/ContactsRazorPages/Delete.cshtml.cs

@@ -0,0 +1,59 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+using Microsoft.EntityFrameworkCore;
+using Contacts.Data;
+using Contacts.Models;
+
+namespace Contacts.Pages.ContactsRazorPages
+{
+    public class DeleteModel : PageModel
+    {
+        private readonly Contacts.Data.ContactsContext _context;
+
+        public DeleteModel(Contacts.Data.ContactsContext context)
+        {
+            _context = context;
+        }
+
+        [BindProperty]
+        public Contact Contact { get; set; }
+
+        public async Task<IActionResult> OnGetAsync(int? id)
+        {
+            if (id == null)
+            {
+                return NotFound();
+            }
+
+            Contact = await _context.Contact.SingleOrDefaultAsync(m => m.Id == id);
+
+            if (Contact == null)
+            {
+                return NotFound();
+            }
+            return Page();
+        }
+
+        public async Task<IActionResult> OnPostAsync(int? id)
+        {
+            if (id == null)
+            {
+                return NotFound();
+            }
+
+            Contact = await _context.Contact.FindAsync(id);
+
+            if (Contact != null)
+            {
+                _context.Contact.Remove(Contact);
+                await _context.SaveChangesAsync();
+            }
+
+            return RedirectToPage("./Index");
+        }
+    }
+}

ASP.NET Core Basics/src/Contacts/Pages/ContactsRazorPages/Details.cshtml

@@ -0,0 +1,62 @@
+@page
+@model Contacts.Pages.ContactsRazorPages.DetailsModel
+
+@{
+    ViewData["Title"] = "Details";
+    Layout = "~/Views/Shared/_Layout.cshtml";
+}
+
+<h2>Details</h2>
+
+<div>
+    <h4>Contact</h4>
+    <hr />
+    <dl class="dl-horizontal">
+        <dt>
+            @Html.DisplayNameFor(model => model.Contact.Name)
+        </dt>
+        <dd>
+            @Html.DisplayFor(model => model.Contact.Name)
+        </dd>
+        <dt>
+            @Html.DisplayNameFor(model => model.Contact.Address)
+        </dt>
+        <dd>
+            @Html.DisplayFor(model => model.Contact.Address)
+        </dd>
+        <dt>
+            @Html.DisplayNameFor(model => model.Contact.City)
+        </dt>
+        <dd>
+            @Html.DisplayFor(model => model.Contact.City)
+        </dd>
+        <dt>
+            @Html.DisplayNameFor(model => model.Contact.State)
+        </dt>
+        <dd>
+            @Html.DisplayFor(model => model.Contact.State)
+        </dd>
+        <dt>
+            @Html.DisplayNameFor(model => model.Contact.PostalCode)
+        </dt>
+        <dd>
+            @Html.DisplayFor(model => model.Contact.PostalCode)
+        </dd>
+        <dt>
+            @Html.DisplayNameFor(model => model.Contact.Phone)
+        </dt>
+        <dd>
+            @Html.DisplayFor(model => model.Contact.Phone)
+        </dd>
+        <dt>
+            @Html.DisplayNameFor(model => model.Contact.Email)
+        </dt>
+        <dd>
+            @Html.DisplayFor(model => model.Contact.Email)
+        </dd>
+    </dl>
+</div>
+<div>
+    <a asp-page="./Edit" asp-route-id="@Model.Contact.Id">Edit</a> |
+    <a asp-page="./Index">Back to List</a>
+</div>

ASP.NET Core Basics/src/Contacts/Pages/ContactsRazorPages/Details.cshtml.cs

@@ -0,0 +1,40 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.AspNetCore.Mvc.RazorPages;
+using Microsoft.EntityFrameworkCore;
+using Contacts.Data;
+using Contacts.Models;
+
+namespace Contacts.Pages.ContactsRazorPages
+{
+    public class DetailsModel : PageModel
+    {
+        private readonly Contacts.Data.ContactsContext _context;
+
+        public DetailsModel(Contacts.Data.ContactsContext context)
+        {
+            _context = context;
+        }
+
+        public Contact Contact { get; set; }
+
+        public async Task<IActionResult> OnGetAsync(int? id)
+        {
+            if (id == null)
+            {
+                return NotFound();
+            }
+
+            Contact = await _context.Contact.SingleOrDefaultAsync(m => m.Id == id);
+
+            if (Contact == null)
+            {
+                return NotFound();
+            }
+            return Page();
+        }
+    }
+}