Einführendes Beispiel für die WeChat Mini-Programmentwicklung
Nov 16, 2017 pm 03:43 PMWeChat rückt immer n?her an unser Leben heran und einige Entwickler entwickeln st?ndig WeChat-Miniprogramme. Wie entwickelt man also Miniprogramme? Wie fange ich an? Dann werden wir ein WeChat-Miniprogramm als Beispiel verwenden, um die Einsteiger-Nutzung von WeChat-Miniprogrammen kurz vorzustellen.
1. Registrieren Sie ein Miniprogramm-Konto.
1 ( https://mp.weixin.qq.com/), registrieren Sie ein Mini-Programmkonto und geben Sie die entsprechenden Informationen gem?? den Anweisungen ein
2. Nach erfolgreicher Registrierung gehen Sie auf die Homepage und gehen Klicken Sie im Konfigurationsserver auf ?Entwicklereinstellungen“
3. Sie erhalten eine AppID und zeichnen die AppID auf wird sp?ter beim Erstellen des Projekts verwendet. ??>
Hinweis: Wenn Sie das Miniprogramm auf Ihrem Mobiltelefon mit einer Nicht-Administrator-WeChat-ID erleben m?chten, müssen wir auch ?Bind Developer“ betreiben, d. Im Modul ?Benutzeridentit?t“ – ?Entwickler“ müssen Sie das WeChat-Konto verwenden, um das Miniprogramm zu nutzen. In diesem Tutorial ist das Standard-Registrierungskonto und die Erfahrung das Administrator-WeChat-Konto 2. Laden Sie das WeChat-Webentwicklertool herunter , um Entwicklern dabei zu helfen, es einfacher zu machen. Für eine effiziente Entwicklung hat das WeChat Mini-Programm ein neues Entwicklertool auf den Markt gebracht, das Entwicklungs- und Debugging-, Codebearbeitungs- und Programmfreigabefunktionen integriert
1. Download-Seite: https://mp.weixin/debug/wxadoc/dev/devtools/download.html?t=201715
2. Das Tool umfasst Bearbeitung, Debugging und Projekt drei Seitenkarte:
(1) Der Bearbeitungsbereich kann grundlegende Vorg?nge wie Code-Schreiben und ausführen Hinzufügen, L?schen und Umbenennen von Dateien für das aktuelle Projekt
(2) Das Programm-Debugging besteht haupts?chlich aus drei Funktionsbereichen: Simulator, Debugging-Tools und Mini-Programmbetriebsbereich
(3 ) Die Projektseitenkarte hat drei Hauptfunktionen: Anzeige aktueller Projektdetails, übermittlung der Vorschau und übermittlung des Uploads und der Projektkonfiguration
Hinweis: Beim Starten des Tools müssen Entwickler die WeChat-ID verwenden, die erfolgreich in gebunden wurde Hintergrund zum Scannen des QR-Codes zum Anmelden. Alle nachfolgenden Vorg?nge basieren auf diesem WeChat-Konto
3. Schreiben Sie ein kleines Programmbeispiel
1. Instanzverzeichnisstruktur
2. Beschreibung der Instanzdatei und Quellcode
? test ├─ page │ └─ index │ ├─ index.js │ ├─ index.json │ ├─ index.wxml │ └─ index.wxss ├─ app.js ├─ app.json └─ app.wxss
Ein kleines Programm enth?lt eine App (Hauptteil) und mehrere A-Seiten (Seite)
(1) App wird zur Beschreibung des gesamten Programms verwendet und besteht aus drei Dateien. Das Suffix .js ist die Skriptdatei und das Suffix .json ist die Konfigurationsdatei Im Stammverzeichnis des Projekts ist app.js der Skriptcode des Miniprogramms (erforderlich). In dieser Datei k?nnen Sie die Lebensdauer des Miniprogramms überwachen und verarbeiten , Deklaration globaler Variablen und Aufruf umfangreicher APIs, die vom Framework
app.json bereitgestellt werden, ist die globale Konfiguration des gesamten Miniprogramms (erforderlich) und wird zum Konfigurieren und Bestimmen der globalen Konfiguration des verwendet WeChat-Miniprogramm. Der Pfad der Seitendatei, die Fensteranzeige, das Festlegen des Netzwerk-Timeouts, das Festlegen mehrerer Registerkarten usw. Akzeptiert ein Array, jedes Element ist eine Zeichenfolge, um anzugeben, aus welchen Seiten das Miniprogramm besteht. Der [Pfad + Seitenname] jeder Seite im WeChat-Miniprogramm muss in die Seiten von app.json geschrieben werden, und die erste Seite in Seiten ist die Homepage des Miniprogramms.
? App({ onLaunch: function () { console.log('App Launch') }, onShow: function () { console.log('App Show') }, onHide: function () { console.log('App Hide') }, globalData: { hasLogin: false } })(2) Seite wird verwendet, um eine Seite zu beschreiben. Hier nehmen wir den Homepage-Index als Beispiel. Jede kleine Programmseite besteht aus vier verschiedenen Suffixen mit demselben Namen unter demselben Pfad. Die Zusammensetzung von Dateien, wie zum Beispiel: index.js, index.wxml, index.wxss, index.json. Dateien mit dem Suffix .js sind Skriptdateien, Dateien mit dem Suffix .json sind Konfigurationsdateien, Dateien mit dem Suffix .wxss sind Stylesheet-Dateien und Dateien mit dem Suffix .wxml sind Seitenstrukturdateien.
{ "pages":[ "page/index/index" ], "window":{ "navigationBarTextStyle": "black", "navigationBarTitleText": "歡迎頁(yè)", "navigationBarBackgroundColor": "#fbf9fe", "backgroundColor": "#fbf9fe" }, "debug": true }index.js ist die Skriptdatei der Seite (erforderlich). In dieser Datei k?nnen wir die Lebenszyklusfunktionen der Seite überwachen und verarbeiten, Miniprogramminstanzen abrufen, Daten deklarieren und verarbeiten auf Seiteninteraktionsereignisse reagieren, warten.
page { background-color: #fbf9fe; height: 100%; } .container { display: flex; flex-direction: column; min-height: 100%; justify-content: space-between; }
index.wxml ist die Seitenstrukturdatei (erforderlich).
Page({ data: { title:'小程序', desc:'Hello World!' } })index.json ist die Seitenkonfigurationsdatei (nicht erforderlich). Wenn eine Seitenkonfigurationsdatei vorhanden ist, überschreiben die Konfigurationselemente auf der Seite dieselben Konfigurationselemente im Fenster von app.json. Wenn keine angegebene Seitenkonfigurationsdatei vorhanden ist, wird die Standardkonfiguration in app.json direkt auf der Seite verwendet. Hier ist keine Angabe erforderlich.
<view class="container"> <view class="header"> <view class="title">標(biāo)題:{{title}}</view> <view class="desc">描述:{{desc}}</view> </view> </view>Tipps:
.header { padding: 80rpx; line-height: 1; } .title { font-size: 52rpx; } .desc { margin-top: 10rpx; color: #888888; font-size: 28rpx; }
a. Um Entwicklern die Reduzierung von Konfigurationselementen zu erleichtern, schreibt das Miniprogramm vor, dass die vier Dateien, die die Seite beschreiben, denselben Pfad und dieselbe Datei haben müssen Name
b Das Miniprogramm bietet eine umfangreiche API, die Sie entsprechend Ihren eigenen Anforderungen ausw?hlen k?nnen (https://mp.weixin.qq.com/debug/wxadoc/dev/api/ ?t=201715)
Beispiel für ein Miniprogramm
2. Geben Sie die AppID und den Projektnamen des Miniprogramms ein, w?hlen Sie den im dritten Schritt geschriebenen Miniprogramm-Instanzordner aus und klicken Sie auf ?Projekt hinzufügen“.
3. Wenn die folgenden Ergebnisse angezeigt werden, herzlichen Glückwunsch, Ihr erstes kleines Programmprojekt wurde erfolgreich geschrieben! Klicken Sie in der linken Seitenleiste auf ?Bearbeiten“. Sie k?nnen den Code auch direkt im rechten Bearbeitungsfenster ?ndern, um ihn zu speichern (STRG+S) und zu aktualisieren (F5).
4. Wenn Sie die Wirkung des Miniprogrammprojekts auf Ihrem Mobiltelefon sehen m?chten, klicken Sie in der linken Seitenleiste auf ?Projekt“, klicken Sie auf ?Vorschau“, um einen QR-Code zu generieren, ?ffnen Sie WeChat und scannen Sie Du kannst es sehen.
Zusammenfassung
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass Entwickler daraus Ideen gewinnen und allen helfen k?nnen, das WeChat Mini-Programm besser zu entwickeln.
Verwandte Empfehlungen:
Die umfassendsten Beispiele für WeChat-Miniprogrammprojekte
Einführung in das WeChat Mini-Programm
Einführung in die Methode zur Realisierung gemeinsamer Variablenwerte im WeChat Mini-Programm
Das obige ist der detaillierte Inhalt vonEinführendes Beispiel für die WeChat Mini-Programmentwicklung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Hei?e KI -Werkzeuge

Undress AI Tool
Ausziehbilder kostenlos

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!

Hei?er Artikel

Hei?e Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Kimi: In nur einem Satz, in nur zehn Sekunden ist ein PPT fertig. PPT ist so nervig! Um ein Meeting abzuhalten, ben?tigen Sie einen PPT; um einen w?chentlichen Bericht zu schreiben, müssen Sie einen PPT vorlegen, auch wenn Sie jemanden des Betrugs beschuldigen PPT. Das College ?hnelt eher dem Studium eines PPT-Hauptfachs. Man schaut sich PPT im Unterricht an und macht PPT nach dem Unterricht. Als Dennis Austin vor 37 Jahren PPT erfand, hatte er vielleicht nicht damit gerechnet, dass PPT eines Tages so weit verbreitet sein würde. Wenn wir über unsere harte Erfahrung bei der Erstellung von PPT sprechen, treiben uns Tr?nen in die Augen. ?Es dauerte drei Monate, ein PPT mit mehr als 20 Seiten zu erstellen, und ich habe es Dutzende Male überarbeitet. Als ich das PPT sah, musste ich mich übergeben.“ war PPT.“ Wenn Sie ein spontanes Meeting haben, sollten Sie es tun

Diffusion kann nicht nur besser imitieren, sondern auch ?erschaffen“. Das Diffusionsmodell (DiffusionModel) ist ein Bilderzeugungsmodell. Im Vergleich zu bekannten Algorithmen wie GAN und VAE im Bereich der KI verfolgt das Diffusionsmodell einen anderen Ansatz. Seine Hauptidee besteht darin, dem Bild zun?chst Rauschen hinzuzufügen und es dann schrittweise zu entrauschen. Das Entrauschen und Wiederherstellen des Originalbilds ist der Kernbestandteil des Algorithmus. Der endgültige Algorithmus ist in der Lage, aus einem zuf?lligen verrauschten Bild ein Bild zu erzeugen. In den letzten Jahren hat das ph?nomenale Wachstum der generativen KI viele spannende Anwendungen in der Text-zu-Bild-Generierung, Videogenerierung und mehr erm?glicht. Das Grundprinzip dieser generativen Werkzeuge ist das Konzept der Diffusion, ein spezieller Sampling-Mechanismus, der die Einschr?nkungen bisheriger Methoden überwindet.

Nachdem man sich an die Benutzeroberfl?che früherer Windows-Versionen gew?hnt hat, kann es schwierig sein, sich an Windows 11 anzupassen. Aber keine Sorge, Windows 11 bietet zahlreiche Hilferessourcen, die Ihnen dabei helfen, verschiedene Funktionen einfacher zu beherrschen. In diesem Artikel erfahren Sie, wie Sie mit den Tools von Windows 11 Support erhalten, damit Sie bei Problemen schnell offizielle L?sungen finden k?nnen. Methode 1: Verwenden Sie die ?Getting Started“-App. Die ?Getting Started“-App von Windows 11 ist ein toller Mentor für Anf?nger. Es hilft Benutzern, die Grundeinstellungen des Systems einfach vorzunehmen und stellt neue Funktionen pr?gnant vor. Befolgen Sie die Anweisungen und Sie werden sich schnell mit diesem neuen Betriebssystem vertraut machen. 1Klicken Sie auf das Menü ?Start“, suchen Sie die App ?Erste Schritte“, klicken Sie darauf und w?hlen Sie ?Erste Schritte“. Klicken

Am frühen Morgen des 20. Juni (Pekinger Zeit) gab CVPR2024, die wichtigste internationale Computer-Vision-Konferenz in Seattle, offiziell die besten Beitr?ge und andere Auszeichnungen bekannt. In diesem Jahr wurden insgesamt 10 Arbeiten ausgezeichnet, darunter zwei beste Arbeiten und zwei beste studentische Arbeiten. Darüber hinaus gab es zwei Nominierungen für die beste Arbeit und vier Nominierungen für die beste studentische Arbeit. Die Top-Konferenz im Bereich Computer Vision (CV) ist die CVPR, die jedes Jahr zahlreiche Forschungseinrichtungen und Universit?ten anzieht. Laut Statistik wurden in diesem Jahr insgesamt 11.532 Arbeiten eingereicht, von denen 2.719 angenommen wurden, was einer Annahmequote von 23,6 % entspricht. Laut der statistischen Analyse der CVPR2024-Daten des Georgia Institute of Technology befassen sich die meisten Arbeiten aus Sicht der Forschungsthemen mit der Bild- und Videosynthese und -generierung (Imageandvideosyn

Herausgeber des Machine Power Report: Yang Wen Die Welle der künstlichen Intelligenz, repr?sentiert durch gro?e Modelle und AIGC, hat unsere Lebens- und Arbeitsweise still und leise ver?ndert, aber die meisten Menschen wissen immer noch nicht, wie sie sie nutzen sollen. Aus diesem Grund haben wir die Kolumne ?KI im Einsatz“ ins Leben gerufen, um detailliert vorzustellen, wie KI durch intuitive, interessante und pr?gnante Anwendungsf?lle für künstliche Intelligenz genutzt werden kann, und um das Denken aller anzuregen. Wir hei?en Leser auch willkommen, innovative, praktische Anwendungsf?lle einzureichen. Videolink: https://mp.weixin.qq.com/s/2hX_i7li3RqdE4u016yGhQ Vor kurzem wurde der Lebens-Vlog eines allein lebenden M?dchens auf Xiaohongshu popul?r. Eine Animation im Illustrationsstil, gepaart mit ein paar heilenden Worten, kann in nur wenigen Tagen leicht erlernt werden.

Wir wissen, dass LLM auf gro?en Computerclustern unter Verwendung umfangreicher Daten trainiert wird. Auf dieser Website wurden viele Methoden und Technologien vorgestellt, die den LLM-Trainingsprozess unterstützen und verbessern. Was wir heute teilen m?chten, ist ein Artikel, der tief in die zugrunde liegende Technologie eintaucht und vorstellt, wie man einen Haufen ?Bare-Metals“ ohne Betriebssystem in einen Computercluster für das LLM-Training verwandelt. Dieser Artikel stammt von Imbue, einem KI-Startup, das allgemeine Intelligenz durch das Verst?ndnis der Denkweise von Maschinen erreichen m?chte. Natürlich ist es kein einfacher Prozess, einen Haufen ?Bare Metal“ ohne Betriebssystem in einen Computercluster für das Training von LLM zu verwandeln, aber Imbue hat schlie?lich erfolgreich ein LLM mit 70 Milliarden Parametern trainiert der Prozess akkumuliert

Titel: Ein Muss für technische Anf?nger: Schwierigkeitsanalyse der C-Sprache und Python, die spezifische Codebeispiele erfordert. Im heutigen digitalen Zeitalter ist Programmiertechnologie zu einer immer wichtigeren F?higkeit geworden. Ob Sie in Bereichen wie Softwareentwicklung, Datenanalyse, künstliche Intelligenz arbeiten oder einfach nur aus Interesse Programmieren lernen m?chten, die Wahl einer geeigneten Programmiersprache ist der erste Schritt. Unter vielen Programmiersprachen sind C-Sprache und Python zwei weit verbreitete Programmiersprachen, jede mit ihren eigenen Merkmalen. In diesem Artikel werden die Schwierigkeitsgrade der C-Sprache und von Python analysiert

Erste Schritte mit Guava Cache: Beschleunigen Sie Ihre Anwendungen. Guava Cache ist eine leistungsstarke In-Memory-Caching-Bibliothek, die die Anwendungsleistung erheblich verbessern kann. Es bietet eine Vielzahl von Caching-Strategien, darunter LRU (zuletzt verwendet), LFU (zuletzt verwendet) und TTL (Lebensdauer). 1. Installieren Sie den Guava-Cache und fügen Sie Ihrem Projekt die Abh?ngigkeit der Guava-Cache-Bibliothek hinzu. com.goog
