Von Anfänger bis Fortgeschritten in OpenCart Weitere Modulentwicklung

Willkommen bei der OpenCart-Entwicklerserie. In unserem vorherigen Artikel zur Modulentwicklung haben wir unser erstes "Hello World Module" mit MVC (Model-View-Controller) in Bezug auf das Dashboard erstellt. 

In diesem Artikel erstellen wir ein Modul für das Frontend. Ich empfehle Ihnen, meinen vorherigen Artikel zu lesen, wenn Sie ihn noch nicht gelesen haben. Viele Entwickler haben Angst, Module für OpenCart zu entwickeln, da sie zuerst nach verfügbaren Modulen auf dem Markt suchen. Es ist jedoch sehr einfach, die Funktionalität selbst zu entwickeln.

Wie Sie wissen, haben wir ein einfaches Modul entwickelt, das eine Eingabe vom Backend übernimmt und in der Datenbank speichert.

Modulkonfiguration

  1. Fügen Sie einen Dummy-Inhalt in das Feld "Hello World Code" ein.
  2. Legen Sie das Layout, die Position, den Status und die Sortierreihenfolge gemäß dem folgenden Screenshot fest.

Um die Layouts zu verstehen, können Sie meinen Artikel zur OpenCart-Konfiguration lesen.

Erstellen eines Store Controllers

  1. Navigiere zu Katalog / Controller / Modul und erstellen Sie eine neue PHP-Datei.
  2. Benennen Sie die Datei helloworld.php.
  3. Öffnen Sie die Datei in Ihrer bevorzugten IDE und verwenden Sie die OpenCart Class Naming Convention, d. Klasse ControllerModuleHelloworld erweitert Controller  .
  4. Erstellen Sie eine OpenCart-Standardfunktion innerhalb der Klasse, d. öffentlicher Funktionsindex ()  . (Bitte lesen Sie diesen Artikel.)
  5. In der Standardeinstellung Index() Funktion, schreiben Sie den unten angegebenen Code:
$ this-> language-> load ('module / helloworld'); // lädt die Sprachdatei von helloworld $ this-> data ['heading_title'] = $ this-> language-> get ('heading_title'); // setze den heading_title des Moduls $ this-> data ['helloworld_value'] = html_entity_decode ($ this-> config-> get ('helloworld_text_field')); // ruft den gespeicherten Wert des helloworld-Textfeldes ab und parst ihn in eine Variable, um diese in unserer Modulansicht $ this-> template = $ this-> config-> get ('config_template') zu verwenden. "/template/module/helloworld.tpl"; // Vorlagenpfad von store helloworld module $ this-> render (); // rendert die Ausgabe

Und wir sind fertig mit der Entwicklung unseres Controllers.

Beachten Sie, dass es wichtig ist, die Kommentare nach jeder Codezeile zu lesen, um zu verstehen, welche Arbeit gerade ausgeführt wird.

Erstellen einer Store-Ansicht

  1. Navigieren Sie zu Ihrem Standardordner für Geschäftsvorlagen. In meinem Fall ist es: Katalog / Ansicht / Thema / Standard / Vorlage / Modul.
  2. Erstellen Sie eine neue Vorlagendatei.
  3. Nennen Sie es helloworld.tpl
  4. Sie können Ihren eigenen HTML-Code schreiben, um den Inhalt Ihres Moduls anzuzeigen. So schrieb ich den HTML-Code:

Sprachdatei erstellen

  1. Ein ... kreieren helloworld.php Sprachdatei in Ihrem Katalog / Sprache / (Sprache) / Modul
  2. Fügen Sie einige Sprachdaten in Ihre Sprachdatei ein, in meinem Fall: 

Wenn Ihre Website mehrsprachig ist, platzieren Sie die Sprachdatei in allen Ihren Sprachen.

Was haben wir gerade gemacht??

Grundsätzlich funktioniert unser Modul einfach, weil es eine einzelne Eingabe aus dem Dashboard entnimmt und diese auf dem Frontend des Geschäfts anzeigt. In diesem Zusammenhang haben wir einige Dummy-Daten aus dem Back-End-Modul "Hello World" hinzugefügt und die Layouts und die Position festgelegt, an der das Modul angezeigt werden soll. In unserem Fall sind dies Layouts Kontakt und Konto und ihre Positionen sind bei Spalte links und Spalte rechtsbeziehungsweise.

Unsere Arbeit testen

Die Arbeit zum Schreiben eines Moduls für unser Store-Frontend ist abgeschlossen. Nehmen Sie jedoch niemals an, dass es funktioniert, ohne den Code tatsächlich zu testen.

  1. Sie können entweder zum gehen Kontaktiere uns Seite von der Unterseite des Store-Frontends oder durch Klicken auf die http: //localhost/OpencartStore/index.php? route = information / kontakt URL. 
  2. Dort sollte sich unser Modul gemäß dem folgenden Screenshot in seiner definierten Position befinden.

Wunderbar! Das Modul erscheint an der richtigen Stelle und im richtigen Layout. Dies bedeutet, dass alle Ihre Arbeit in Ordnung ist. Sie können auch überprüfen, ob Ihr Modul im angezeigt wird Kontenlayout oder nicht. Wenn Sie die richtigen Schritte befolgt haben, sollte sie auch dort angezeigt werden.

Fazit

Zu diesem Zeitpunkt haben Sie die bedeutendste Arbeit in der OpenCart-Entwicklungsreihe geleistet. Wie ich bereits in der Einleitung dieses Artikels erwähnt habe, ist die Entwicklung von Modulen für OpenCart für Anfänger leicht genug, um sie zu erlernen und loszulegen.

In den kommenden Tutorials konzentrieren wir uns auf die API-Integration mit OpenCart und einige Themenentwicklungen. Ich hoffe, dass Ihnen unsere Artikel gefallen. Viel Spaß kommt auf den Weg!

Wenn Sie meine Artikel mögen, geben Sie bitte Ihr Feedback mit dem untenstehenden Feed an