logo

TechCodeview

MVC-ontwerppatroon

Het MVC-ontwerppatroon is een softwarearchitectuurpatroon dat een applicatie in drie hoofdcomponenten verdeelt: Model, View en Controller, waardoor het eenvoudiger wordt om de codebase te beheren en te onderhouden. Het maakt ook de herbruikbaarheid van componenten mogelijk en bevordert een meer modulaire benadering van softwareontwikkeling.



Belangrijke onderwerpen voor het MVC-ontwerppatroon

Wat is het MVC-ontwerppatroon?

De Modelweergavecontroller (MVC)-ontwerppatroon specificeert dat een applicatie bestaat uit een datamodel, presentatie-informatie en besturingsinformatie. Het patroon vereist dat elk van deze in verschillende objecten wordt verdeeld.

  • Het MVC-patroon verdeelt de zorgen van een applicatie in drie afzonderlijke componenten, die elk verantwoordelijk zijn voor een specifiek aspect van de functionaliteit van de applicatie.
  • Deze scheiding van zorgen maakt de applicatie eenvoudiger te onderhouden en uit te breiden, omdat wijzigingen aan één component geen wijzigingen aan de andere componenten vereisen.

Componenten van het MVC-ontwerppatroon



1. Model

De Model-component in het MVC-ontwerppatroon (Model-View-Controller) vertegenwoordigt de gegevens en bedrijfslogica van een applicatie. Het is verantwoordelijk voor het beheer van de gegevens van de applicatie, het verwerken van bedrijfsregels en het reageren op verzoeken om informatie van andere componenten, zoals de View en de Controller.

2. Bekijken

Geeft de gegevens van het model weer aan de gebruiker en stuurt gebruikersinvoer naar de controller. Het is passief en heeft geen directe interactie met het model. In plaats daarvan ontvangt het gegevens van het Model en stuurt het gebruikersinvoer naar de Verwerkingsverantwoordelijke voor verwerking.

3. Beheerder

Verwerkingsverantwoordelijke fungeert als intermediair tussen het Model en de View. Het verwerkt gebruikersinvoer en werkt het model dienovereenkomstig bij en werkt de weergave bij om wijzigingen in het model weer te geven. Het bevat applicatielogica, zoals invoervalidatie en datatransformatie.



Communicatie tussen de componenten

Deze onderstaande communicatiestroom zorgt ervoor dat elk onderdeel verantwoordelijk is voor een specifiek aspect van de functionaliteit van de applicatie, wat leidt tot een beter onderhoudbare en schaalbare architectuur

  • Gebruikersinteractie met weergave:
    • De gebruiker heeft interactie met de weergave, zoals klikken op een knop of tekst invoeren in een formulier.
  • Weergave ontvangt gebruikersinvoer:
    • De View ontvangt de gebruikersinvoer en stuurt deze door naar de Controller.
  • Controller verwerkt gebruikersinvoer:
    • De Controller ontvangt de gebruikersinvoer van de View.
    • Het interpreteert de invoer, voert eventuele noodzakelijke handelingen uit (zoals het bijwerken van het model) en beslist hoe te reageren.
  • Controller-updates Model:
    • De controller werkt het model bij op basis van de gebruikersinvoer of applicatielogica.
  • Model informeert weergave van wijzigingen:
    • Als het Model verandert, wordt de View hiervan op de hoogte gesteld.
  • Verzoekgegevens van model bekijken:
    • De weergave vraagt ​​gegevens van het model op om de weergave ervan bij te werken.
  • Weergave controllerupdates:
    • De Controller werkt de View bij op basis van de wijzigingen in het Model of als reactie op gebruikersinvoer.
  • Bekijk Renders bijgewerkte gebruikersinterface:
    • De weergave geeft de bijgewerkte gebruikersinterface weer op basis van de wijzigingen die door de controller zijn aangebracht.

Voorbeeld van het MVC-ontwerppatroon

Hieronder vindt u de code van bovenstaande probleemstelling met behulp van MVC Design Pattern:

Laten we het opsplitsen in de componentgewijze code:

1. Model (studentenklas)

Vertegenwoordigt de gegevens (naam en rolnummer van de student) en biedt methoden om deze gegevens te openen en te wijzigen.

Java


string ti int



class> Student {> >private> String rollNo;> >private> String name;> >public> String getRollNo() {> >return> rollNo;> >}> >public> void> setRollNo(String rollNo) {> >this>.rollNo = rollNo;> >}> >public> String getName() {> >return> name;> >}> >public> void> setName(String name) {> >this>.name = name;> >}> }> 

>

>

2. Bekijken (StudentView-klas)

Geeft weer hoe de gegevens (studentgegevens) aan de gebruiker moeten worden weergegeven. Bevat een methode ( printStudentDetails> ) om de naam en het rolnummer van de leerling af te drukken.

Java




Java-taal interviewvragen
class> StudentView {> >public> void> printStudentDetails(String studentName, String studentRollNo) {> >System.out.println(>'Student:'>);> >System.out.println(>'Name: '> + studentName);> >System.out.println(>'Roll No: '> + studentRollNo);> >}> }> 

>

>

3. Controller (klasse StudentController)

Fungeert als intermediair tussen het Model en de View. Bevat verwijzingen naar de objecten Model en View. Biedt methoden om het model bij te werken (bijv. setStudentName> , setStudentRollNo> ) en om de weergave bij te werken ( updateView> ).

Java

10 van 50




class> StudentController {> >private> Student model;> >private> StudentView view;> >public> StudentController(Student model, StudentView view) {> >this>.model = model;> >this>.view = view;> >}> >public> void> setStudentName(String name) {> >model.setName(name);> >}> >public> String getStudentName() {> >return> model.getName();> >}> >public> void> setStudentRollNo(String rollNo) {> >model.setRollNo(rollNo);> >}> >public> String getStudentRollNo() {> >return> model.getRollNo();> >}> >public> void> updateView() {> >view.printStudentDetails(model.getName(), model.getRollNo());> >}> }> 

>

>

Volledige code voor het bovenstaande voorbeeld

Hieronder vindt u de volledige code voor het bovenstaande voorbeeld:

Java




class> Student {> >private> String rollNo;> >private> String name;> >public> String getRollNo() {> >return> rollNo;> >}> >public> void> setRollNo(String rollNo) {> >this>.rollNo = rollNo;> >}> >public> String getName() {> >return> name;> >}> >public> void> setName(String name) {> >this>.name = name;> >}> }> class> StudentView {> >public> void> printStudentDetails(String studentName, String studentRollNo) {> >System.out.println(>'Student:'>);> >System.out.println(>'Name: '> + studentName);> >System.out.println(>'Roll No: '> + studentRollNo);> >}> }> class> StudentController {> >private> Student model;> >private> StudentView view;> >public> StudentController(Student model, StudentView view) {> >this>.model = model;> >this>.view = view;> >}> >public> void> setStudentName(String name) {> >model.setName(name);> >}> >public> String getStudentName() {> >return> model.getName();> >}> >public> void> setStudentRollNo(String rollNo) {> >model.setRollNo(rollNo);> >}> >public> String getStudentRollNo() {> >return> model.getRollNo();> >}> >public> void> updateView() {> >view.printStudentDetails(model.getName(), model.getRollNo());> >}> }> public> class> MVCPattern {> >public> static> void> main(String[] args) {> >Student model = retriveStudentFromDatabase();> >StudentView view =>new> StudentView();> >StudentController controller =>new> StudentController(model, view);> >controller.updateView();> >controller.setStudentName(>'Vikram Sharma'>);> >controller.updateView();> >}> >private> static> Student retriveStudentFromDatabase() {> >Student student =>new> Student();> >student.setName(>'Lokesh Sharma'>);> >student.setRollNo(>'15UCS157'>);> >return> student;> >}> }> 

>

>

Uitvoer

Python genereert uuid




Student:> Name: Lokesh Sharma> Roll No: 15UCS157> Student:> Name: Vikram Sharma> Roll No: 15UCS157> 

>

>

Voordelen van het MVC-ontwerppatroon

  • Scheiding van zorgen: MVC scheidt de verschillende aspecten van een applicatie (data, UI en logica), waardoor de code gemakkelijker te begrijpen, te onderhouden en aan te passen is.
  • Modulariteit: Elke component (Model, View, Controller) kan afzonderlijk worden ontwikkeld en getest, wat de herbruikbaarheid en schaalbaarheid van code bevordert.
  • Flexibiliteit: Omdat de componenten onafhankelijk zijn, hebben wijzigingen in één component geen invloed op de andere, waardoor updates en wijzigingen eenvoudiger kunnen worden uitgevoerd.
  • Parallelle ontwikkeling: Meerdere ontwikkelaars kunnen tegelijkertijd aan verschillende componenten werken, waardoor het ontwikkelingsproces wordt versneld.
  • Herbruikbaarheid van code: De componenten kunnen worden hergebruikt in andere delen van de applicatie of in verschillende projecten, waardoor de ontwikkeltijd en -inspanning wordt verminderd.

Nadelen van het MVC-ontwerppatroon

  • Complexiteit: Het implementeren van het MVC-patroon kan de code complexer maken, vooral voor eenvoudigere toepassingen, wat leidt tot overhead bij de ontwikkeling.
  • Leercurve: Ontwikkelaars moeten het concept van MVC begrijpen en begrijpen hoe ze dit effectief kunnen implementeren, wat extra tijd en middelen kan vergen.
  • Bovengronds: De communicatie tussen componenten (Model, View, Controller) kan leiden tot overhead, waardoor de prestaties van de applicatie worden beïnvloed, vooral in omgevingen met beperkte middelen.
  • Potentieel voor over-engineering: In sommige gevallen kunnen ontwikkelaars de applicatie over-engineeren door onnodige abstracties en lagen toe te voegen, wat leidt tot opgeblazen en moeilijk te onderhouden code.
  • Verhoogd aantal bestanden: MVC kan resulteren in een groter aantal bestanden en klassen vergeleken met eenvoudigere architecturen, waardoor de projectstructuur complexer en moeilijker te navigeren kan worden.