Struktureller Überblick über die Grundlagen der WeChat Mini-Programmentwicklung (2)

Tutorial zur WeChat-Miniprogrammentwicklung (Grundlagen) 1 – Erste Einführung in WeChat-Miniprogramme

Am Ende des vorherigen Tutorials haben wir ein Miniprogramm ähnlich „Hello World“ erstellt sind nein. Schreiben Sie eine beliebige Codezeile.
Nach dem Erstellen eines neuen Projekts generiert das WeChat-Applet ein Standardprogramm-Framework und die anschließende Programmentwicklungsarbeit wird an diesem Framework durchgeführt. Dieses Standard-Framework enthält die folgenden Teile:

app.xx

Jedes WeChat-Applet enthält drei Dateien: app.js, app.json und app.wxss, darunter app.js Datei Enthält den logischen Implementierungscode des Programms, app.json ist eine globale Konfigurationsdatei und app.wxss ist eine globale Stildatei. Der Inhalt und die Funktion jeder Datei werden später im Detail vorgestellt.

Seitenverzeichnis

Seitenverzeichnis enthält die aktuelle Auslagerungsdatei des Programms. Am Beispiel des standardmäßig generierten Programms enthält dieses Verzeichnis zwei Verzeichnisse, Index und Protokolle, was darauf hinweist, dass das Programm Folgendes enthält Index und Protokolle Zwei Seiten.

Nehmen Sie Index als Beispiel. Dieses Verzeichnis enthält drei Dateien: index.js, index.wxss und index.wxml. js ist eine Codedatei, wxss ist eine Stildatei und wxml ist eine Seitenstrukturbeschreibung Datei.

Studenten, die mit der Webentwicklung vertraut sind, sollten sich sehr vertraut fühlen. Das Entwicklungsmodell des WeChat-Applets ist in der Tat der Webentwicklung sehr ähnlich. Derzeit unterstützt der Logikteil nur die JavaScript-Sprache und verwendet wxml (ähnlich HTML) und wxss (ähnlich CSS), um die Struktur und den Stil der Seite zu beschreiben. Das Javascript ist hier genau das gleiche wie im Web, aber da es nicht in der Browserumgebung ausgeführt wird, können Objekte wie Fenster und Dokumente nicht verwendet werden, und natürlich können auch Bibliotheken von Drittanbietern wie JQuery nicht verwendet werden. Auch die Syntax von wxml und wxss ist der von HTML und CSS sehr ähnlich. Die Seite

kann auch eine index.json-Datei zur Konfiguration enthalten, dies ist jedoch nicht erforderlich.

Normalerweise enthält ein vollständiges WeChat-Applet die beiden oben genannten Teile. Natürlich können wir auch unser eigenes Verzeichnis definieren, um öffentlichen Code und andere vom Programm benötigte Dateien zu speichern.

app.json

Öffnen Sie die Datei app.json. Sie können den folgenden Code sehen.

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  }
}

Der Seitenteil enthält die Seiten des Programms, sodass die Das Framework kann erkennen, wo sich die Auslagerungsdatei befindet. Der Fensterteil enthält einige Konfigurationen des Programmfensters. Detaillierte Konfigurationselemente finden Sie im Konfigurations-Miniprogramm

app.wxss

app.wxss-Datei enthält globale Stilinformationen. Im standardmäßig generierten Programm gibt es nur eine Klasse selector.container. Dieser Typ wird in index.wxml und logs.wxml verwendet.

app.js

Diese Datei enthält die Code-Implementierung des Hauptprozesses des Programms. Eine Analyse dieses Teils finden Sie im nächsten Tutorial.

Das obige ist der detaillierte Inhalt vonStruktureller Überblick über die Grundlagen der WeChat Mini-Programmentwicklung (2). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!