Heim Quellcode der Website Quellcode des Miniprogramms Das elegante Suchfeld des WeChat-Applets

Das elegante Suchfeld des WeChat-Applets

Funktionen

Unterstützen Sie benutzerdefinierte beliebte Schlüssel
Unterstützen Sie den Suchverlauf
Unterstützen Sie Suchvorschläge
Unterstützt die Cache-Nutzung des Suchverlaufs (Datensatzes)

*Einführung

//Vorlageneinführung
<import src="/wxSearch/wxSearch.wxml"/>
<template is="wxSearch" data="{{wxSearchData}}"/>
//Eingeführt in wxss
@import "/wxSearch/wxSearch.wxss";
*Verwenden Sie

//wxSearch verfügbar gemachte Schnittstelle

module.exports = {
init: init,
initColor: initColors,
initMindKeys: initMindKeys,
​ wxSearchInput: wxSearchInput,
wxSearchFocus: wxSearchFocus,
wxSearchBlur: wxSearchBlur,
wxSearchKeyTap: wxSearchKeyTap,
wxSearchAddHisKey:wxSearchAddHisKey,
​ wxSearchDeleteKey:wxSearchDeleteKey,
wxSearchDeleteAll:wxSearchDeleteAll,
wxSearchHiddenPanel:wxSearchHiddenPanel
}

//Initialisierung
onLoad: Funktion () {
console.log('onLoad')
var that = this
//WxSearchdata während der Initialisierung rendern. Die zweite ist Ihre Suchhöhe
WxSearch.init(that,43,['weappdev','small program','wxParse','wxSearch','wxNotification']);
WxSearch.initMindKeys(['weappdev.com','WeChat Mini Program Development','WeChat Development','WeChat Mini Program']);
},

wxSearchFn: function(e){
var that = this
WxSearch.wxSearchAddHisKey(that);

},
wxSearchInput: Funktion(e){
var that = this
WxSearch.wxSearchInput(e,that);
},
wxSerchFocus: function(e){
var that = this
WxSearch.wxSearchFocus(e,that);
},
wxSearchBlur: Funktion(e){
var that = this
WxSearch.wxSearchBlur(e,that);
},
wxSearchKeyTap:function(e){
var that = this
WxSearch.wxSearchKeyTap(e,that);
},
wxSearchDeleteKey: Funktion(e){
var that = this
WxSearch.wxSearchDeleteKey(e,that);
},
wxSearchDeleteAll: function(e){
var that = this;
WxSearch.wxSearchDeleteAll(that);
},
wxSearchTap: Funktion(e){
var that = this
WxSearch.wxSearchHiddenPanel(that);
}
Haftungsausschluss

Alle Ressourcen auf dieser Website werden von Internetnutzern bereitgestellt oder von großen Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrität der Software! Alle Ressourcen auf dieser Website dienen nur als Referenz zum Lernen. Bitte nutzen Sie diese nicht für kommerzielle Zwecke. Andernfalls sind Sie für alle Folgen verantwortlich! Wenn ein Verstoß vorliegt, kontaktieren Sie uns bitte, um ihn zu löschen. Kontaktinformationen: admin@php.cn

Verwandter Artikel

Wie verwende ich PHP, um das Reservierungssystem des WeChat-Applets zu implementieren? Wie verwende ich PHP, um das Reservierungssystem des WeChat-Applets zu implementieren?

27 Oct 2023

Wie verwende ich PHP, um das Reservierungssystem des WeChat-Applets zu implementieren? Mit der rasanten Entwicklung der WeChat-Miniprogramme beginnen immer mehr Unternehmen, WeChat-Miniprogramme als Option für Online-Terminvereinbarungssysteme zu nutzen. In diesem Artikel wird die Verwendung der PHP-Sprache zur Implementierung des Reservierungssystems des WeChat-Applets vorgestellt und einige spezifische Codebeispiele bereitgestellt. 1. Vorbereitung: Registrieren Sie ein Miniprogramm auf der öffentlichen WeChat-Plattform und erhalten Sie die App-ID und das App-Geheimnis des Miniprogramms. Konfigurieren Sie die Serveradresse des WeChat-Applets und legen Sie Schnittstellenberechtigungen fest. Erstellen Sie eines, das PHP unterstützt

Die Lösung für das Problem, dass die Sitzungserhaltung des WeChat-Applets beim nächsten Mal fehlschlägt Die Lösung für das Problem, dass die Sitzungserhaltung des WeChat-Applets beim nächsten Mal fehlschlägt

03 Apr 2017

Alle HTTP-Anfragen des Miniprogramms verwenden die Methode wx.request({}), diese Methode generiert jedoch jedes Mal eine neue Sitzung, sodass in bestimmten Verwendungsszenarien (Sicherheitsüberprüfung, Sitzungsspeicherung, CSRF-Schutz) einige Probleme auftreten. usw. . Beispielsweise ist in einer CSRF-geschützten Anwendung die CSRF-Datei, selbst wenn sie beim letzten Mal abgerufen wurde, bei der nächsten Anforderung ungültig. Lösungsschritt 1: Holen Sie sich die Sitzungs-ID und die CSRF und speichern Sie die erhaltene CSRF als Beispiel. Es ist einfach und grob, wenn die Anwendung gestartet wird (Sie können die erste Datei während onLaunch abrufen).

Mini-Tutorialdokument zur Programmentwicklung Mini-Tutorialdokument zur Programmentwicklung

17 May 2017

Dieses Tutorial führt Sie Schritt für Schritt durch die Erstellung eines WeChat-Applets und Sie können die tatsächliche Wirkung des Applets auf Ihrem Mobiltelefon erleben. Auf der Startseite dieses Miniprogramms werden die Willkommensnachricht und der WeChat-Avatar des aktuellen Benutzers angezeigt. Klicken Sie auf den Avatar, um das Startprotokoll des aktuellen Miniprogramms auf der neu geöffneten Seite anzuzeigen. Quellcode herunterladen

Das Hintergrundbild des WeChat-Applets kann nicht angezeigt werden Das Hintergrundbild des WeChat-Applets kann nicht angezeigt werden

26 Mar 2020

Das Hintergrundbild des WeChat-Applets kann nicht angezeigt werden, da das Hintergrundbild nur mit der Netzwerk-URL oder dem Base64-Bild codiert werden kann. Wir können das src-Attribut des Bild-Tags verwenden, um das Hintergrundbild festzulegen.

Detaillierte Einführung in das Inhaltskomponentensymbol des WeChat-Applets wxapp Detaillierte Einführung in das Inhaltskomponentensymbol des WeChat-Applets wxapp

14 Feb 2017

In diesem Artikel werden hauptsächlich die relevanten Informationen zum Inhaltskomponentensymbol des WeChat-Applets wxapp ausführlich vorgestellt und ein einfaches Beispiel angehängt, auf das sich Freunde in Not beziehen können.

So erstellen Sie das Backend des WeChat-Applets in PHP So erstellen Sie das Backend des WeChat-Applets in PHP

21 Apr 2023

Mit der zunehmenden Beliebtheit von WeChat-Miniprogrammen haben immer mehr Entwickler begonnen, sich an der Entwicklung von WeChat-Miniprogrammen zu beteiligen. Bei der Entwicklung von WeChat-Miniprogrammen treten jedoch zwangsläufig Probleme bei der Back-End-Konstruktion auf. In diesem Artikel wird detailliert beschrieben, wie das Backend des WeChat-Applets in PHP erstellt wird. Schritt 1: Installieren Sie die PHP-Umgebung. Bevor Sie mit der Erstellung des Backends des WeChat-Applets beginnen, müssen Sie zunächst die PHP-Umgebung auf Ihrem lokalen Computer installieren, damit Sie PHP-Code ausführen können. Vor der Installation der PHP-Umgebung müssen Sie den Apache- oder Nginx-Server installieren. Nehmen wir bei der Installation den Apache-Server als Beispiel

So verwenden Sie das Aktionsblatt, um das untere Menü des WeChat-Applets aufzurufen So verwenden Sie das Aktionsblatt, um das untere Menü des WeChat-Applets aufzurufen

11 Dec 2017

​In diesem Artikel wird hauptsächlich das WeChat-Applet zur Implementierung der Aktionsblatt-Popup-Menüfunktion vorgestellt. Er analysiert die Verwendungsfähigkeiten des Aktionsblatt-Komponenten-Popup-Menüs in Form von Beispielen, einschließlich Elementdurchquerung, Ereignisreaktion und Attributen Einstellung. Ich hoffe, es kann allen helfen.

Neuigkeiten zur Optimierung für das 10-Anfragen-Parallelitätslimit des WeChat-Applets! ! ! Neuigkeiten zur Optimierung für das 10-Anfragen-Parallelitätslimit des WeChat-Applets! ! !

14 Dec 2018

Dieser Artikel bringt Ihnen Optimierungsneuigkeiten über das Limit von 10 gleichzeitigen Anfragen des WeChat-Applets! ! ! Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Implementierung des Kalender-Anmelde-Applets Implementierung des Kalender-Anmelde-Applets

26 Jan 2021

Tutorial zur Miniprogrammentwicklung: Dieser Artikel enthält Ideen und Quellcode für die Implementierung eines Kalender-Miniprogramms. Er hat einen gewissen Referenzwert und ich hoffe, dass er für alle hilfreich sein kann.

See all articles See all articles

Hot Tools

WeChat-Miniprogramm-Demo: Imitations-Einkaufszentrum

WeChat-Miniprogramm-Demo: Imitations-Einkaufszentrum

Demo des WeChat-Miniprogramms: Nachahmung eines Einkaufszentrums, einfacher Einstieg und gute Einführung in einige Grundfunktionen des Einkaufszentrums

Imbiss: Implementieren Sie eine ankerähnliche Funktionalität

Imbiss: Implementieren Sie eine ankerähnliche Funktionalität

Es ist die ähnliche Ankerfunktion, die jeder braucht. Darüber hinaus werden auch die typischen Bestellfunktionen einiger Take-out-Apps implementiert.

Demo des WeChat-Miniprogramms: Lezhu

Demo des WeChat-Miniprogramms: Lezhu

Demo des WeChat-Miniprogramms: Lezhu: ähnelt der standortbasierten hilfreichen Anwendung, ähnelt etwas dem Geist des Miniprogramms von Zhang Xiaolong.

Die Spieldemo des WeChat-Miniprogramms wählt verschiedene Farbblöcke aus

Die Spieldemo des WeChat-Miniprogramms wählt verschiedene Farbblöcke aus

Die Spieldemo des WeChat-Miniprogramms wählt verschiedene Farbblöcke aus

WeChat-Applet-Demo: Karussell-Bildtransformation

WeChat-Applet-Demo: Karussell-Bildtransformation

Änderung des Karusselldiagrammstils, ein einfaches Karusselldiagramm, implementiert mit einem kleinen Programm, einfach zu schreiben

Hot Article

Pokemon Pocket: Wie man mit Freunden spielt
02 Nov 2024 Leitfaden für mobile Spiele
Alle Black Ops 6 Safehouse-Rätsellösungen
26 Oct 2024 Leitfaden für mobile Spiele
Brotato: Bester Jäger-Build
13 Nov 2024 Leitfaden für mobile Spiele
Die Sims 4: Leben & Tod – Leitfaden zum Wächterbaum
03 Nov 2024 Leitfaden für mobile Spiele