Démonstration du projet d'un système d'enregistrement d'apprentissage quotidien basé sur l'applet WeChat
Technologies liées au mini-programme WeChat
L'intention initiale du lancement du mini-programme WeChat n'est pas seulement de le rendre plus pratique pour les utilisateurs, mais également de fournir aux développeurs un environnement de développement plus pratique et plus pratique pour un développement plus efficace. La conception et le développement de tout système nécessitent un cadre système complet pour garantir le fonctionnement complet de l’ensemble du système. Pour les mini-programmes WeChat, afin d'accélérer le développement, le framework utilisé par les mini-programmes WeChat est le framework d'application MINA. Le framework MINA est principalement un système responsable de l’interaction des données. Sa composition comprend principalement la structure de couche de vue utilisée pour afficher la page et le système de couche logique responsable de la réalisation de l'interaction des données. Parmi eux, la couche vue est responsable de l'émission des demandes d'événements et la couche logique est responsable de la réception et du traitement des données. Lorsque la couche logique reçoit les données, la couche de vue effectue les mises à jour correspondantes en fonction des modifications des données dans la couche logique. Le framework MINA synchronise les modifications des données dans la couche logique et la couche de vue.
Le framework est également responsable de nombreuses opérations interactives. Les développeurs n'ont qu'à saisir les méthodes et fonctions de page à implémenter, et le framework peut gérer le routage des pages et le cycle de vie de l'ensemble du programme, permettant au mini-programme de passer de manière transparente à différents enfants. pages. La couche de vue dans le framework MINA est utilisée pour développer l'interface frontale du mini programme. La page construit l'interface et utilise les langages WXML et WXSS pour le développement. Les langages WXML et WXSS sont tous deux des langages de description fournis par le framework lui-même, et WXML est utilisé pour décrire la structure de la page. WXSS est utilisé pour contrôler le style d'affichage de la page et créer la structure d'affichage de base de la page. La couche logique AppService est le centre de service de MINA. Elle est responsable des données requises pour le rendu des pages et de la logique de traitement des interactions entre les pages, en gérant le cycle de vie de l'application et le routage des pages. La couche vue envoie des demandes d'événements à la couche logique. , et la couche logique effectue le traitement des données de page et le traitement via les demandes transmises, puis envoyées à la couche d'affichage pour le rendu de la page. La couche logique est écrite en langage JavaScript pour mettre en œuvre l'interaction des pages, les requêtes réseau et le traitement des données. La couche logique contient de puissantes fonctions d'interface API de petits programmes. Lors du développement, les développeurs peuvent appeler directement toutes les fonctions dont ils ont besoin, y compris l'interface pour obtenir des informations utilisateur. . , interface de fonction de paiement, interface de fonction de service de localisation, etc. De plus, le mini-programme utilise JSBridge pour mobiliser l'interface API sous-jacente. JSBridge connecte le Web et Native via JavaScript, de sorte que Native puisse appeler le code JS du WEB et que le Web puisse appeler le code natif. Par conséquent, le développement de mini-programmes WeChat n'a pas besoin de prendre en compte les différences entre les systèmes d'exploitation iOS et Android. Les deux sont compatibles et ne doivent être développés qu'au niveau de la couche de visualisation et de la couche logique. La figure suivante montre principalement la structure principale du framework MINA :
Répertoire des fichiers de l'applet WeChat
Le développement de chaque mini-programme WeChat doit inclure une application dont la fonction principale est de décrire le mini-programme dans son ensemble, et une page qui sert principalement à décrire la page du mini-programme. Lors du développement du mini programme, le répertoire de structure de code initialisé par le mini programme WeChat est très simple et clair. Seuls deux répertoires sont affichés, à savoir le répertoire pages et le répertoire utils, ainsi que app.js, app.json et app. Fichiers d'application .wxss.. Pour le répertoire pages, sa fonction principale est équivalente à une "mémoire" utilisée pour "stocker" chaque page d'affichage de l'applet. Une page correspond à un répertoire qui contient quatre fichiers : les fichiers js, les fichiers wxml, les fichiers wxss et les fichiers json. Comme le montre la figure ci-dessous, le répertoire pages stocke principalement les fichiers qui constituent les deux pages, index et logs. Utils est responsable du stockage des bibliothèques js et des fichiers au format numérique. Comme le montre la figure 2-2.
Ensuite, nous présenterons les trois fichiers app.js, app.json et app.wxss que chaque mini-programme doit inclure. Ces trois fichiers constituent la partie principale d'un mini-programme. Et les noms de fichiers de ces trois fichiers sont fixes et ne peuvent pas être modifiés avec désinvolture. Le tableau 2-1 ci-dessous présente ces trois fichiers en détail.
Le fichier app.js est le premier fichier à être exécuté. Parce que cela nécessite d’abord une définition unifiée du code du programme et une gestion unifiée de la logique globale. D'après le nom suffixe de app.js, nous savons que cette partie utilise du code JavaScript. L'application contient principalement la méthode onLaunch, la méthode getUserInfo et les données variables globales globalData.
Le programme de la méthode onLaunch sera exécuté au démarrage de l'applet. Les méthodes commençant par wx. sont toutes des méthodes "intégrées" au système. Nous pouvons les appeler directement lorsque nous avons besoin de les utiliser. Chaque fois que vous entrez wx., le système affichera immédiatement sa méthode « autonome ». Ce qui est montré dans l’image ci-dessus. wx.getStorageSync consiste à obtenir le champ des journaux du cache local. La méthode unshift() ajoute le nouveau contenu du journal et l'heure actuelle à la fin du tableau. get UserInfo La méthode personnalisée est utilisée pour obtenir des informations sur l'utilisateur. Ici, vous devez d'abord déterminer si les informations utilisateur sont vides. Si les informations utilisateur sont vides, appelez l'interface de connexion WeChat. Une fois la connexion réussie, l'ID utilisateur et l'identité sont stockés dans la variable globale globalData. Le fichier app.json est le fichier de configuration globale du mini programme. Dans ce fichier, les pages des composants du mini-programme doivent être configurées, et la couleur d'arrière-plan de la fenêtre unifiée et la barre de navigation de l'ensemble du mini-programme peuvent être configurées en fonction des besoins réels. Styles, titres par défaut, etc. Aucun commentaire ne peut être ajouté à ce fichier. app.json est la configuration globale de l'applet actuelle. Y compris tous les chemins de page du mini-programme, les performances de la fenêtre d'interface, le délai d'expiration du réseau, l'onglet inférieur, etc. La configuration de app.json peut être remplacée par la même configuration .json d'autres pages.
app.wxss est la feuille de style commune pour l'ensemble de l'applet. Principalement pour un contrôle global sur le style du mini-programme. De même, les styles de ce fichier seront remplacés par les mêmes styles dans .wxss dans d'autres pages.
La base de données MySQL présente de nombreux avantages, tels que son fonctionnement facile à comprendre, ses fonctions puissantes et sa grande capacité de stockage d'informations. Par conséquent, il est largement utilisé par les gens. Pour la base de données MySQL, il est généralement principalement utilisé pour encoder et interroger des données, et il est appliqué à cette base de données dans de nombreuses conceptions. Dans ce processus, nous pouvons interroger et combiner des données conventionnelles, donc lorsque nous utilisez la base de données mysql, il suffit d'écrire un petit morceau de données pour réaliser la fonction correspondante. Une base de données est une salle de stockage pour le stockage des données, mais les données sont stockées sur un ordinateur au lieu d'une véritable salle de stockage. Les données sont stockées dans un format fixe, non désordonné. La définition est : un format fixe pour une longue période. Stockage sur la mémoire de l'ordinateur qui peut être partagée. La gestion de la base de données comprend principalement l'établissement de tableaux de données, le stockage des données, la modification et l'ajout de données. Afin de garantir que le système de base de données peut fonctionner normalement, le travail de gestion est effectué par le personnel concerné. L'établissement du tableau de données peut ajuster les données du tableau de données, recombiner et reconstruire les données pour assurer la sécurité des données.
Affichage de la page système
Si nécessaire, vous pouvez scanner le code QR sous l'article pour contacter le code source.