De débutant à avancé dans OpenCart Comprendre MVC

Dans le précédent tutoriel, nous avons abordé quelques notions de base pour comprendre l’application OpenCart principale. Dans cet article, nous allons poursuivre la discussion sur le modèle de conception utilisé par OpenCart et même écrire notre propre contrôleur.. 

Avant de comprendre l'architecture du code dans OpenCart, nous allons d'abord examiner l'architecture MVC (Model-View-Controller)..

Qu'est-ce que MVC??

Dans la programmation Web moderne, l'architecture MVC est largement utilisée. La plupart des frameworks les plus populaires utilisent MVC; cependant, ce n'est pas une application, c'est un modèle de conception - une solution préconisée à un problème commun organisé en code. 

De même, il est également connu comme un motif architectural. MVC peut être considéré comme une architecture basée sur des couches. Autrement dit, le contrôleur, le modèle et la vue sont trois couches qui sont toutes liées les unes aux autres..

1. Contrôleurs

Les contrôleurs détiennent le contrôle principal du programme. Un contrôleur est responsable du déroulement du programme. Dans les applications MVC basées sur le Web, c'est également la première couche appelée lorsque le navigateur affiche l'URL. 

2. modèles

Les modèles contiennent les données principales du programme, telles que des informations provenant d'objets de base de données et de requêtes SQL. Toutes les données sont obtenues à partir des modèles; Cependant, les modèles ne peuvent pas être appelés directement - il s'agit d'un contrôleur qui demande un modèle pour des données spécifiques. Le modèle exécute la demande et renvoie les données à ce contrôleur..

3. Vues

Une vue est la dernière couche de l'architecture MVC qui contient l'interface utilisateur du programme. Dans les applications Web, une vue contient HTML, CSS, JavaScript, XML ou JSON, etc. La vue est un calque visible pour l'utilisateur, tandis que les modèles et les contrôleurs sont masqués..

Comprenons cela avec l'aide du formulaire de conversation lorsqu'un utilisateur clique sur l'URL:

  • Manette: Hey ABC Model: L'utilisateur veut les données XYZ, veuillez me les passer.
  • Modèle: Vous avez les données XYZ! C'est ici.
  • Manette: Hey ABC View, je te transmets les données XYZ.
  • Vue: Rend l'information sur la page pour que l'utilisateur voie.

Comprendre MVC dans OpenCart

1. Contrôleurs

Comme indiqué ci-dessus, un contrôleur est la première couche de l'architecture MVC. Voyons cela dans le contexte de notre site. Nous allons créer un nouveau contrôleur pour nous aider à mieux comprendre.

  1. Créer un vide tester répertoire dans le répertoire des contrôleurs i.e., catalogue / contrôleur / test
  2. Créer un abc.php Fichier PHP à l'intérieur du tester répertoire i.e., catalogue / contrôleur / test / abc.php.
  3. Modifier le abc.php dans votre IDE et ajoutez le code suivant:
Dans l'exemple ci-dessus, certaines contraintes OpenCart Framework doivent être strictement respectées par le programmeur..
  1. Pour un nom de classe de contrôleur, il devrait être comme Contrôleur (NomDossier) (Nom du fichier) . Ce qu'il faut retenir: le premier cas de nom de dossier et de nom de fichier doit être en majuscule et ne pas inclure l'extension de fichier en tant que nom de classe.
  2. le indice() est la fonction principale qui est exécutée automatiquement lors de l'appel du contrôleur
  3. indice()  la fonction doit être publique.
  4. N'utilisez pas HTML, JavaScript ou CSS dans le contrôleur 

Maintenant, allez dans votre navigateur et tapez l'URL: http: //localhost/Opencart/index.php? route = test / abc

Résumé

Bingo! Vous avez fait votre premier contrôleur. N'est-ce pas facile? C'est assez juste pour ce tutoriel puisque nous avons créé notre premier contrôleur! Un contrôleur est la première et la plus importante couche de MVC car MVC peut exister sans le modèle et la vue, mais pas sans le contrôleur..

Dans notre prochain article, nous allons créer des modèles et des vues et examiner le paramètre route en ce qui concerne le contrôleur. J'espère que vous avez apprécié cet article. Code heureux!