Heim > WeChat-Applet > Mini-Programmentwicklung > Detaillierte Analyse des Einführungs-Tutorials + des Falls zum WeChat-Miniprogramm

Detaillierte Analyse des Einführungs-Tutorials + des Falls zum WeChat-Miniprogramm

php中世界最好的语言
Freigeben: 2018-05-29 15:17:47
Original
3010 Leute haben es durchsucht


Dieses Mal bringe ich Ihnen eine detaillierte Analyse des WeChat Mini-Programm-Einstiegs-Tutorials + Fälle. Was sind die Vorsichtsmaßnahmen für den Einstieg in das WeChat Mini-Programm? Werfen wir einen Blick darauf.

Eigentlich denke ich, dass das Miniprogramm darin besteht, die mehr als 20 Grundkomponenten, die offiziell von WeChat bereitgestellt werden (derzeit sind es 26), anzuordnen und zu kombinieren und dann einige CSS-Stile hinzuzufügen, um Feedback zu den Vorgängen des Benutzers zu geben (passen Sie die an). Das offizielle WeChat stellte mehr als 60 APIs bereit. 26 Grundkomponenten + 60 offene APIs = es kann in einem halben Tag erledigt werden, oder? (Ein halber Tag reicht aus, um das Tutorial unten sorgfältig zu befolgen)

Wie lerne ich?

1. Sie müssen über Entwicklungstools verfügen, oder?

Hier ist der Link zum Herunterladen der neuesten Version (Portal) -> Download-Adresse der neuesten Version des WeChat-Webentwicklertools

Derzeit ist für das WeChat-Applet-Entwicklungstool kein Knacken erforderlich, Sie müssen nur das verwenden Scannen Sie den WeChat Ihres Mobiltelefons, um sich beim Entwicklungstool anzumelden, und wählen Sie beim Erstellen einer zu entwickelnden Anwendung „Keine APPID“ aus.
Detaillierte Analyse des Einführungs-Tutorials + des Falls zum WeChat-Miniprogramm

2. Benötigen Sie Entwicklungsunterlagen?

Viele Leute denken vielleicht, dass man sich an das Anschauen von Videos gewöhnen muss (das praktische Video zum WeChat-Miniprogramm der CSDN Academy), aber ich empfehle, dass man sich keine Videos ansieht, wenn man neue Dinge lernt ist das Lesen offizieller Dokumente (wer kennt sich sonst besser aus als die offiziellen!), hier ist die offizielle Website-Adresse:

Offizielle Dokumente des WeChat Mini-Programms (Portal)

Natürlich empfiehlt es sich, die Zusammenstellung von W3CSchool hier zu lesen. Die Dokumentation ist relativ klar. (Ein anderes Portal)

3. Nachdem Sie nun die Grundlagen kennen, beginnen wir mit dem praktischen Kampf.

Nachdem Sie etwas gelernt haben, ist es am besten, es in die Praxis umzusetzen. Gehen wir nun zum praktischen Kampf über „WeChat“ Wenn Sie den gesamten Prozess der Erstellung des Miniprogramms Bai Si Bu Qi Qi Si (vereinfachte Version) verfolgen können, haben Sie erfolgreich begonnen.

Schauen Sie sich zuerst die Renderings an

Detaillierte Analyse des Einführungs-Tutorials + des Falls zum WeChat-Miniprogramm

Es zeigt, dass die IDEE dieses Projekts von diesem großen Bruder übernommen wurde. Vielen Dank für diesen großen Bruder

Schauen Sie es sich später an. Schauen Sie sich die Screenshots des Projekts an.
Detaillierte Analyse des Einführungs-Tutorials + des Falls zum WeChat-Miniprogramm

Ich werde den spezifischen Code hier nicht veröffentlichen, sondern das gesamte Projekt verpacken und direkt zur Verwendung herunterladen (Klicken Sie hier, um die DEMO herunterzuladen).

Die Icons, die ich verwende, werden alle von Alibabas Iconfont heruntergeladen (falls Sie es vorher nicht wussten, ist es ein großer Vorteil, Sie werden es wissen, nachdem Sie es verwendet haben).

4. Nicht genug Projekte?

Wenn Sie das Gefühl haben, dass die oben genannten praktischen Übungen nicht ausreichen, um Ihr Potenzial zu stimulieren, dann sind hier ein paar IDEEN, die ich während meines Studiums gefunden habe, und ich hoffe, dass sie für Sie hilfreich sein werden.

1), Rechner
https://github.com/dunizb/wxapp-sCalc

2), Douban Books
http://www.jianshu.com/p/c35084200470

3), Mobile Mall
https://github.com/liuxuanqiang/wechat-weapp-mall

4), Wetter
http://swiftcafe.io/2016/10/03/wx-weather-app/

5 ) , Luftqualitätsabfrage
http://blog.csdn.net/yulianlin/article/details/52692066

6), Github-Client
https :/ /blog.zhengxiaowai.cc/post/weapp-demo.html

7), Zhihu Daily
http://www.apkbus.com/forum.php ?mod= viewthread&tid=268626&extra=page%3D1%26filter%3Dsortid%26sortid%3D12


Endlich

Danke an die Autoren der oben genannten Demo, lasst uns gemeinsam Fortschritte machen...

WeChat Mini-Programm Erste Schritte Tutorial + Falldemo

Respektieren Sie die Originalität, geben Sie beim Nachdruck bitte die Quelle an: Weitere Überraschungen finden Sie im Originaltext: http://blog.csdn.net/ qq137722697


Zuallererst eine gute Haltung – genau das ist die WeChat-Applet-Entwicklung. Alles, was Sie brauchen, sind ein paar CSS-Grundlagen (eigentlich nur ein bisschen).

Verstehen Sie die WeChat-Miniprogrammentwicklung

Tatsächlich denke ich, dass ein Miniprogramm darin besteht, die über 20 Grundkomponenten, die offiziell von WeChat bereitgestellt werden (derzeit sind es 26), zu arrangieren und zu kombinieren Hinzufügen Einige CSS-Stile geben Feedback zu Benutzervorgängen (passen Sie mehr als 60 APIs an, die offiziell von WeChat bereitgestellt werden). 26 Grundkomponenten + 60 offene APIs = es kann in einem halben Tag erledigt werden, oder? (Ein halber Tag reicht aus, um das Tutorial unten sorgfältig zu befolgen)

Wie lerne ich?

1. Sie müssen über Entwicklungstools verfügen, oder?

Hier ist der Download-Link für die neueste Version (Portal) -> Download-Adresse für die neueste Version des WeChat-Webentwicklertools

Derzeit ist für das WeChat-Applet-Entwicklungstool kein Knacken erforderlich, Sie müssen es nur verwenden Scannen Sie den WeChat Ihres Mobiltelefons, um sich beim Entwicklungstool anzumelden, und wählen Sie beim Erstellen einer zu entwickelnden Anwendung „Keine APPID“ aus.
Detaillierte Analyse des Einführungs-Tutorials + des Falls zum WeChat-Miniprogramm

2. Benötigen Sie Entwicklungsunterlagen?

Viele Leute denken vielleicht, dass man sich an das Anschauen von Videos gewöhnen muss (das praktische Video zum WeChat-Miniprogramm der CSDN Academy), aber ich empfehle, dass man sich keine Videos ansieht, wenn man neue Dinge lernt ist es, offizielle Dokumente zu lesen (jeder andere kennt sich besser aus als die offiziellen!), hier ist die offizielle Website-Adresse:

Offizielle Dokumente des WeChat Mini-Programms (Portal)

Natürlich empfiehlt es sich, die Zusammenstellung von W3CSchool hier zu lesen. Die Dokumentation ist relativ übersichtlich. (Ein anderes Portal)

3. Nachdem Sie nun die Grundlagen kennen, beginnen wir mit dem praktischen Kampf.

Nachdem Sie etwas gelernt haben, ist es am besten, es in die Praxis umzusetzen. Gehen wir nun zum praktischen Kampf über „WeChat“ Wenn Sie den gesamten Prozess der Erstellung des Miniprogramms Bai Si Bu Qi Qi Si (vereinfachte Version) verfolgen können, haben Sie erfolgreich begonnen.

Schauen Sie sich zuerst die Renderings an

Detaillierte Analyse des Einführungs-Tutorials + des Falls zum WeChat-Miniprogramm

Es zeigt, dass die IDEE dieses Projekts von diesem großen Bruder entlehnt ist, vielen Dank für diesen großen Bruder

Schauen Sie es sich später an. Schauen Sie sich die Screenshots des Projekts an.
Detaillierte Analyse des Einführungs-Tutorials + des Falls zum WeChat-Miniprogramm

Ich werde den spezifischen Code hier nicht veröffentlichen, sondern ihn direkt zur Verwendung herunterladen (Klicken Sie hier, um die DEMO herunterzuladen).

Die Icons, die ich verwende, werden alle von Alibabas Iconfont heruntergeladen (falls Sie es vorher nicht wussten, ist es ein großer Vorteil, Sie werden es wissen, nachdem Sie es verwendet haben).

4. Nicht genug Projekte?

Wenn Sie das Gefühl haben, dass die oben genannten praktischen Übungen nicht ausreichen, um Ihr Potenzial zu stimulieren, dann sind hier ein paar IDEEN, die ich während meines Studiums gefunden habe, und ich hoffe, dass sie für Sie hilfreich sein werden.

1), Rechner
https://github.com/dunizb/wxapp-sCalc

2), Douban Books
http://www.jianshu.com/p/c35084200470

3), Mobile Mall
https://github.com/liuxuanqiang/wechat-weapp-mall

4), Wetter
http://swiftcafe.io/2016/10/03/wx-weather-app/

5 ) , Luftqualitätsabfrage
http://blog.csdn.net/yulianlin/article/details/52692066

6), Github-Client
https :/ /blog.zhengxiaowai.cc/post/weapp-demo.html

7), Zhihu Daily
http://www.apkbus.com/forum.php ?mod= viewthread&tid=268626&extra=page%3D1%26filter%3Dsortid%26sortid%3D12

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln zum Thema PHP chinesische Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Schritte zur MD5-Verschlüsselung von Daten über node.js

Bedienung Vue soll Amap dazu bringen, eine Echtzeit-Busanwendung zu erstellen

Das obige ist der detaillierte Inhalt vonDetaillierte Analyse des Einführungs-Tutorials + des Falls zum WeChat-Miniprogramm. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage