1. NachfrageDie Eventzeit kann im Hintergrund konfiguriert werden. Während des Events wird das Eventbild automatisch in einem Popup-Fenster auf der Startseite des Miniprogramms angezeigt. Benutzer können die Anzeige aktiver Bilder ausschalten. 1. Im Verwaltungs-Backend können Sie Aktivitätszeiträume hinzufügen, festlegen, ob Popup-Fenster und Popup-Fensterbilder angezeigt werden sollen und ob Aktivitäten aktiviert werden sollen. 2. Wenn Sie das Miniprogramm aufrufen, fragen Sie ab, ob im Hintergrund eine Popup-Fensteraktivität vorhanden ist. Wenn ja, wird in einem Popup-Fenster das Aktivitätsbild angezeigt. 2. DatenbankdesignDa die Popup-Aktivität des Miniprogramms ein Element in der Systemkonfiguration ist, wird die öffentliche Systemkonfiguration direkt zum Speichern der Popup-Aktivitätskonfiguration verwendet. Die Struktur der öffentlichen Systemkonfigurationstabelle ist wie folgt: Tabelle „sys_config“ erstellen ( `id` bigint(20) NOT NULL AUTO_INCREMENT COMMENT 'Primärschlüssel', `configName` varchar(255) DEFAULT NULL COMMENT 'Konfigurationsname', `configInfo` Langtext KOMMENTAR 'Konfigurationsinformationen', PRIMÄRSCHLÜSSEL (`id`) )ENGINE=MyISAM STANDARD-CHARSET=utf8; 3. Implementierung der Java-Hintergrundkonfigurationöffentliche Klasse SysConfig erweitert CommonBean { public static String NAME_SECKILL="config_seckill"; //Seckill-Konfiguration private Long id; private String configName; // Konfigurationsname private String configInfo; // Konfigurationsinformationen public Long getId() { Rückgabe-ID; } öffentliche void setId(Lange ID) { diese.id = ID; } öffentliche Zeichenfolge getConfigName() { Konfigurationsname zurückgeben; } public void setConfigName(String configName) { this.configName = Konfigurationsname; } öffentliche Zeichenfolge getConfigInfo() { Konfigurationsinfo zurückgeben; } öffentliche void setConfigInfo(String configInfo) { diese.configInfo = Konfigurationsinfo; } } @Service("sysConfigService") öffentliche Klasse SysConfigServiceImpl<T> implementiert SysConfigService<T> { @Autowired privates SysConfigDao sysConfigDao; // Konfiguration aktualisieren public int update(SysConfig sysConfig){ gibt sysConfigDao.update(sysConfig) zurück; } // Konfigurationsinformationen basierend auf dem Konfigurationsnamen abrufen @Override public T getConfigByName(Klasse t, String configname) { SysConfig sysConfig = sysConfigDao.getConfigByName(Konfigurationsname); wenn (sysConfig == null) { gibt null zurück; } T Ergebnis = (T) neues Gson().fromJson(sysConfig.getConfigInfo(), t); Ergebnis zurückgeben; } // Konfiguration speichern public int saveConfig(T t, String configname) { SysConfig sysConfig = neue SysConfig(); sysConfig.setConfigName(Konfigurationsname); Gson gson = neuer GsonBuilder().setDateFormat("yyyy-MM-dd HH:mm:ss").erstellen(); Zeichenfolge json = gson.toJson(t); sysConfig.setConfigInfo(json); // Feststellen, ob es hinzugefügt wurde. Wenn ja, aktualisieren. Wenn nein, hinzufügen, if (sysConfigDao.getConfigByName(configname) == null) { int Ergebnis = sysConfigDao.add(sysConfig); Ergebnis zurückgeben; } anders { int Ergebnis = sysConfigDao.update(sysConfig); Ergebnis zurückgeben; } } } Der Effekt nach der Implementierung ist: 4. WeChat-Applet-Frontend-ImplementierungMini-Programm JS-Implementierung getSysConfigSecKill() { app.$post(app.API_SysConfigSecKill, {}, (res) => { wenn (res.statusCode == 0) { lass Daten = res.data; wenn (data.openIndexPopWindow) { dies.setData({ seckillispopwindow: wahr, seckillurl: data.popWindowPic }) } } }) }, Mini-Programmstil /*Aktivitäts-Popup-Fenster*/ .seckill{Position: fest;Breite:325px;Höhe:164px;oben:100px;rechts: 20px;} .seckill-close{Position: fest;Breite:32px;Höhe:32px;oben:250px;rechts:160px;} Frontend-Anzeige <!--Aktivitäts-Popup-Fenster--> <view wx:if="{{seckillispopwindow}}"> <Ansicht> <image bindtap='seckill_go' class="seckill" src="{{seckillurl}}"></image> <image bindtap='seckill_close' class="seckill-close" src="../../images/close.png"></image> </Ansicht> </Ansicht> ZusammenfassenDamit ist dieser Artikel über die Entwicklung von WeChat-Miniprogrammen zur Implementierung der Aktivitätsleitfadenfunktion für Popup-Fenster auf der Homepage abgeschlossen. Weitere relevante Inhalte zum Aktivitätsleitfaden für Popup-Fenster von WeChat-Miniprogrammen finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass alle 123WORDPRESS.COM in Zukunft unterstützen werden! Das könnte Sie auch interessieren:
|
<<: Zusammenfassung der Linux Logical Volume Management (LVM)-Nutzung
>>: Detaillierte Erläuterung der Wissenspunkte zur Verwendung von TEXT/BLOB-Typen in MySQL
Das mit JavaScript-Objekten und -Methoden impleme...
Bisher konnte react.forwardRef nicht auf höherwer...
js interessanter Countdown-Fall. Zu Ihrer Informa...
Antd+React+Webpack ist häufig die Standardkombina...
Mysql 8.0 Installationsprobleme und Passwort-Rese...
Inhaltsverzeichnis 1. Gespeicherte Prozedur 1.1. ...
Vorwort Kürzlich stieß ich auf eine Anforderung, ...
Wenn während des Entwicklungsprozesses nach der W...
Fügen Sie in der Datei /etc/my.conf unter [mysqld...
Einführung Kürzlich habe ich herausgefunden, dass...
Vorwort: Bei der Verwendung von MySQL können Prob...
Excel ist das am häufigsten verwendete Tool zur D...
1. Zabbix-Backup [root@iZ2zeapnvuohe8p14289u6Z /]...
Es gibt zwei Möglichkeiten, .sh-Dateien im Linux-...
In diesem Artikelbeispiel wird der spezifische Co...