Session 0203 (#61)

* Started

* Form interaction demos

* Updated notes

Author: csharpfritz

sessions/Season-02/0203-MvcPartTwo/.vscode/launch.json

@@ -0,0 +1,36 @@
+{
+   // Use IntelliSense to find out which attributes exist for C# debugging
+   // Use hover for the description of the existing attributes
+   // For further information visit https://github.com/OmniSharp/omnisharp-vscode/blob/master/debugger-launchjson.md
+   "version": "0.2.0",
+   "configurations": [
+        {
+            "name": ".NET Core Launch (web)",
+            "type": "coreclr",
+            "request": "launch",
+            "preLaunchTask": "build",
+            // If you have changed target frameworks, make sure to update the program path.
+            "program": "${workspaceFolder}/src/MyCoolApp.Web/bin/Debug/net5.0/MyCoolApp.Web.dll",
+            "args": [],
+            "cwd": "${workspaceFolder}/src/MyCoolApp.Web",
+            "stopAtEntry": false,
+            // Enable launching a web browser when ASP.NET Core starts. For more information: https://aka.ms/VSCode-CS-LaunchJson-WebBrowser
+            "serverReadyAction": {
+                "action": "openExternally",
+                "pattern": "\\bNow listening on:\\s+(https?://\\S+)"
+            },
+            "env": {
+                "ASPNETCORE_ENVIRONMENT": "Development"
+            },
+            "sourceFileMap": {
+                "/Views": "${workspaceFolder}/Views"
+            }
+        },
+        {
+            "name": ".NET Core Attach",
+            "type": "coreclr",
+            "request": "attach",
+            "processId": "${command:pickProcess}"
+        }
+    ]
+}

sessions/Season-02/0203-MvcPartTwo/.vscode/tasks.json

@@ -0,0 +1,42 @@
+{
+    "version": "2.0.0",
+    "tasks": [
+        {
+            "label": "build",
+            "command": "dotnet",
+            "type": "process",
+            "args": [
+                "build",
+                "${workspaceFolder}/src/MyCoolApp.Web/MyCoolApp.Web.csproj",
+                "/property:GenerateFullPaths=true",
+                "/consoleloggerparameters:NoSummary"
+            ],
+            "problemMatcher": "$msCompile"
+        },
+        {
+            "label": "publish",
+            "command": "dotnet",
+            "type": "process",
+            "args": [
+                "publish",
+                "${workspaceFolder}/src/MyCoolApp.Web/MyCoolApp.Web.csproj",
+                "/property:GenerateFullPaths=true",
+                "/consoleloggerparameters:NoSummary"
+            ],
+            "problemMatcher": "$msCompile"
+        },
+        {
+            "label": "watch",
+            "command": "dotnet",
+            "type": "process",
+            "args": [
+                "watch",
+                "run",
+                "${workspaceFolder}/src/MyCoolApp.Web/MyCoolApp.Web.csproj",
+                "/property:GenerateFullPaths=true",
+                "/consoleloggerparameters:NoSummary"
+            ],
+            "problemMatcher": "$msCompile"
+        }
+    ]
+}

sessions/Season-02/0203-MvcPartTwo/README.md

@@ -0,0 +1,41 @@
+# ASP.NET Core MVC - Part 2: Forms, Configuration, and Logging
+
+In our [last session](../0202-ModelViewController/README.md) we covered the basics of ASP.NET Core MVC.  We learned how to use controllers, views, and models to present a simple website.  In this continuation of the topic of MVC, we will learn about working with forms, the Configuration Model, and logging.
+
+## Interacting with Forms
+
+HTML makes a series of user interface options available for the browser to send data to the server for processing.  The `<input>`, `<textarea>` and `<select>` tags provide the basics for our viewers to interact with, and can be created from our Views easily, but how do we configure a Controller with actions to receive this data?
+
+Let's create a form to allow interaction with the server.  We'll use the [Post-Redirect-Get pattern](https://wikipedia.org/wiki/Post/Redirect/Get) to model our views and controller.
+
+### Step 1: The Form
+
+We can place a form on any View that is returned from our application, and use the standard HTML `<form>` tag to represent that interaction.  However, there are a few ways that we can create the form using ASP.NET resources that will make it more resilient to changes in our application.
+
+For the first sample, let's use an HTML helper to post a simple search string to the application.
+
+```razor
+@using (Html.BeginForm()) {
+
+    <div class="input-group">
+
+    <input type="text" name="Search" class="form-control" placeholder="Search..." />
+    <input type="submit" class="btn-primary" value="Go!" />
+
+    </div>
+
+}
+```
+
+### Step 2: The Actions
+
+### Validation
+
+ModelState / Validation - https://docs.microsoft.com/en-us/aspnet/core/mvc/models/validation?view=aspnetcore-5.0
+
+## Configuration
+
+IConfiguration
+
+https://docs.microsoft.com/en-us/aspnet/core/fundamentals/configuration/?view=aspnetcore-5.0
+

sessions/Season-02/0203-MvcPartTwo/src/MyCoolApp.Web/Controllers/FormController.cs

@@ -0,0 +1,54 @@
+using Microsoft.AspNetCore.Mvc;
+using MyCoolApp.Web.Models;
+
+namespace MyCoolApp.Web.Controllers
+{
+
+  public class FormController : Controller
+  {
+
+    public IActionResult Basic1()
+    {
+      return View();
+    }
+
+    [HttpPost]
+    public IActionResult BasicForm(string search)
+    {
+
+      TempData.Add("SearchTerm", search);
+      return RedirectToAction("Basic1");
+
+    }
+
+    public IActionResult Model() {
+      return View();
+    }
+
+    [HttpPost]
+    public IActionResult Model(Person p) {
+
+      TempData.Put("Person", p);
+      return RedirectToAction("Model");
+
+    }
+
+    public IActionResult Validate() {
+      return View();
+    }
+
+    [HttpPost]
+    public IActionResult Validate(Person p) {
+
+      if (ModelState.IsValid) {
+        TempData.Put("Person", p);
+        return RedirectToAction("Validate");
+      }
+
+      return View(p);
+
+    }
+
+  }
+
+}

sessions/Season-02/0203-MvcPartTwo/src/MyCoolApp.Web/Controllers/HomeController.cs

@@ -0,0 +1,37 @@
+using System;
+using System.Collections.Generic;
+using System.Diagnostics;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Mvc;
+using Microsoft.Extensions.Logging;
+using MyCoolApp.Web.Models;
+
+namespace MyCoolApp.Web.Controllers
+{
+    public class HomeController : Controller
+    {
+        private readonly ILogger<HomeController> _logger;
+
+        public HomeController(ILogger<HomeController> logger)
+        {
+            _logger = logger;
+        }
+
+        public IActionResult Index()
+        {
+            return View();
+        }
+
+        public IActionResult Privacy()
+        {
+            return View();
+        }
+
+        [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
+        public IActionResult Error()
+        {
+            return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });
+        }
+    }
+}

sessions/Season-02/0203-MvcPartTwo/src/MyCoolApp.Web/Models/ErrorViewModel.cs

@@ -0,0 +1,11 @@
+using System;
+
+namespace MyCoolApp.Web.Models
+{
+    public class ErrorViewModel
+    {
+        public string RequestId { get; set; }
+
+        public bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
+    }
+}

sessions/Season-02/0203-MvcPartTwo/src/MyCoolApp.Web/Models/Person.cs

@@ -0,0 +1,24 @@
+using System;
+using System.ComponentModel.DataAnnotations;
+
+namespace MyCoolApp.Web.Models
+{
+
+  [Serializable]
+  public class Person
+  {
+
+    [Display(Name = "Name")]
+    [Required]
+    public string Name { get; set; }
+
+    [Display(Name = "City")]
+    public string City { get; set; }
+
+    [Display(Name = "Age")]
+    [Range(3, 80)]
+    public int Age { get; set; }
+
+  }
+
+}

sessions/Season-02/0203-MvcPartTwo/src/MyCoolApp.Web/MyCoolApp.Web.csproj

@@ -0,0 +1,7 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+  <PropertyGroup>
+    <TargetFramework>net5.0</TargetFramework>
+  </PropertyGroup>
+
+</Project>

sessions/Season-02/0203-MvcPartTwo/src/MyCoolApp.Web/Program.cs

@@ -0,0 +1,26 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Threading.Tasks;
+using Microsoft.AspNetCore.Hosting;
+using Microsoft.Extensions.Configuration;
+using Microsoft.Extensions.Hosting;
+using Microsoft.Extensions.Logging;
+
+namespace MyCoolApp.Web
+{
+    public class Program
+    {
+        public static void Main(string[] args)
+        {
+            CreateHostBuilder(args).Build().Run();
+        }
+
+        public static IHostBuilder CreateHostBuilder(string[] args) =>
+            Host.CreateDefaultBuilder(args)
+                .ConfigureWebHostDefaults(webBuilder =>
+                {
+                    webBuilder.UseStartup<Startup>();
+                });
+    }
+}

sessions/Season-02/0203-MvcPartTwo/src/MyCoolApp.Web/Properties/launchSettings.json

@@ -0,0 +1,28 @@
+{
+  "iisSettings": {
+    "windowsAuthentication": false,
+    "anonymousAuthentication": true,
+    "iisExpress": {
+      "applicationUrl": "http://localhost:27802",
+      "sslPort": 44395
+    }
+  },
+  "profiles": {
+    "IIS Express": {
+      "commandName": "IISExpress",
+      "launchBrowser": true,
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "MyCoolApp.Web": {
+      "commandName": "Project",
+      "dotnetRunMessages": "true",
+      "launchBrowser": true,
+      "applicationUrl": "https://localhost:5001;http://localhost:5000",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    }
+  }
+}