{"id":2058,"date":"2024-06-14T07:09:14","date_gmt":"2024-06-14T07:09:14","guid":{"rendered":"https:\/\/www.devopssupport.in\/blog\/?p=2058"},"modified":"2024-06-15T05:28:03","modified_gmt":"2024-06-15T05:28:03","slug":"mvc-model-view-controller-in-laravel-a-comprehensive-tutorial","status":"publish","type":"post","link":"https:\/\/www.devopssupport.in\/blog\/mvc-model-view-controller-in-laravel-a-comprehensive-tutorial\/","title":{"rendered":"MVC (Model-View-Controller) in Laravel A Comprehensive Tutorial"},"content":{"rendered":"\n

Introduction<\/h3>\n\n\n\n

MVC (Model-View-Controller) is a software architectural pattern that separates an application into three main logical components: Model, View, and Controller. This separation helps in organizing code, making it more maintainable, scalable, and testable. Laravel, a popular PHP framework, follows the MVC architecture. This tutorial will guide you through implementing MVC in Laravel.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

MVC Components<\/h3>\n\n\n\n
    \n
  1. Model:<\/strong> Manages the data and business logic of the application.<\/li>\n\n\n\n
  2. View:<\/strong> Handles the presentation layer, displaying data to the user.<\/li>\n\n\n\n
  3. Controller:<\/strong> Processes user requests, updates the Model, and selects the View for response.<\/li>\n<\/ol>\n\n\n\n

    Setting Up the Environment<\/h3>\n\n\n\n

    Ensure you have Composer and PHP installed on your machine. Then, install Laravel using Composer:<\/p>\n\n\n\n

    composer global require laravel\/installer<\/code><\/pre>\n\n\n\n
    Create a new Laravel project:<\/p>\n\n\n\n
    laravel new mvc_app\ncd mvc_app<\/code><\/pre>\n\n\n\n
    Directory Structure<\/h3>\n\n\n\n
    Laravel’s directory structure supports the MVC pattern by default:<\/p>\n\n\n\n
    mvc_app\/\n\u251c\u2500\u2500 app\/\n\u2502   \u251c\u2500\u2500 Console\/\n\u2502   \u251c\u2500\u2500 Exceptions\/\n\u2502   \u251c\u2500\u2500 Http\/\n\u2502   \u2502   \u251c\u2500\u2500 Controllers\/\n\u2502   \u2502   \u251c\u2500\u2500 Middleware\/\n\u2502   \u251c\u2500\u2500 Models\/\n\u2502   \u251c\u2500\u2500 Providers\/\n\u251c\u2500\u2500 bootstrap\/\n\u251c\u2500\u2500 config\/\n\u251c\u2500\u2500 database\/\n\u251c\u2500\u2500 public\/\n\u251c\u2500\u2500 resources\/\n\u2502   \u251c\u2500\u2500 views\/\n\u251c\u2500\u2500 routes\/\n\u251c\u2500\u2500 storage\/\n\u251c\u2500\u2500 tests\/\n\u251c\u2500\u2500 vendor\/<\/code><\/pre>\n\n\n\n
    Step 1: Creating a Model<\/h3>\n\n\n\n
    Let’s create a model for our application using the built-in artisan command to generate a User<\/code> model:<\/p>\n\n\n\n
    php artisan make:model User<\/code><\/pre>\n\n\n\n
    This command creates a new User<\/code> model in the app\/Models<\/code> directory. Add methods to interact with the database in this model.<\/p>\n\n\n\n
    app\/Models\/User.php<\/code><\/h4>\n\n\n\n
    <?php\n\nnamespace App\\Models;\n\nuse Illuminate\\Database\\Eloquent\\Factories\\HasFactory;\nuse Illuminate\\Database\\Eloquent\\Model;\n\nclass User extends Model {\n    use HasFactory;\n\n    protected $fillable = ['name', 'email', 'password'];\n}<\/code><\/pre>\n\n\n\n
    Step 2: Creating a Controller<\/h3>\n\n\n\n
    Next, create a controller to handle user requests using the artisan command to generate a UserController<\/code>:<\/p>\n\n\n\n
    php artisan make:controller UserController<\/code><\/pre>\n\n\n\n
    This command creates a new UserController<\/code> in the app\/Http\/Controllers<\/code> directory.<\/p>\n\n\n\n
    app\/Http\/Controllers\/UserController.php<\/code><\/h4>\n\n\n\n
    <?php\n\nnamespace App\\Http\\Controllers;\n\nuse App\\Models\\User;\nuse Illuminate\\Http\\Request;\n\nclass UserController extends Controller {\n    public function index() {\n        $users = User::all();\n        return view('users.index', ['users' => $users]);\n    }\n}<\/code><\/pre>\n\n\n\n
    Step 3: Creating a View<\/h3>\n\n\n\n
    Next, create a view to display the list of users. Views in Laravel are stored in the resources\/views<\/code> directory.<\/p>\n\n\n\n
    Create a new directory users<\/code> and a file index.blade.php<\/code> within it.<\/p>\n\n\n\n
    resources\/views\/users\/index.blade.php<\/code><\/h4>\n\n\n\n
    <!DOCTYPE html>\n<html>\n<head>\n    <title>User List<\/title>\n<\/head>\n<body>\n    <h1>Users<\/h1>\n    <ul>\n        @foreach ($users as $user)\n            <li>{{ $user->name }} ({{ $user->email }})<\/li>\n        @endforeach\n    <\/ul>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n
    Step 4: Setting Up Routes<\/h3>\n\n\n\n
    Define a route to access the user list in the routes\/web.php<\/code> file.<\/p>\n\n\n\n
    routes\/web.php<\/code><\/h4>\n\n\n\n
    <?php\n\nuse Illuminate\\Support\\Facades\\Route;\nuse App\\Http\\Controllers\\UserController;\n\nRoute::get('\/users', [UserController::class, 'index']);<\/code><\/pre>\n\n\n\n
    Step 5: Database Setup<\/h3>\n\n\n\n
    Ensure your database configuration is set up correctly in the .env<\/code> file:<\/p>\n\n\n\n
    DB_CONNECTION=mysql\nDB_HOST=127.0.0.1\nDB_PORT=3306\nDB_DATABASE=mvc_db\nDB_USERNAME=root\nDB_PASSWORD=<\/code><\/pre>\n\n\n\n
    Run the migrations to create the users table:<\/p>\n\n\n\n
    php artisan migrate<\/code><\/pre>\n\n\n\n
    Step 6: Seeding the Database<\/h3>\n\n\n\n
    To test our application, seed the database with some user data.<\/p>\n\n\n\n
    database\/seeders\/UserSeeder.php<\/code><\/h4>\n\n\n\n
    <?php\n\nnamespace Database\\Seeders;\n\nuse Illuminate\\Database\\Seeder;\nuse App\\Models\\User;\n\nclass UserSeeder extends Seeder {\n    public function run() {\n        User::factory()->count(10)->create();\n    }\n}<\/code><\/pre>\n\n\n\n
    Add the seeder to the DatabaseSeeder<\/code>:<\/p>\n\n\n\n
    database\/seeders\/DatabaseSeeder.php<\/code><\/h4>\n\n\n\n
    <?php\n\nnamespace Database\\Seeders;\n\nuse Illuminate\\Database\\Seeder;\n\nclass DatabaseSeeder extends Seeder {\n    public function run() {\n        $this->call(UserSeeder::class);\n    }\n}<\/code><\/pre>\n\n\n\n
    Run the seeder:<\/p>\n\n\n\n
    php artisan db:seed<\/code><\/pre>\n\n\n\n
    <\/h3>\n","protected":false},"excerpt":{"rendered":"
    Introduction MVC (Model-View-Controller) is a software architectural pattern that separates an application into three main logical components: Model, View, and Controller. This separation helps in organizing code,… <\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1612],"tags":[],"class_list":["post-2058","post","type-post","status-publish","format-standard","hentry","category-laravel-tutorial"],"_links":{"self":[{"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/posts\/2058","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/comments?post=2058"}],"version-history":[{"count":2,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/posts\/2058\/revisions"}],"predecessor-version":[{"id":2061,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/posts\/2058\/revisions\/2061"}],"wp:attachment":[{"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/media?parent=2058"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/categories?post=2058"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.devopssupport.in\/blog\/wp-json\/wp\/v2\/tags?post=2058"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}