MVC for begyndere MVC (Model-View-Controller) er et designmønster, der bruges til at organisere kode i softwareudvikling, især i webapplikationer. Lad mig forklare det på en enkel måde: De tre dele af MVC: 1. Model - Dette er dine data og forretningslogik ○ Håndterer information (f.eks. brugeroplysninger, produkter) ○ Arbejder med databasen ○ Indeholder regler for hvordan data kan ændres 2. View - Dette er det, brugeren ser ○ Viser information til brugeren ○ Modtager brugerinput ○ Typisk HTML-sider i webapplikationer 3. Controller - Dette er "hjernen" ○ Forbinder Model og View ○ Reagerer på brugerhandlinger ○ Fortæller modellen, hvad den skal gøre med data ○ Beslutter, hvilken view der skal vises Fordele ved MVC: ● Organiseret kode - Nemmere at finde og ændre ting ● Genbrugelighed - Dele kan genbruges i andre projekter ● Teamarbejde - Forskellige udviklere kan arbejde på forskellige dele ● Vedligeholdelse - Lettere at opdatere eller rette fejl Eksempel fra hverdagen: Tænk på en restaurant: ● Model = Kokken (forbereder maden baseret på opskrifter) ● View = Tallerkenen med mad (det kunden ser) ● Controller = Tjeneren (tager imod bestillinger, giver besked til kokken, serverer maden) MVC i C# med kodeeksempler Lad mig udvide forklaringen med C# kodeeksempler for at vise, hvordan MVC fungerer i praksis. 1. Model (Data og forretningslogik) // En simpel model klasse for en bruger public class User { public int Id { get ; set ; } public string Name { get ; set ; } public string Email { get ; set ; } public DateTime RegisterDate { get ; set ; } // Forretningslogik i modellen public bool IsValidEmail() { return ! string .IsNullOrEmpty(Email) && Email.Contains( "@" ); } } // Eksempel på en "repository" klasse, der håndterer brugerdata public class UserRepository { private List _users = new List(); public User GetById( int id) { return _users.FirstOrDefault(u => u.Id == id); } public List GetAllUsers() { return _users.ToList(); } public void AddUser(User user) { _users.Add(user); } } 2. View (Brugergrænsefladen) I ASP.NET MVC bruges Razor-filer (.cshtml) til views: @model YourApplication.Models.User

Brugerdetaljer

Navn: @Model.Name

Email: @Model.Email

Registreret: @Model.RegisterDate.ToShortDateString()

Tilbage til brugerliste 3. Controller (Forbinder Model og View) public class UserController : Controller { private readonly UserRepository _userRepository; public UserController() { _userRepository = new UserRepository(); } // GET: /User/Index public ActionResult Index() { // Hent data fra model var users = _userRepository.GetAllUsers(); // Send data til view return View(users); } // GET: /User/Details/5 public ActionResult Details( int id) { // Hent specifik bruger fra modellen var user = _userRepository.GetById(id); if (user == null ) { return NotFound(); } // Send brugeren til view return View(user); } // GET: /User/Create public ActionResult Create() { return View(); } // POST: /User/Create [ HttpPost ] public ActionResult Create(User user) { if (ModelState.IsValid && user.IsValidEmail()) { user.RegisterDate = DateTime.Now; _userRepository.AddUser(user); return RedirectToAction( "Index" ); } return View(user); } } Et komplet flow i MVC: 1. Brugeren besøger URL'en /User/Details/5 2. Routing-systemet sender anmodningen til UserController og Details -metoden med id=5 3. Controller'en beder UserRepository om at hente brugeren med id=5 4. Modellen returnerer brugerdata til controlleren 5. Controlleren sender brugerdataene til Details.cshtml viewet 6. Viewet renderes med brugerdata og sendes tilbage som HTML til browseren Opsætning i ASP.NET Core MVC I en typisk ASP.NET Core MVC-app ser projektstrukturen sådan ud: I Program.cs opsættes MVC-tjenester: var builder = WebApplication.CreateBuilder(args); // Tilføj MVC-tjenester builder.Services.AddControllersWithViews(); var app = builder.Build(); // Konfigurer HTTP request pipeline if (!app.Environment.IsDevelopment()) { app.UseExceptionHandler( "/Home/Error" ); app.UseHsts(); } app.UseHttpsRedirection(); app.UseStaticFiles(); app.UseRouting(); app.MapControllerRoute( name: "default" , pattern: "{controller=Home}/{action=Index}/{id?}" ); app.Run();

Document Processor Pipeline

Upload a document

Recent Documents

MVC for begyndere.pdf