MVC architecture overview in PHP - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to define the Model class in MVC.

PHP

<?php
class [1] {
    public function getData() {
        return "Data from model";
    }
}
?>

Drag options to blanks, or click blank then click option'

AModel

BApp

CView

DController

Attempts:

3 left

💡 Hint

Common Mistakes

Using Controller or View as the class name instead of Model.

The Model class handles data and business logic in MVC.

2fill in blank

medium

Complete the code to call the View in MVC.

PHP

<?php
class Controller {
    public function show() {
        $view = new [1]();
        $view->render();
    }
}
?>

Drag options to blanks, or click blank then click option'

AController

BModel

CTemplate

DView

Attempts:

3 left

💡 Hint

Common Mistakes

Calling Model or Controller instead of View.

The Controller calls the View to display data.

3fill in blank

hard

Fix the error in the Controller method to get data from Model.

PHP

<?php
class Controller {
    public function getData() {
        $model = new Model();
        return $model->[1]();
    }
}
?>

Drag options to blanks, or click blank then click option'

AfetchData

BgetData

Crender

Dshow

Attempts:

3 left

💡 Hint

Common Mistakes

Using method names not defined in Model like fetchData or render.

The Model's method to get data is getData().

4fill in blank

hard

Fill both blanks to create a simple MVC flow: Controller calls Model and then View.

PHP

<?php
class Controller {
    public function display() {
        $model = new [1]();
        $data = $model->getData();
        $view = new [2]();
        $view->render($data);
    }
}
?>

Drag options to blanks, or click blank then click option'

AModel

BController

CView

DTemplate

Attempts:

3 left

💡 Hint

Common Mistakes

Swapping Model and View names or using Controller as a class to instantiate.

The Controller creates a Model to get data and a View to render it.

5fill in blank

hard

Fill all three blanks to complete the MVC interaction: Controller gets data, passes to View, and View renders.

PHP

<?php
class Controller {
    public function show() {
        $model = new [1]();
        $data = $model->getData();
        $view = new [2]();
        $view->[3]($data);
    }
}
?>

Drag options to blanks, or click blank then click option'

AModel

BView

Crender

Ddisplay

Attempts:

3 left

💡 Hint

Common Mistakes

Using display() instead of render(), or swapping Model and View.

The Controller creates a Model to get data, a View to display it, and calls render() on the View.

Practice

1. In the MVC architecture, which component is responsible for handling user input and updating the model?

easy

A. Controller

B. Model

C. View

D. Database

Solution

1. Step 1: Understand MVC roles

   The Model manages data, the View displays data, and the Controller handles user input.

2. Step 2: Identify the component for user input

   The Controller receives user actions and updates the Model accordingly.

3. Final Answer:

   Controller -> Option A

4. Quick Check:

   Controller handles input [OK]

Hint: Controller connects user actions to data changes [OK]

Common Mistakes:

• Confusing Model with Controller
• Thinking View handles input
• Assuming Database is part of MVC

2. Which of the following is the correct way to describe the role of the Model in MVC?

easy

A. It processes user input and updates views.

B. It manages the data and business logic.

C. It displays data to the user.

D. It handles routing and URLs.

Solution

1. Step 1: Recall Model's responsibility

   The Model stores and manages data and business rules.

2. Step 2: Match description to Model

   Only It manages the data and business logic. correctly states that the Model manages data and logic.

3. Final Answer:

   It manages the data and business logic. -> Option B

4. Quick Check:

   Model manages data and logic [OK]

Hint: Model is about data and rules, not display or input [OK]

Common Mistakes:

• Mixing up Model and View roles
• Thinking Controller manages data
• Confusing routing with Model

3. Given this PHP MVC snippet:

<?php
class Controller {
  public function show() {
    $data = Model::getData();
    View::render($data);
  }
}

class Model {
  public static function getData() {
    return ['name' => 'Alice'];
  }
}

class View {
  public static function render($data) {
    echo 'Hello, ' . $data['name'];
  }
}

$controller = new Controller();
$controller->show();
?>

What is the output when this code runs?

medium

A. Hello, name

B. Array

C. Hello, Alice

D. Error: Undefined index

Solution

1. Step 1: Trace data flow in code

   The Controller calls Model::getData(), which returns ['name' => 'Alice'].

2. Step 2: Check View rendering

   View::render() echoes 'Hello, ' plus the value of $data['name'], which is 'Alice'.

3. Final Answer:

   Hello, Alice -> Option C

4. Quick Check:

   Output = 'Hello, Alice' [OK]

Hint: Follow data from Model to View for output [OK]

Common Mistakes:

• Printing the array directly
• Using wrong array key
• Confusing static method calls

4. Identify the error in this MVC PHP code snippet:

<?php
class Controller {
  public function display() {
    $data = Model::fetchData();
    View::show($data);
  }
}

class Model {
  public static function getData() {
    return ['age' => 30];
  }
}

class View {
  public static function show($data) {
    echo 'Age: ' . $data['age'];
  }
}

$controller = new Controller();
$controller->display();
?>

medium

A. Model::fetchData() method does not exist

B. View::show() method is missing

C. Controller class is not instantiated

D. Array key 'age' is incorrect

Solution

1. Step 1: Check method calls in Controller

   Controller calls Model::fetchData(), but Model only has getData() method.

2. Step 2: Verify Model methods

   Model::fetchData() does not exist, causing a fatal error.

3. Final Answer:

   Model::fetchData() method does not exist -> Option A

4. Quick Check:

   Model::fetchData() method does not exist [OK]

Hint: Match method names exactly between classes [OK]

Common Mistakes:

• Assuming method names are interchangeable
• Ignoring case sensitivity
• Overlooking missing methods

5. You want to add a feature in your PHP MVC app to display a list of users. Which MVC components should you update and how?

hard

A. Update Model to display list, View to fetch users, Controller to store data

B. Update View to fetch users, Controller to display list, Model to handle input

C. Update Controller to fetch users, Model to display list, View to handle input

D. Update Model to fetch users, Controller to pass data, View to display list

Solution

1. Step 1: Assign responsibilities per MVC

   The Model fetches data, Controller processes logic, View shows output.

2. Step 2: Map feature to components

   Model fetches users, Controller gets data and sends to View, View displays user list.

3. Final Answer:

   Update Model to fetch users, Controller to pass data, View to display list -> Option D

4. Quick Check:

   Model=data, Controller=logic, View=display [OK]

Hint: Model gets data, Controller links, View shows it [OK]

Common Mistakes:

• Letting View fetch data directly
• Making Controller handle display
• Confusing roles of MVC parts