国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Heim WeChat-Applet WeChat-Entwicklung Einführendes Beispiel für die WeChat Mini-Programmentwicklung

Einführendes Beispiel für die WeChat Mini-Programmentwicklung

Nov 16, 2017 pm 03:43 PM
Erste Schritte Mini -Programm Programmentwicklung

WeChat 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

W?hlen Sie je nach System das entsprechende Tool aus Version zum Herunterladen



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.wxss ist das gemeinsame Stylesheet für das gesamte Miniprogramm (nicht erforderlich).
?
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).

index.wxss ist eine Seiten-Stylesheet-Datei (nicht erforderlich). Wenn ein Seiten-Stylesheet vorhanden ist, werden die Stilregeln im Stylesheet der Seite über die Stilregeln in app.wxss übertragen. Wenn Sie das Stylesheet der Seite nicht angeben, k?nnen Sie die in app.wxss angegebenen Stilregeln auch direkt in der Strukturdatei der Seite verwenden.
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

1. ?ffnen Sie die WeChat-Webentwicklertools und w?hlen Sie ?Lokales Miniprogrammprojekt“.

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.

Einführendes Beispiel für die WeChat Mini-Programmentwicklung

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!

Erkl?rung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Hei?e KI -Werkzeuge

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

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

Hei?e Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Hei?e Themen

PHP-Tutorial
1502
276
Generieren Sie PPT mit einem Klick! Kimi: Lassen Sie zuerst die ?PPT-Wanderarbeiter' popul?r werden Generieren Sie PPT mit einem Klick! Kimi: Lassen Sie zuerst die ?PPT-Wanderarbeiter' popul?r werden Aug 01, 2024 pm 03:28 PM

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

Ein Diffusionsmodell-Tutorial, das Ihre Zeit wert ist, von der Purdue University Ein Diffusionsmodell-Tutorial, das Ihre Zeit wert ist, von der Purdue University Apr 07, 2024 am 09:01 AM

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.

So erhalten Sie Hilfe in Windows 11 So erhalten Sie Hilfe in Windows 11 Mar 15, 2024 pm 02:20 PM

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

Alle CVPR 2024-Auszeichnungen bekannt gegeben! Fast 10.000 Menschen nahmen offline an der Konferenz teil und ein chinesischer Forscher von Google gewann den Preis für den besten Beitrag Alle CVPR 2024-Auszeichnungen bekannt gegeben! Fast 10.000 Menschen nahmen offline an der Konferenz teil und ein chinesischer Forscher von Google gewann den Preis für den besten Beitrag Jun 20, 2024 pm 05:43 PM

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

KI im Einsatz |. AI hat einen Lebens-Vlog eines allein lebenden M?dchens erstellt, der innerhalb von drei Tagen Zehntausende Likes erhielt KI im Einsatz |. AI hat einen Lebens-Vlog eines allein lebenden M?dchens erstellt, der innerhalb von drei Tagen Zehntausende Likes erhielt Aug 07, 2024 pm 10:53 PM

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.

Von Bare-Metal bis hin zu einem gro?en Modell mit 70 Milliarden Parametern finden Sie hier ein Tutorial und gebrauchsfertige Skripte Von Bare-Metal bis hin zu einem gro?en Modell mit 70 Milliarden Parametern finden Sie hier ein Tutorial und gebrauchsfertige Skripte Jul 24, 2024 pm 08:13 PM

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

Eine Pflichtlektüre für technische Anf?nger: Analyse der Schwierigkeitsgrade von C-Sprache und Python Eine Pflichtlektüre für technische Anf?nger: Analyse der Schwierigkeitsgrade von C-Sprache und Python Mar 22, 2024 am 10:21 AM

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

Beschleunigen Sie Ihre Anwendungen: Eine einfache Anleitung zum Guava-Caching Beschleunigen Sie Ihre Anwendungen: Eine einfache Anleitung zum Guava-Caching Jan 31, 2024 pm 09:11 PM

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

See all articles