Aperçu structurel des bases du développement du mini-programme WeChat (2)

Tutoriel de développement de programmes WeChat Mini (bases) 1-Première introduction aux mini programmes WeChat

À la fin du didacticiel précédent, nous avons généré un mini programme similaire à "Hello World". ne sont pas Écrivez n’importe quelle ligne de code.
Après avoir créé un nouveau projet, l'applet WeChat générera un cadre de programme par défaut et les travaux de développement de programme ultérieurs seront effectués sur ce cadre. Ce framework par défaut contient les parties suivantes :

app.xx

Chaque applet WeChat contiendra trois fichiers : app.js, app.json et app.wxss, parmi lesquels app.js file Contient le code d'implémentation logique du programme, app.json est un fichier de configuration global et app.wxss est un fichier de style global. Le contenu et la fonction de chaque fichier seront présentés en détail ultérieurement.

répertoire pages

le répertoire pages contient les fichiers de page actuels du programme. En prenant comme exemple le programme généré par défaut, ce répertoire contient deux répertoires, index et logs, indiquant que le programme inclut. index et journaux Deux pages.

Prenons index comme exemple. Ce répertoire contient trois fichiers : index.js, index.wxss et index.wxml est un fichier de code, wxss est un fichier de style et wxml est une description de la structure de la page. déposer.

Les étudiants qui sont familiers avec le développement Web devraient se sentir très familiers. Le modèle de développement de l’applet WeChat est en effet très similaire au développement web. Actuellement, la partie logique ne prend en charge que le langage JavaScript et utilise wxml (similaire au HTML) et wxss (similaire au CSS) pour décrire la structure et le style de la page. Le javascript ici est exactement le même que sur le Web, mais comme il ne s'exécute pas dans l'environnement du navigateur, les objets tels que les fenêtres et les documents ne peuvent pas être utilisés, et bien sûr les bibliothèques tierces telles que jquery ne peuvent pas être utilisées. La syntaxe de wxml et wxss est également très similaire à celle de HTML et CSS. La page

peut également contenir un fichier index.json pour la configuration, mais ce n'est pas obligatoire.

Habituellement, une applet WeChat complète contient les deux parties ci-dessus. Bien sûr, nous pouvons également définir notre propre répertoire pour stocker le code public et d'autres fichiers requis par le programme.

app.json

Ouvrez le fichier app.json, vous pouvez voir le code suivant

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

La partie pages contient les pages du programme, afin que le Le framework peut savoir où trouver le fichier d'échange. La partie fenêtre contient certaines configurations de la fenêtre du programme. Pour les éléments de configuration détaillés, veuillez vous référer au mini-programme de configuration

app.wxss

Le fichier app.wxss contient des informations de style globales. Dans le programme généré par défaut, il n'y a qu'un seul sélecteur de classe.container. Ce type est utilisé dans index.wxml et logs.wxml.

app.js

Ce fichier contient l'implémentation principale du code de processus du programme. Veuillez consulter le didacticiel suivant pour l'analyse de cette partie.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!