Die Alternative zum Web-Form Modell

Transkript

1 Marc André Zhou Solution Architect -sky.net -sp.net Die Alternative zum Web-Form Modell dotnet Cologne

2 Agenda Web Forms vs. MVC ASP.NET MVC Features Web API ODATA Eine ASP.NET MVC Anwendung Modellbasiertes Vorgehen Validierungen Lokalisierung jquery & UI

3 Web Forms vs. MVC Vorteile von Web Forms viele UI Komponenten (ready to use) point-and-click HTML/CSS/JS Wissen nicht zwingend erforderlich Nachteile von Web Forms Softwarearchitektur muss manuell erfolgen automatisierte Testbarkeit nicht im Standard ViewState / Postback

4 Web Forms vs. MVC Vorteile von ASP.NET MVC Testbarkeit M V C SoC Stateless / Ajax Nachteile von ASP.NET MVC vollständige Kontrolle über HTML/JS/CSS mehr zu tun vorgegebene Architektur evtl. störend Anzahl Steuerelemente

5 ASP.NET MVC Features Testbarkeit durch SoC Eingebaute Architektur SEO URLs Mobile/Intranet/Internet Unterstützung Modellbasierte Entwicklung WebAPI / ODATA / REST Async. Unterstützung Visual Studio Assistenten

6 ASP.NET MVC Bundling / Minification (1) Bündelung von JS/CSS-Dateien Auflistung der Dateien gesamtes Verzeichnis Wildcard * Komprimierung der Dateien CDN Unterstützung (Fallback) Debug-, Release Mode (min-) Version (NuGet) / vsdoc web.config / EnableOptimizations

7 ASP.NET MVC Bundling / Minification (2)

8 ASP.NET MVC Bundling / Minification (3) Debug Mode Release Mode

9 ASP.NET MVC Bundling / Minification (4) Einbindung JS/CSS

10 ASP.NET MVC Web API Bereitstellung von Daten Daten anstelle von Views Unterstützt alle CRUD Operationen via POST => CREATE PUT => UPDATE GET => READ DELETE DEMO

11 ASP.NET MVC ODATA Vergleiche Web API Install-Package Microsoft.AspNet.WebApi.Odata EntitySetController als Basis für Controller DEMO

12 Entity Framework Code First Konventionen vor Konfiguration Regeln können angepasst werden Code Migration angepasste Migration Neuerstellung bei Änderung bzw. bei Start SQL Script Generierung Testdaten

13 Entity Framework Code Migration (1) Initiale Erstellung Model Klassen public class Person { public int PersonId { get; set; } public string FirstName { get; set; } public string LastName { get; set; } } Änderung der Struktur public class Person { public int PersonId { get; set; } public string FirstName { get; set; } public string LastName { get; set; } public string { get; set; } } InvalidOperationException: The model backing the AppDBContext' context has changed since the database was created. Consider using Code First Migrations to update the database

14 Entity Framework Code Migration (2) Package-Manager: Enable-Migrations Configuration class public override void Up() { CreateTable( "dbo.people", c => new { PersonId = c.int(nullable: false, identity: true), FirstName = c.string(), LastName = c.string(), }).PrimaryKey(t => t.personid); } public override void Down() { } DropTable("dbo.People"); InitialCreate Migration Legt das Verhalten der Migration fest

15 Entity Framework Code Migration (3) Übernahme Änderungen mittels Add-Migration <name> public partial class Add DbMigration { public override void Up() { AddColumn("dbo.People", " ", c => c.string()); } public override void Down() { DropColumn("dbo.People", " "); } } } Update-Database Übernimmt die Änderungen in die Datenbank (SQL) ALTER TABLE [dbo].[people] ADD [ ] [nvarchar](max)

16 Entity Framework Code Migration (4) Durch Add-Migration erstellte Klasse kann erweitert werden Zusätzliche Spalten Relationen Index SQL Script Erstellung Update-Database -Script -SourceMigration: $InitialDatabase -TargetMigration: Add

17 Entity Framework Code Migration (5) Testdaten Anlegen von initialen Daten Hierarchien möglich Überschreiben der Methode Seed innerhalb einer DataBaseInitializer Klasse DEMO

18 Data Annotations Bezeichnungen Fehlermeldungen / Validierungen Required, Range, StringLength, Regex jquery.validate.min.js & jquery.validate.unobtrusive.min.js Datentypen Steuert HTML 5 Tag type Attribute Darstellung von Steuerelementen

19 ASP.NET MVC 4 Marc André Zhou Solution Architect -sky.net -sp.net Vielen Dank für Ihre Aufmerksamkeit!