model-view-controller architectuur

• Informatica
• Middelbare school
• vwo
• Leerjaar 6

Model-View-Controller architectuur

(MVC)

Leerdoelen

ik kan de delen van de MVC architectuur benoemen

ik kan de taken van deze onderdelen benoemen

ik weet waar ik deze onderdelen kan vinden

                                     met vergelijkingsoperatoren

                                             en samengestelde voorwaarden

                           

Architectuur

Net zoals een huis een architectuur heeft,

met muren, ramen, deuren, een dak

en alle verbindingen ertussen,

heeft een web applicatie dat ook.

MVC architectuur

Een web applicatie gebouwd volgens de MVC architectuur

heeft als bouwstenen

Models

Views

en

Controllers

De View

De View heeft 2 taken:

1. Het tonen van gegevens en plaatjes (GET)
   
2. Het de gebruiker mogelijk maken gegevens in te vullen in een formulier en deze gegevens op te sturen (POST)
   

Het Model

Het Model heeft 2 taken:

1. Het ophalen van gegevens uit de database (GET)
   
2. Het opslaan van gegevens in de database (POST)
   

De Controller

De Controller heeft 2 taken:

1. Verzoeken van de View om gegevens op te halen (GET) doorgeven aan het Model en de van het Model teruggekregen gegevens tonen in een View.
2. Verzoeken van de View om gegevens op te slaan (POST) doorgeven aan het Model en de van het Model teruggekregen gegevens tonen in een View.
   

De View

De View wordt gebouwd met HTML, CSS en PHP.

De variabelen die de Controller heeft gevuld met data ontvangen van het Model kunnen in de View worden getoond.

Het Model

Het Model wordt gebouwd met PHP en SQL.

1. Voor het ophalen van data gebruikt het Model een SELECT query.
2. Voor het opslaan van data gebruikt het Model
   een INSERT query (nieuw record) of
   een UPDATE query (bestaand record)
   

De Controller

De Controller wordt volledig gebouwd met PHP.

1. De Controller vraagt aan het Model om data uit de database te halen en zet deze data in variabelen.
2. De Controller "include" een View die de data in de variabelen toont.
   

Variabelen met data

GET: De Controller ontvangt data van de View in de superglobal variable $_GET. De Controller vraagt het Model om data en  plaatst deze data in variabelen en laat een View deze variabelen tonen.

POST: De Controller ontvangt data van de View in de superglobal variabele $_POST en geeft deze door aan het Model voor opslag in de database.

De MVC files voor categorieën

View: app/views/category.php

Controller: app/controller/CategoryControlller.php

Model: app/model/Category.php

Router: index.php

Opdracht 1

Open de Home Page van je scrum-team

https://vanheuven.nu/~povwo01

https://vanheuven.nu/~povwo02

https://vanheuven.nu/~povwo03

https://vanheuven.nu/~povwo04

https://vanheuven.nu/~povwo05

https://vanheuven.nu/~povwo06

Opdracht 1 (vervolg)

1. Bovenin in het menu klik op de Categorieën link

Wat staat er in de URL om de Categorieën pagina op te vragen?

Aan welke PHP file wordt het verzoek om de Categorieën pagina te tonen initieel doorgegeven?

1. app/model/category.php
2. app/views/category.php
3. app/controller/CategoryController.php
4. index.php

Door welk onderdeel van de MVC architectuur worden de categorieën getoond

1. Het Model
2. De View
3. De Controller
4. Weet ik nog niet

Door welk onderdeel van de MVC architectuur worden de categorieën opgehaald uit de database?

1. Het Model
2. De View
3. De Controller
4. Weet ik nog niet

Door welk onderdeel van de MVC architectuur worden verzoeken gecoördineerd?

1. Het Model
2. De View
3. De Controller
4. Weet ik nog niet

In welke functie in app/model/Category.php staat de SQL query voor het ophalen van alle categorieën?

In welke functie in app/model/Category.php staat de SQL query voor het toevoegen van een categorie?

In welke functie in app/model/Category.php staat de SQL query voor het bijwerken van een categorie?

In welke functie in app/model/Category.php staat de SQL query voor het verwijderen van een categorie?

Leerdoelen

ik kan de delen van de MVC architectuur benoemen

ik kan de taken van deze onderdelen benoemen

ik weet waar ik deze onderdelen kan vinden

                                     met vergelijkingsoperatoren

                                             en samengestelde voorwaarden